// Write by Pizazz ( Liu Shuai ) on November 10, 2007
var flag=true;
var currentpromoteInex=0;
var currentTimeOutID=0;

var promoteImageArray=null;
var promoteLinkArray=null;
var promoteCaptionArray=null;

var navImageArray=null;
var navOnImageArray=null;
var navLinkArray=null;
var navCaptionArray=null;

var navImageArray=new Array();
var navOnImageArray=new Array();
var navLinkArray=new Array();
var navCaptionArray=new Array();

navImageArray[0]="img_ad/wireless_disable.gif";
navOnImageArray[0]="img_ad/wireless.gif";
navLinkArray[0]="/products/wlan.asp";
navCaptionArray[0]="Wireless";

navImageArray[1]="img_ad/adsl_disable.gif";
navOnImageArray[1]="img_ad/adsl.gif";
navLinkArray[1]="/products/adsl.asp";
navCaptionArray[1]="ADSL";

navImageArray[2]="img_ad/router_disable.gif";
navOnImageArray[2]="img_ad/router.gif";
navLinkArray[2]="/products/switch.asp";
navCaptionArray[2]="Bussiness Networking";

navImageArray[3]="img_ad/switch_disable.gif";
navOnImageArray[3]="img_ad/switch.gif";
navLinkArray[3]="/products/powerline.asp";
navCaptionArray[3]="Powerline";

navImageArray[4]="img_ad/ipcamera_disable.gif";
navOnImageArray[4]="img_ad/ipcamera.gif";
navLinkArray[4]="/products/camera.asp";
navCaptionArray[4]="IP Camera";

function playFilterEffect(promoteImageArray,promoteLinkArray,promoteCaptionArray,defaultpromoteIndex)
{
	if(promoteImageArray.length>1)
	{
		currentpromoteIndex=defaultpromoteIndex;
		document.write("<table border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\" style=\"margin:1px auto;margin-bottom:0;\" id=\"pmaintble\"><tr>");
		showNav(currentpromoteIndex);
		showpromote(currentpromoteIndex);
		document.write("</tr></table>");
		runEffect();
	}
}

function showpromote(currentpromoteIndex)
{
	document.write("<td valign=top width=\""+promoteWidth+"\"  style=\"border-left:#fff solid 1px;\"><div style=\"height:"+promoteHeight+"px;display:block;overflow:hidden\"><div id=\"mainpromote\" style=\"width:"+promoteWidth+"px;height:"+promoteHeight+"px;display:block\">");
	if(isIE5plus())
	{
		document.writeln("<div id=\"promoteimg\" style=\"position:absolute;display:block;visibility:visible\"><a href=\""+promoteLinkArray[currentpromoteIndex]+"\" onmouseover=\"stopEffect();\" onmouseout=\"startEffect();\"><img src=\""+promoteImageArray[currentpromoteIndex]+"\" title=\""+promoteCaptionArray[currentpromoteIndex]+"\" border=0 id=\"image"+currentpromoteIndex+"\"></a></div>");
	}
	else
	{
		for(i=0;i<promoteImageArray.length;i++)
		{
			document.write("<div id=\"promote"+i+"\" style=\"position:absolute;display:block;");
			if(i==currentpromoteIndex)
				document.write("visibility:visible\">");
			else
				document.write("visibility:hidden\">");
			document.writeln("<a href=\""+promoteLinkArray[i]+"\" onmouseover=\"stopEffect();\" onmouseout=\"startEffect();\"><img src=\""+promoteImageArray[i]+"\" title=\""+promoteCaptionArray[i]+"\" border=0 id=\"image"+i+"\"></a></div>");
			setOpacity(getObj("image"+i),0);
		}
	}
	document.write("</div>");
	showNumberNav(currentpromoteIndex);
	document.write("</div></td>");
}

function showNav(currentpromoteIndex)
{
	document.write("<td valign=top><div style=\"padding-top:0px\" id=\"navpromote\">");
	for(i=0;i<navImageArray.length;i++)
	{
		document.write("<div id=\"nav"+i+"\"")
		document.write("><a href=\""+navLinkArray[i]+"\" onmouseover=\"callEffect('"+(i+1)+"');return false;\" onmouseout=\"cancelEffect();startEffect();return false;\"><img name=\"navimg"+i+"\" src=\"");
		if(i==currentpromoteIndex)
			document.write(navOnImageArray[i]);
		else
			document.write(navImageArray[i]);
		document.writeln("\" title=\""+navCaptionArray[i]+"\" border=0></a></div>");
	}
	document.write("</div></td>");
}

function showNumberNav(currentpromoteIndex)
{
	document.writeln("<div id=\"numnav\" style=\"text-align:right;\"><table border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr bgcolor=\"#87c9f2\" align=\"center\">");
	for(i=0;i<promoteImageArray.length;i++)
	{
		document.write("<td");
		if(i<promoteImageArray.length-1)
			document.write(" style=\"border-right:#fff solid 1px\"");
		document.write(" onclick=\"runEffect('"+(i+1)+"');return false;\"><img id=\"navnumimg"+i+"\" src=\"img_ad\/");
		if(i!=currentpromoteIndex)
			document.write(i+1);
		else
			document.write((i+1)+""+(i+1));
		document.write(".jpg\">");
	}
	document.writeln("</td></tr></table></div>");
}

function runEffect(promoteIndex)
{
	if(flag)
	{
		flag=false;
		setOpacity(getObj("image"+currentpromoteIndex),100);
		currentTimeOutID=setTimeout("runEffect()",2000);
		return;
	}
	var nextpromoteIndex=getNext(currentpromoteIndex,promoteImageArray.length);
	var runpromoteIndex=currentpromoteIndex;
	if(!isNaN(parseInt(promoteIndex)))
		currentpromoteIndex=parseInt(promoteIndex)-1;
	else
		currentpromoteIndex=nextpromoteIndex;
	if(currentpromoteIndex!=runpromoteIndex)
	{
		if(isIE5plus())
		{
			var vt=Math.floor(Math.random()*23);
			vt=6;
			promoteObj = getObj("promoteimg");
			promoteObj.style.filter="revealTrans(duration=1.0,transition=6) blendTrans(duration=1.5)";
			promoteObj.filters(0).apply();
			promoteObj.filters(1).apply();
			
			promoteObj.innerHTML="<a href=\""+promoteLinkArray[currentpromoteIndex]+"\" onmouseover=\"stopEffect();\" onmouseout=\"startEffect();\"><img src=\""+promoteImageArray[currentpromoteIndex]+"\" title=\""+promoteCaptionArray[currentpromoteIndex]+"\" border=0 id=\"image"+currentpromoteIndex+"\"></a>";
			
			promoteObj.filters(0).play();
			promoteObj.filters(1).play();
		}
		else
		{
			fadeOut(runpromoteIndex,99.999);
			fadeIn(currentpromoteIndex,0);
		}
		changeNav(currentpromoteIndex);
	}
	if(!isNaN(parseInt(currentpromoteIndex)))
		clearTimeout(currentTimeOutID);
	currentTimeOutID=setTimeout("runEffect()",promoteDuration);
}

function changeNav(currentpromoteIndex)
{
	for(i=0;i<navImageArray.length;i++)
	{
		if(i==currentpromoteIndex)
		{
			document.images['navimg'+i].src=navOnImageArray[i];
			document.images['navnumimg'+i].src="img_ad\/"+(i+1)+""+(i+1)+".jpg";
		}
		else
		{
			document.images['navimg'+i].src=navImageArray[i];
			document.images['navnumimg'+i].src="img_ad\/"+(i+1)+".jpg";
		}
	}
}

function callEffect(promoteIndex)
{
	callEffectTimeOutID = setTimeout("callRunEffect('" + promoteIndex + "')", 300);
}

function callRunEffect(promoteIndex)
{
	eval("runEffect('" + promoteIndex + "')");
	stopEffect();
}

function cancelEffect(promoteIndex)
{
	clearTimeout(callEffectTimeOutID);	
}

function stopEffect()
{
	clearTimeout(currentTimeOutID);
}

function startEffect()
{
	clearTimeout(currentTimeOutID);
	currentTimeOutID = setTimeout("runEffect()", 2000);
}

function getNext(currentpromoteIndex,promoteLength)
{
	var nextIndex = (currentpromoteIndex + 1) % promoteLength;
	return nextIndex;
}

function setOpacity(obj, opacity)
{
	if (obj != null)
	{
		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 fadeOut(objId,opacity)
{
	imgObj = getObj("image" + objId);
	promoteObj = getObj("promote" + objId);
	if (imgObj != null && promoteObj != null)
	{
		if (opacity > -1)
		{
			setOpacity(imgObj, opacity);
			opacity -= 10;
			window.setTimeout("fadeOut('"+objId+"',"+opacity+")", 100);
		}
		else
		{
			promoteObj.style.visibility = "hidden";
			promoteObj.style.zIndex=1;
		}
	}
}

function fadeIn(objId,opacity)
{
	imgObj = getObj("image" + objId);
	promoteObj = getObj("promote" + objId);
	if (imgObj != null && promoteObj != null)
	{
		if (opacity <= 99.999)
		{
			promoteObj.style.visibility = "visible";
			promoteObj.style.zIndex=2;
			setOpacity(imgObj, opacity);
			opacity += 10;
			window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
		}
	}
}

function isIE5plus()
{
	var browser = navigator.userAgent;
	var startPos = browser.indexOf("MSIE");
	if (startPos < 0)
		return false;

	var IEversion = parseInt(browser.substring(startPos+5, browser.indexOf(".", startPos)));
	
	if (IEversion < 5)
		return false;
	else
		return true;
}

function isFirefox()
{
	var browser = navigator.userAgent;
	var startPos = browser.indexOf("Firefox");
	if (startPos < 0)
		return false;
	else
		return true;
}

function isNetscape6or7()
{
	var browser = navigator.userAgent;
	var startPosNS6 = browser.indexOf("Netscape6");
	var startPosNS7 = browser.indexOf("Netscape/7");
	
	if ((startPosNS6 >= 0) || (startPosNS7 >= 0))
		return true;
	else
		return false;
}


function getObj(name)
{
  if (document.getElementById)
    return document.getElementById(name);
  else if (document.all)
    return document.all[name];
  else if (document.layers)
    return document.layers[name];
}