var effecter = "on";
var logo = "on";

var mainImageImage;
var mainImageAtag;
var mainBox;
var aa;
var aTagId;

var idArray   = new Array();
var thumbs    = new Array();
var button_on  = new Array();
var button_off = new Array();
var images    = new Array();
var aTags     = new Array();
var imgEffect = new Array();
var documentIdArray = new Array();
var intelIdArray = new Array();
var altArray = new Array();
var bb = new Array();

var effect = 20;
var effectWidth = Math.floor(690/effect);
var effectWidth2 = effectWidth;
var effectFlag = 1;
var flag = (document.getElementsByTagName) ? true : false;

function ultraLink(){
	
	if(flag){
		mainImageImage = document.getElementById("mainImage");
		mainImageAtag  = document.getElementById("mainImageA");
		
		makeIdArray();
		
		preLoad();
		
		widths  = Math.floor(750 / idArray.length) + "px";
		
		try{
			var mainImageSrc = new Array();
			var mainImageSrcs = new Array();
		
			mainImageSrc = mainImageImage.getAttribute("src").split("/");
		
			mainImageSrcs = mainImageSrc.reverse();
		
			var aaaa = mainImageSrcs[0].indexOf("_image.jpg");
		
			var mainImageId = mainImageSrcs[0].slice(0,aaaa);
		
			setIntelLogo(mainImageId);
		}catch(e){}
		
		for(var i=0; i < idArray.length; i++){
					
			documentIdArray[idArray[i]].style.width      = widths;
			documentIdArray[idArray[i]].style.background = "url(images/" + idArray[i] + "_button_off.jpg) center center no-repeat";
			documentIdArray[idArray[i]].style.textIndent = "-1000px";
			documentIdArray[idArray[i]].style.height     = "64px";
			documentIdArray[idArray[i]].style.padding    = "0";
			
			documentIdArray[idArray[i]].onmouseover = function() {
				if(mainImageAtag.getAttribute("href") !== this.getAttribute("href")){
					effectFlag = 1;
				}else{
					effectFlag = 0;
				}
				
				this.style.backgroundImage = "url(images/" + this.getAttribute("id") + "_button_on.jpg)";
				mainImageAtag.setAttribute("href", this.getAttribute("href"));
				mainImageImage.setAttribute("src", "images/" + this.getAttribute("id") + "_image.jpg");
				mainImageImage.setAttribute("alt", altArray[this.getAttribute("id")]);
				
				setIntelLogo(this.getAttribute("id"));
				
				effectWidth2 = effectWidth;
				
				effectTimer();
			}
					
			documentIdArray[idArray[i]].onmouseout = function() {
				this.style.backgroundImage = "url(images/" + this.getAttribute("id") + "_button_off.jpg)";
				mainImageAtag.setAttribute("href", this.getAttribute("href"));
			}
		}
	}
}

function makeIdArray(){
	aTags   = document.getElementsByTagName("a");
	for(var i=0; i < aTags.length; i++){
		
		try{
			aa = aTags[i].getAttribute("class").indexOf("PC-ultraLink");
		}catch(e){
			try{
				aa = aTags[i].getAttribute("className").indexOf("PC-ultraLink");
			}catch(e){continue}
		}
		
		if(aa >= 0){
			aTagId = aTags[i].getAttribute("id");
			idArray.push(aTagId);
			documentIdArray[aTagId] = document.getElementById(aTagId);
			altArray[aTagId] = aTags[i].innerHTML;
			
			
			try{
				if(aTags[i].getAttribute("class").indexOf("PC-intel") >= 0){
					bb = aTags[i].getAttribute("class").split(" ");
				}else{ bb = "noIntel"}
			}catch(e){
				try{
					if(aTags[i].getAttribute("className").indexOf("PC-intel") >= 0){
						bb = aTags[i].getAttribute("className").split(" ");
					}else{ bb = "noIntel"}
				}catch(e){ bb = "noIntel"}
			}	
			
			if(bb !== "noIntel"){
				intelIdArray[aTagId] = bb[1];
			}
		}
	}
}

function preLoad(){
	for(var i=0; i < idArray.length; i++){
		button_on [i]     = new Image();
		button_off[i]     = new Image();
		images    [i]     = new Image();
		button_on [i].src = "images/" + idArray[i] + "_button_on.jpg";
		button_off[i].src = "images/" + idArray[i] + "_button_off.jpg";
		images    [i].src = "images/" + idArray[i] + "_image.jpg";
	}
}

function setIntelLogo(logoFlag){
	for(var i=0; i < idArray.length; i++){
		try{
			document.getElementById(intelIdArray[idArray[i]]).style.display = "none";
		}catch(e){}
	}

	if(logo == "on"){
		try{
			document.getElementById(intelIdArray[logoFlag]).style.display = "inline";
		}catch(e){}
	}
}

function setEffecter(){
	if(effecter == "on"){
		mainBox = document.getElementById("PC-mainBox");
		for(var k=0; k < effect; k++){
			imgEffect[k] = new Image();
			imgEffect[k].src = "images/effecter.gif";
			imgEffect[k].style.border = "none"; 
			imgEffect[k].style.position = "absolute";
			imgEffect[k].style.top = "0";
			imgEffect[k].style.left = (effectWidth * k)+ 5 + "px";
			imgEffect[k].style.width = effectWidth + "px";
			imgEffect[k].style.height = "420px";
			imgEffect[k].style.zIndex = "20";
			imgEffect[k].style.display = "none";
			mainBox.appendChild(imgEffect[k]);
		}
	}
}

function effectTimer(){
	if(effecter == "on"){
		if(imgEffect[0].style.display == "none"){
			for(var m=0; m < effect; m++){
				imgEffect[m].style.width = 0;
				imgEffect[m].style.display = "inline";
			}
		}

		if(effectFlag == 1 && effectWidth2 > 3){
			effectWidth2 = effectWidth2 - 2;
			for(var l=0; l < effect; l++){
				imgEffect[l].style.width = effectWidth2 + "px";
			}
			effectTime = setTimeout("effectTimer()", 15);
		}else{
			for(var m=0; m < effect; m++){
				imgEffect[m].style.width = 0;
				imgEffect[m].style.display = "none";
			}
			effectFlag = 0;
		}
	}
}

if(window.addEventListener) {
	window.addEventListener("load", ultraLink, false);
	window.addEventListener("load", setEffecter, false);
}
else if(window.attachEvent) {
	window.attachEvent("onload", ultraLink);
	window.attachEvent("onload", setEffecter);
}