// JavaScript Document
/*
if("undefined"!=typeof HTMLElement){   
      HTMLElement.prototype.getCssValue=function(prop){   
          if(!window.getComputedStyle)   return   null;   
          prop=prop.replace(/([A-Z])/g,"-$1").toLowerCase();   
          return   window.getComputedStyle(this,"").getPropertyValue(prop);   
      }; 
}*/
function getobj(oid){
	var obj = new Object();
	try{
		obj = document.getElementById(oid);
	}catch(e){
		alert("no such object");
		return;
	}
	return obj;
}
function getStyle(el,styleProp){ var x = document.getElementById(el); if (window.getComputedStyle) var y = window.getComputedStyle(x,"").getPropertyValue(styleProp.replace(/([A-Z])/g,"-$1").toLowerCase()); else if (x.currentStyle) var y = eval('x.currentStyle.' + styleProp); return y;}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function high(obj){
	//document.title = "The highlit process is triggered." + new Date().getSeconds();
	var oobj = obj;
	theobj = oobj;
	oobj.hlt=setInterval("highlightit(theobj)",itv);
	var currentBg = getStyle("backtab","backgroundImage");
	if(currentBg.indexOf(theobj.flipImgSrc)==-1){
		for(var i = 0;i<maskarr.length;i++){
			try{//IE
				document.getElementById(maskarr[i]).filters.alpha.finishOpacity = document.getElementById(maskarr[i]).filters.alpha.opacity = iemskoe;
			}catch(e){
				document.getElementById(maskarr[i]).style.opacity = ffmskoe;
			}
		}
		if(typeof sto!="object")clearTimeout(sto);
		stage1 = false;
		highlightmask();
	}
}

function low(obj){
	var shouldDarken = true;
	var oobj = obj;
	if(oobj.objGroup.length>1){
		//alert("need to think of group effect");
		if(theobj){
			var ids = theobj.objGroup.join(",");
			if(theobj.objGroup[0]!=oobj.objGroup[0]&&ids.indexOf(oobj.id)!=-1){
				//document.title = "we are not the same but we are in one group" + new Date().getSeconds();
				shouldDarken = false;
			}else{
				//document.title = "we are not in the same group" + new Date().getSeconds()+">me:"+oobj.objGroup[0]+", theobj:"+theobj.objGroup[0]+",shouldDarken:"+shouldDarken;
			}
		}
	}
	if(shouldDarken){
		try{
			//IE
			for(var i = 0;i<oobj.objGroup.length;i++){
				document.getElementById(oobj.objGroup[i]).filters.alpha.opacity = ieos;
				document.getElementById(oobj.objGroup[i]).filters.alpha.finishOpacity = ieos;		
			}
		}catch(e){
			//Firefox
			for(var i = 0;i<oobj.objGroup.length;i++){
				document.getElementById(oobj.objGroup[i]).style.opacity = ffos;
			}
		}
	}
	clearInterval(oobj.hlt);
}

function highlightit(obj){
	var oobj = obj;
	try{
		//IE
		if(oobj.filters.alpha.opacity<ieoe){
			for(var i=0;i<oobj.objGroup.length;i++){
				document.getElementById(oobj.objGroup[i]).filters.alpha.opacity = parseInt(oobj.filters.alpha.opacity) + iebod;
				document.getElementById(oobj.objGroup[i]).filters.alpha.finishOpacity = parseInt(oobj.filters.alpha.finishOpacity) + iebod;

			}
	}else{
			clearInterval(obj.hlt);
		}
	}catch(e){
		//Firefox
		if(parseFloat(oobj.style.opacity)<ffoe){
			for(var i=0;i<oobj.objGroup.length;i++){
				document.getElementById(oobj.objGroup[i]).style.opacity = parseFloat(oobj.style.opacity) + ffbod;
			}
		}else{
			clearInterval(obj.hlt);
		}
	}
}

function highlightmask(){
	if(copyobj!=theobj)copyobj=theobj;
	var curMaskOpacity = 0;
	if(document.all){b = "ie"}
	else{b = "ff"} 
	if(b == "ie"){
		curMaskOpacity = document.getElementById(maskarr[0]).filters.alpha.finishOpacity;
		curMaskOpacity = Round(parseFloat(curMaskOpacity/100),2);
	}else{
		curMaskOpacity = Round(parseFloat(document.getElementById(maskarr[0]).style.opacity),2);
		//alert(document.getElementById(maskarr[i]));		
	}
	//alert(stage1);
	if(stage1 == false){
		if(b == "ie"){curMaskOpacity += ffmskod * 4;}
		else{curMaskOpacity += ffmskod * 2;}
	}else{
		if(b == "ie"){
			curMaskOpacity = curMaskOpacity - ffmskod * 3;
		}else{curMaskOpacity = curMaskOpacity - ffmskod * 1.5;}
	}
	for(i = 0;i<maskarr.length;i++){
	//for(i = 0;i<1;i++){
		if(b == "ie"){
			//alert(curMaskOpacity);
			document.getElementById(maskarr[i]).filters.alpha.finishOpacity = document.getElementById(maskarr[i]).filters.alpha.opacity = parseInt(curMaskOpacity*100);
		}else{
			//alert(document.getElementById(maskarr[i]));
			document.getElementById(maskarr[i]).style.opacity = curMaskOpacity;
		}
	}
	if(curMaskOpacity>=ffmskos && !stage1){
		document.getElementById("backtab").style.backgroundImage="url(" + copyobj.flipImgSrc + ")";
		stage1 = true;
	}
	if(curMaskOpacity>0.01){
		sto = setTimeout("highlightmask()",itv*1);
	}
}

function adjustPicScale(w){
  var statchanged=false;
  var imgObj=document.images;
  for(i in imgObj){
    if (parseInt(imgObj[i].width)>w){
      var ow=parseInt(imgObj[i].width);
      var oh=parseInt(imgObj[i].height);
      nh = parseInt(w*oh/ow);
      imgObj[i].width = w;
      imgObj[i].height = nh;
      statchanged=true;
    }
  }
  if(statchanged)setTimeout("adjustPicScale(590)",1500);
}

function Round(a_Num , a_Bit){
  return( Math.round(a_Num * Math.pow (10 , a_Bit)) / Math.pow(10 , a_Bit))  ;
}

//var hlt=0;
var sto = new Object();
var itv = 50;
var ieos = 65, ieoe = 100, iebod = 4, iemskos = 60, iemskoe = 0, iemskod = parseInt((iemskos - iemskoe)/((ieoe - ieos)/iebod));
var ffos = 0.65, ffoe = 1, ffbod = 0.02, ffmskos = 0.6, ffmskoe = 0, ffmskod = Round(parseFloat((ffmskos - ffmskoe)/((ffoe - ffos)/ffbod)),2);
var stage1 = false;
//alert([iemskod,ffmskod]);
var theobj,copyobj;
var imgPath = "images/php/";
var imgExt = ".jpg";
var imgNameArr = new Array("b01_bg","b02_bg","b03_bg","b04_bg","b05_bg","b06_bg","b07_bg","b08_bg","b09_bg");
//var assignedBgSrc = 0;
var tds = document.getElementsByTagName("td");
var maskarr = new Array("s1","s2","s3","s4","s5");
var p = 0;
for(var i=1;i<tds.length;i++){
	if(tds[i].id.indexOf("btn")!=-1){
		tds[i].objGroup = new Array();
		tds[i].objGroup.push(tds[i].id);
		var curId = tds[i].id;
		var curIdInit = tds[i].id.slice(0,5);
		//alert(curIdInit);
		var tds2 = document.getElementsByTagName("td");
		for(var g=1;g<tds2.length;g++){
			if(tds2[g].id.slice(0,5)==curIdInit&&tds2[g].id!=curId){
				tds[i].objGroup.push(tds2[g].id);
			}
		}
		//alert(++p + tds[i].id + " has friend and itself:\n" + tds[i].objGroup);
		tds[i].hlt = new Object();
		tds[i].flipImgSrc = "";
		//alert([tds[i].id.slice(4,5),imgNameArr[imgIdx].slice(2,3)]);
		for(var j = 0; j<imgNameArr.length; j++){
			if( tds[i].id.slice(4,5) == imgNameArr[j].slice(2,3)){
				tds[i].flipImgSrc = imgPath + imgNameArr[j] + imgExt;
			}
		}
		//if(tds[i].flipImgSrc!="")alert(tds[i].id + "," + tds[i].flipImgSrc);
		tds[i].onmouseover = function(){high(this)};
		tds[i].onmouseout = function(){setTimeout("low(document.getElementById('" + this.id + "'))",0);};
		low(tds[i]);
	}
}

function preload(){
	for(var p = 1;p<=imgNameArr.length;p++){
		MM_preloadImages(imgPath + imgNameArr[p] + imgExt);
	}
}
setTimeout("preload()",2500);
