window._xp = 0;
aPopImgs = new Array();
for (i = 0; i < 7; i++)
{
	aPopImgs[i]=new Array();
	aPopImgs[i]["url"]="prod.asp?idProd=20";
	aPopImgs[i]["img"]=new Image();
	aPopImgs[i]["img"].src="img/pop/pop" + (i +1) + ".jpg";
}

speed=3000; // ms for each image
fadelevels=20;
fadetime=20; //ms between fade levels

popfader = false;
popImgFr = document.getElementById ? document.getElementById("popimgfr") : document.all.popimgfr;
popImgTo = document.getElementById ? document.getElementById("popimgto") : document.all.popimgto;
speed += fadelevels * fadetime;

icycle=0;
function cyclePopular() 
{
	icycle++;
	if (icycle >= aPopImgs.length) icycle=0;
	window._xp = icycle;

	if (popImgFr.filters || popImgFr.style.MozOpacity)
		doFadePopular(aPopImgs[icycle]["img"]);
	else
		popImgFr.src = aPopImgs[icycle]["img"].src;
	
	setTimeout("cyclePopular()", speed);
}

function doFadePopular(newImage) 
{
	if (!popfader) popfader = document.getElementById ? document.getElementById("divpopfader") : document.all.divpopfader;
	popfader.style.top = DL_GetElementTop(popImgFr);
	popfader.style.left = DL_GetElementLeft(popImgFr);

	popImgTo.src = newImage.src;
	fadelevel=0;
	doFadeRecurse();
}

function doFadeRecurse() 
{
	fadelevel++;

	if (popImgFr.filters)
		popImgFr.filters.alpha.opacity = 100 - (100 / fadelevels) * fadelevel;
	else 
	if (popImgFr.style.MozOpacity)
		popImgFr.style.MozOpacity = 1 - (1 / fadelevels) * fadelevel;

	if (popImgTo.filters)
		popImgTo.filters.alpha.opacity = (100 / fadelevels) * fadelevel;
	else 
	if (popImgTo.style.MozOpacity)
		popImgTo.style.MozOpacity = (1 / fadelevels) * fadelevel;

	if (fadelevel < fadelevels)
		setTimeout("doFadeRecurse()", fadetime)
	else 
	{
		popImgFr.src = popImgTo.src;
		
		if (popImgFr.filters) popImgFr.filters.alpha.opacity = 100;
		else 
		if (popImgFr.style.MozOpacity) popImgFr.style.MozOpacity = 1;

		if (popImgTo.filters) popImgTo.filters.alpha.opacity = 0;
		else 
		if (popImgTo.style.MozOpacity) popImgTo.style.MozOpacity = 0;
	}
}

//element offset code, hacked together from varous open source locations
function DL_GetElementLeft(eElement) 
{
	var nLeftPos = eElement.offsetLeft;          // initialize var to store calculations
	var eParElement = eElement.offsetParent;     // identify first offset parent element
	while (eParElement != null)
	{                                            // move up through element hierarchy
		nLeftPos += eParElement.offsetLeft;      // appending left offset of each parent
		eParElement = eParElement.offsetParent;  // until no more offset parents exist
	}
	return nLeftPos;                             // return the number calculated
}

function DL_GetElementTop(eElement) 
{
	var nTopPos = eElement.offsetTop;            // initialize var to store calculations
	var eParElement = eElement.offsetParent;     // identify first offset parent element
	while (eParElement != null)
	{                                            // move up through element hierarchy
		nTopPos += eParElement.offsetTop;        // appending top offset of each parent
		eParElement = eParElement.offsetParent;  // until no more offset parents exist
	}
	return nTopPos;                              // return the number calculated
}

function clickPopular() {
	document.location= aPopImgs[window._xp]["url"];
}