var canOpacity = function(obj,start,finish,time)
{
this.obj=obj;
this.start=start;
this.finish=finish;
this.time=time;
}

canOpacity.prototype.begin = function ()
{
	var self = this;
	self.frwrd((this.time*1000)/2,1);
	var timerCO=setTimeout( function(){ self.rewind(timerCO); } , this.time*1000);
	
}


canOpacity.prototype.rewind = function (timer)
{
	
	try
	{
	this.obj.style.opacity=0;
	}
	catch(err2)
	{}
	
	try{
	this.obj.filters.alpha.opacity=0;
	}
	catch(err)
	{}
	
	clearTimeout(timer);

	
}

canOpacity.prototype.frwrd = function (timer,value)
{
	if (value<=100)
	{
	
	try
	{
		this.obj.filters.alpha.opacity=value+20;
	}
	catch(err)
	{
		try
		{
		this.obj.style.opacity=value/100;
		}
		catch(err2)
		{}
	}
	
	value=value+10;
	var self = this;
	var timerCO2=setTimeout( function(){ self.frwrd(timer,value); } , 50);
	
	}
	else
	{
		clearTimeout(timerCO2);
	}
	
}


/////////////////////////////////////////////////////////////

var canVerticalSlider = function(obj,time)
{
this.obj=obj;
this.time=time;
var self = this;
this.obj.onmouseover = function () {self.dur();}
this.obj.onmouseout = function () {self.run(1);}
this.TO=1;
}

canVerticalSlider.prototype.begin = function()
{
	this.run(1);
}

canVerticalSlider.prototype.run = function (value)
{
	this.obj.scrollTop=this.obj.scrollTop+value;
	var self = this;
	TO=setTimeout( function(){ self.run(value); } , this.time * 5);
	if (this.obj.scrollTop==302) {this.obj.scrollTop=0}	
}

canVerticalSlider.prototype.dur = function ()
{
	clearTimeout(TO);
}

/////////////////////////////////////////////////////////////

var canPictureOpener = function(object,time)
{
    this.obj=document.getElementById(object);
	var self = this;
	this.obj.onclick = function () {self.ac();}
	this.obj.style.cursor="pointer";
	var __isFireFox = navigator.userAgent.match(/gecko/i); 

	if (!__isFireFox)
	{
	iframe=document.getElementById('comboframe');
	iframe.style.filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';
	iframe.style.zIndex="1";
	}
}

canPictureOpener.prototype.ac = function ()
{
   var __isFireFox = navigator.userAgent.match(/gecko/i); 
	
	if (!__isFireFox)
	{
	iframe=document.getElementById('comboframe');
	iframe.style.zIndex="3";
	combo=document.getElementById('comboMark');
	combo.style.filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=50)';
	combo.style.background="#fff";
	}
	
	try{
   var myElement = document.createElement('<div id="first" style="width:100%; height:100%; background-color:white; position:absolute; top:0px; left:0px; filter:alpha(opacity=50); -moz-opacity:0.5;"></div>');
	}
   catch (err)
   {
	var myElement = document.createElement('div');
	myElement.setAttribute('id','first');
	myElement.style.zIndex="9999999999";
	myElement.style.width="100%";
	myElement.style.height="100%";
	myElement.style.position="absolute";
	myElement.style.top="0px";
	myElement.style.left="0px";
	myElement.style.backgroundColor="white";
	myElement.style.opacity="0.5";   
	}
 
   document.body.appendChild(myElement);

		if(parseInt(document.body.scrollHeight)>parseInt(document.getElementById('first').offsetHeight))
		{
			
         document.getElementById('first').style.height=document.body.scrollHeight+'px';
		}
   
   try{
   var myElement2 = document.createElement('<div id="second" style="width:100%; height:100%; position:absolute; top:0px; left:0px; cursor:pointer;"></div>');
   }
   catch (err)
   {
	var myElement2 = document.createElement('div');
	myElement2.setAttribute('id','second');
	myElement2.style.zIndex="9999999999";
	myElement2.style.width="100%";
	myElement2.style.height="100%";
	myElement2.style.position="absolute";
	myElement2.style.top="0px";
	myElement2.style.left="0px"; 
	myElement2.style.cursor="pointer"; 
   }
 
 	
   document.body.appendChild(myElement2);
     
   var table = '<table cellpadding="0" cellspacing="0" width="100%" height="100%"><tr><td align="center" valign="middle"><div id="photoContainer"></div></td></tr></table>';
   
   document.getElementById('second').innerHTML=table;
   
   container = document.getElementById('photoContainer');
   container.onclick = removePO;
   
  document.getElementById('second').onclick = removePO;
   
   function removePO()
   {
	   document.body.removeChild(myElement); 
	   document.body.removeChild(myElement2); 
      
	
	if (!__isFireFox)
	{
	iframe=document.getElementById('comboframe');
	iframe.style.zIndex="1";
	combo=document.getElementById('comboMark');
	combo.style.filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=100)';
	}
	
   }
 
   pos=GetElementAbsolutePos(container);
  
   var id="cpo1";
   var html="<img src="+this.obj.src+">";
   //var html="<img id='resim' src='images/products/contentbg2.jpg'>";
   var newdiv = document.createElement('div');
   newdiv.setAttribute('id', id);
   
      //   newdiv.style.position = "absolute";
	   
    
	 //    newdiv.style.left = left;
	//	   newdiv.style.top = top;
      
	//   newdiv.style.width = width;
   //	 newdiv.style.height = height;
   
   try{
   var myElement3 = document.createElement("<img id='resimTemp' src='"+this.obj.src+"' style='visibility:hidden; position:absolute;'>");
   }
   catch (err)
   {
	var myElement3 = document.createElement('img');
	myElement3.setAttribute('id','resimTemp');
	myElement3.setAttribute('src',this.obj.src);
	myElement3.style.visibility="hidden";
	myElement3.style.position="absolute";
   }

	myElement2.style.overflow="hidden";
	myElement2.appendChild(myElement3);
  
	   
   obj=document.getElementById('resimTemp');
   var width=parseInt(getWidth(obj));
   var height=parseInt(getHeight(obj));

  myElement2.removeChild(myElement3); 
   
    if (__isFireFox) 
	{
	//	left=left+'px';
   //   top=top+'px';
	width=width+'px';
	height=height+'px';
	}
	   
   newdiv.style.width=width;
   newdiv.style.height=height;

   
   newdiv.style.background = "#fff";
   newdiv.style.border = "2px solid black";
   
   if (html) {
       newdiv.innerHTML = html;
   } else {
       newdiv.innerHTML = "nothing";
   }
   
   container.appendChild(newdiv);
   
   obj.style.display='none';
   
   var self = this;
   self.frwrd("second",(this.time*1000)/2,0);
}

canPictureOpener.prototype.frwrd = function (object,timer,value)
{
	var obj=document.getElementById(object);

	if (value<=100)
	{
	
	try
	{
		obj.filters.alpha.opacity=value+20;
	}
	catch(err)
	{
		try
		{
		obj.style.opacity=value/100;
		}
		catch(err2)
		{}
	}
	
	value=value+20;
	var self = this;
	var timerCO2=setTimeout( function(){ self.frwrd(object,timer,value); } , 1);
	
	}
	else
	{
		clearTimeout(timerCO2);
	}
}
/////////////////////////////////////////////////////////////
////////////////////FONKSİYONLAR////////////////////////////
function getHeight (obj) {  
  obj.style.height="auto";
// match box models
if (document.all) {
gh = obj.offsetHeight;
}
else {
gh = obj.offsetHeight;
}
return gh;
}

function getWidth (obj) {  
  obj.style.width="auto";
// match box models
if (document.all) {
gw = obj.offsetWidth;
}
else {
gw = obj.offsetWidth;
}
return gw;
}

var __isFireFox = navigator.userAgent.match(/gecko/i); 

function GetElementAbsolutePos(element) {   
 var res = new Object();   
    res.x = 0; res.y = 0;   
    if (element !== null) {   
        res.x = element.offsetLeft;    
        res.y = element.offsetTop;    
           
        var offsetParent = element.offsetParent;   
        var parentNode = element.parentNode;   
  
        while (offsetParent !== null) {   
            res.x += offsetParent.offsetLeft;   
            res.y += offsetParent.offsetTop;   
  
            if (offsetParent != document.body && offsetParent != document.documentElement) {   
                res.x -= offsetParent.scrollLeft;   
                res.y -= offsetParent.scrollTop;   
            }   
            //next lines are necessary to support FireFox problem with offsetParent   
            if (__isFireFox) {   
                while (offsetParent != parentNode && parentNode !== null) {   
                    res.x -= parentNode.scrollLeft;   
                    res.y -= parentNode.scrollTop;   
                       
                    parentNode = parentNode.parentNode;   
                }       
            }   
            parentNode = offsetParent.parentNode;   
            offsetParent = offsetParent.offsetParent;   
        }   
    }   
    return res;   
}  

window.onscroll=function()
{
 try{	
	document.getElementById('first').style.height=parseInt(screen.height-235)+'px';
	}
	catch(err)
	{}
	
}

function getScrollXY() {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
  return [ scrOfX, scrOfY ];
}function getScrollXY() {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
  return [ scrOfX, scrOfY ];
}