//Javascript document

function popupWindow(url) {
  window.open(url,'popupWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,copyhistory=no,width=100,height=100,screenX=150,screenY=150,top=150,left=150')
}
function showImage(img,lnk) 
{
	if (document.getElementById("mainimage") && document.getElementById("mainimageurl") && document.getElementById("productmoreimg") && document.getElementById(lnk) && document.getElementById("productimage"))
	{
		var newImg = new Image();
		newImg.src = img;
		var height = newImg.height;
		var width  = newImg.width;
		
		document.getElementById("mainimage").src = img;
		document.getElementById("mainimage").height = height;
		document.getElementById("mainimage").width = width;
		document.getElementById("mainimageurl").href = document.getElementById(lnk).href;
		document.getElementById("mainimageurl").rel = document.getElementById(lnk).rel;
		document.getElementById("mainimageurl").title = document.getElementById(lnk).title;
		myLytebox = null;
		myLytebox = new LyteBox();
		
		var al = document.getElementById('productmoreimg').getElementsByTagName('a');
		
		//var elements - new Array();
		for(var e = 0; e < al.length; e++)
		{
			al[e].className = 'null';
		}
		
		document.getElementById(lnk).className = 'active';
	}
}

function startLytebox(elID) {
  var el   = document.getElementById(elID);
  myLytebox.start(el);
}

var ads = new Array();
ads[0] = 2;
ads[1] = 3;
ads[2] = 1;

function start_fade()
{
	setTimeout("fade_ad(1,0)",5500);
}

function fade_ad(type,active)
{
	if(type == null)
	{
		type = 1;
	}
	
	var tmp = active;
	var tmp_next = active;
	while(true)
	{
		tmp_next = tmp + 1;
		
		tmp_field = document.getElementById('part'+ ads[tmp_next]);
		if(typeof tmp_field == 'undefined')
		{
			tmp + 1;
			
			if(tmp > 4)
			{
				next = 0;
				break;
			}
		}
		else
		{
			next = tmp_next;
			break;
		}
	}
	
	if(next > 2)
	{
		next = 0;
	}
	
	var el1 = document.getElementById('part'+ ads[active]);
	var el2 = document.getElementById('part'+ ads[next]);
	
	if(type == 1)
	{
		el1.style.display = 'block';
		el2.style.display = 'none';
		opacity('part'+ ads[active],100,0,300);
		setTimeout("fade_ad(2,"+ active +")",350);
	}
	else if(type == 2)
	{
		el1.style.display = 'none';
		el2.style.display = 'block';
		opacity('part'+ ads[next],0,100,300);
		setTimeout("fade_ad(1,"+ next +")",6500);
	}
}

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) {
	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, millisec) {
	var speed = Math.round(millisec / 100);
	var timer = 0;
	
	//set the current image as background
	document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
	
	//make image transparent
	changeOpac(0, imageid);
	
	//make new image
	document.getElementById(imageid).src = imagefile;

	//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)
}