// JavaScript Document
function opacity(id, opacStart, opacEnd, millisec) {
	//speed for each frame
	var speed = Math.round(millisec / 100);
	var timer = 0;

	//determine the direction for the blending, if start and end are the same nothing happens
	if(opacStart > opacEnd) {
		for(i = opacStart; i >= opacEnd; i--) {
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	} else if(opacStart < opacEnd) {
		for(i = opacStart; i <= opacEnd; i++)
			{
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	}
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
	//if(opacity%10==0) alert(opacity/100);
	var object = document.getElementById(id).style; 
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
}

function shiftOpacity(id, millisec) {
	//if an element is invisible, make it visible, else make it ivisible
	if(document.getElementById(id).style.opacity == 0) {
		opacity(id, 0, 100, millisec);
	} else {
		opacity(id, 100, 0, millisec);
	}
}

function blendimage(divid, imageid, imagefile, imagefileImg, millisec) {
	var speed = Math.round(millisec / 100);
	var timer = 0;
	
	//set the current image as background
	document.getElementById(divid).style.backgroundImage = "url(" + imagefile + ")";
	
	//make image transparent
	document.getElementById(imageid).style.backgroundImage = "url(" + imagefileImg + ")";
	changeOpac(0, imageid);	
	//make new image
	
	//fade in image
	for(i = 0; i <= 100; i++) {
		setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
		timer++;
	}
}

function currentOpac(id, opacEnd, millisec) {
	//standard opacity is 100
	var currentOpac = 100;
	
	//if the element has an opacity set, get it
	if(document.getElementById(id).style.opacity < 100) {
		currentOpac = document.getElementById(id).style.opacity * 100;
	}

	//call for the function that changes the opacity
	opacity(id, currentOpac, opacEnd, millisec)
}

function nextImage(arrImg, maxP, way, divID, imgID, objUnhide, objHide, objCountImg, obj1Show, obj2Show)
{
	var _main = document.getElementById('main');
	_main.style.zIndex=30;
	_main.style.overflow="visible";
	//_main.style.position="absolute";
				
	if(!document.getElementById(obj1Show))
	{
		var d = document.createElement("div");
		d.id = obj1Show;			
	}
	if(document.getElementById(obj1Show))
	{
		d = document.getElementById(obj1Show);
	}
	_main.insertBefore(d, _main.firstChild);
	d.style.display = "block";
	
	
	if(BrowserDetect.browser=="Explorer" && BrowserDetect.version==6)
	{
		doResizeC();
	}
		
	d.onmousedown=function()
	{
		//if(typeof(intervalDivBack)!="undefined") window.clearInterval(intervalDivBack);
		closeDivBack(document.getElementById(obj2Show), obj1Show, 'fotoGallery');
	}
	if(document.getElementById(obj2Show))
	{
		document.getElementById(obj2Show).style.display="block";
	}
	
	if(typeof(interval1)!='undefined')
	{
		document.getElementById(objUnhide).style.display="none";
		document.getElementById(objHide).style.display="block";
		clearInterval(interval1);		
	}
	maxP=parseInt(maxP);
	
	if(typeof(prodid)=='undefined')
	{
		prodid=0;
	}
	
	if(way=='next')
	{
		prodid++;
	}
	if(way=='prev')
	{
		prodid--;
	}
	
	prodidShow=prodid+1;
	if(prodidShow==maxP+1)
	{
		prodidShow=1;
	}
	if(prodidShow==0)
	{
		prodidShow=maxP;
	}
	objCount=document.getElementById(objCountImg);
	objCount.innerHTML = (prodidShow) + " / " + maxP;
	if(prodid==maxP)
	{
		prodid=0;
	}
	if(prodid==-1)
	{
		prodid=maxP-1;
	}
	if(prodid==0)
	{
		if(way=='next')
		{
			imgDiv=arrImg[maxP-1];
			imgDivImg=arrImg[prodid];
		}
		if(way=='prev')
		{
			imgDiv=arrImg[prodid+1];
			imgDivImg=arrImg[prodid];
		}
	}
	if(prodid>0)
	{
		if(way=='next')
		{
			imgDiv=arrImg[prodid-1];
			imgDivImg=arrImg[prodid];
		}
		if(way=='prev')
		{
			imgDiv=arrImg[prodid+1];
			imgDivImg=arrImg[prodid];
			if(prodid==maxP-1)
			{
				imgDiv=arrImg[0];
				imgDivImg=arrImg[prodid];
			}
		}
	}	
	blendimage(divID, imgID, imgDiv, imgDivImg, 400);
}


function nextImageSS(arrImg, maxP, divID, imgID, objUnhide, objHide, objCountImg, obj1Show, obj2Show)
{	
	var _main = document.getElementById('main');
	_main.style.zIndex=30;
	_main.style.overflow="visible";
	//_main.style.position="absolute";
				
	if(!document.getElementById(obj1Show))
	{
		var d = document.createElement("div");
		d.id = obj1Show;			
	}
	if(document.getElementById(obj1Show))
	{
		d = document.getElementById(obj1Show);
	}
	_main.insertBefore(d, _main.firstChild);
	d.style.display = "block";
	
	
	if(BrowserDetect.browser=="Explorer" && BrowserDetect.version==6)
	{
		doResizeC();
	}
		
	d.onmousedown=function()
	{
		//if(typeof(intervalDivBack)!="undefined") window.clearInterval(intervalDivBack);
		closeDivBack(document.getElementById(obj2Show), obj1Show, 'fotoGallery');
	}
	if(document.getElementById(obj2Show))
	{
		document.getElementById(obj2Show).style.display="block";
	}
	
	if(typeof(interval1)!='undefined')
	{
		clearInterval(interval1);		
	}
		document.getElementById(objUnhide).style.display="block";
		objHide.style.display="none";
		interval1=setInterval(function() {increaseCounter(arrImg, maxP, divID, imgID, objCountImg);}, 3000);	
}

function increaseCounter(arr, maxP, divID, imgID, objCountImg)
{
	maxP=parseInt(maxP);
	
	if(typeof(prodid)=='undefined')
	{
		prodid=0;
	}
	
	prodid++;
	prodidShow=prodid+1;
	if(prodidShow==maxP+1)
	{
		prodidShow=1;
	}
	objCount=document.getElementById(objCountImg);
	objCount.innerHTML = (prodidShow) + " / " + maxP;
	if(prodid==maxP)
	{
		prodid=0;
	}
	if(prodid==-1)
	{
		prodid=maxP-1;
	}
	if(prodid==0)
	{	
		imgDiv=arr[maxP-1];
		imgDivImg=arr[prodid];
	}
	if(prodid>0)
	{
		imgDiv=arr[prodid-1];
		imgDivImg=arr[prodid];	
	}
	
	
	blendimage(divID, imgID, imgDiv, imgDivImg, 400);
}

function pauseSlideShow(objUnhide, objHide)
{
	
	objHide.style.display="none";
	document.getElementById(objUnhide).style.display="block";
	if(typeof(interval1)!='undefined')
	{
		clearInterval(interval1);
	}
}