// JavaScript Document
function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
  
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
  
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}

function fadeIn(objId,opacity,newopacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity <= newopacity) {
      setOpacity(obj, opacity);
      opacity += 10;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+","+newopacity+")", 90);
    }
  }
}

function fadeOut(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity >= 0) {
      setOpacity(obj, opacity);
      opacity -= 10;
      window.setTimeout("fadeOut('"+objId+"',"+opacity+")", 90);
    }
  }
}

function hideLoader() {
		document.getElementById('loader').style.visibility="hidden";	
}

function loadImage(obj,file,code,dataurl) {

	var img = new Image();
	var img2 = new Image();
	var temp = 0;
	
	img.src = '../img/collections/'+file;
	img2.src = '../img/collections/'+code;
	
	if(img.complete && img2.complete) 
	{
		MojoMagnify.makeMagnifiable(document.getElementById(obj), "../img/collections/"+code);  
		document.getElementById(obj).src = img.src;
		ajaxpage('../img/collections/'+dataurl, 'contentArea');
		
	}
	else 
	{
		document.getElementById('loader').style.visibility="visible";
		fadeIn('loader',0,70);
		tt=setTimeout("hideLoader()", 20000);
		img2.onload = function() {
			MojoMagnify.makeMagnifiable(document.getElementById(obj), "../img/collections/"+code);  
  			document.getElementById(obj).src = img.src;
			ajaxpage('../img/collections/'+dataurl, 'contentArea');
			document.getElementById('loader').style.visibility="hidden";
			clearTimeout(tt);
		}
	}
	
}

defaultStep=10;
totalscroll=545;
step=defaultStep;
temp=0;
temp2=0;
temp3=totalscroll;
leftCount=0;
finalScroll=0;
finalScroll2=0;



function scrollDivRight(id){ 
clearTimeout(timerDown) ; 

if(temp3>step)
{ 
	document.getElementById(id).scrollLeft+=step;  
	temp3-=step;
}
else
{
	document.getElementById(id).scrollLeft+=temp3;  
	temp3=totalscroll;
}

timerDown=setTimeout("scrollDivRight('"+id+"')",10) 

temp+=defaultStep;

if(temp>=totalscroll)
{
	stopMe();
	temp=0;	
	temp2+=1;
	if(temp2>(leftCount+1)) { temp2=leftCount+1 };
}

}  




function scrollDivLeft(id){ 
clearTimeout(timerUp) 

if(temp2<=leftCount)
{
	
if(temp3>step)
{ 
	document.getElementById(id).scrollLeft-=step;  
	temp3-=step;
}
else
{
	document.getElementById(id).scrollLeft-=temp3;  
	temp3=totalscroll;
}

timerUp=setTimeout("scrollDivLeft('"+id+"')",10) ;

temp+=defaultStep;

if(temp>=totalscroll)
{
	stopMe();
	temp=0;	
	temp2-=1;
	if(temp2<0) {temp2=0};
}

}
else
{
if(finalScroll2>step)
{ 
	document.getElementById(id).scrollLeft-=step;  
	finalScroll2-=step;
}
else
{
	document.getElementById(id).scrollLeft-=finalScroll2;  
	finalScroll2=finalScroll;
}

timerUp=setTimeout("scrollDivLeft('"+id+"')",10) ;

temp+=defaultStep;

if(temp>=finalScroll)
{
	stopMe();
	temp=0;	
	temp2-=1;
	if(temp2<0) {temp2=0};
}
}

}  

timerDown=""  
timerUp=""  

function stopMe(){ 
clearTimeout(timerDown);  
clearTimeout(timerUp); 
} 

function init() {
	leftCount=Math.floor(document.getElementById('catalogueItems').scrollWidth/totalscroll)-1;
finalScroll=document.getElementById('catalogueItems').scrollWidth-((leftCount+1)*totalscroll)+5;
}