var d=document,init=0,TTF=200.0,TTD=12000.0;
var boxes=new Array();
boxes[0]="box1";
boxes[1]="box2";
boxes[2]="box3";
boxes[3]="box4";
var slides=new Array();
slides[0]="/wp-content/themes/ADTheme/landing-page/banner1.jpg";
slides[1]="/wp-content/themes/ADTheme/landing-page/banner2.jpg";
slides[2]="/wp-content/themes/ADTheme/landing-page/banner3.jpg";
slides[3]="/wp-content/themes/ADTheme/landing-page/banner4.jpg";
var imageProcess=new Array();
for(i=0;i<slides.length;i++){
	imageProcess[i]=new Image();
	imageProcess[i].src=slides[i];
}
function setOpac(fid,opac){
	elem=d.getElementById(fid);
	opac=(opac==100) ? 99.999 : opac;
	elem.style.opacity=opac;
	elem.style.MozOpacity=opac;
	elem.style.KhtmlOpacity=opac;
	elem.style.filter='alpha(opacity='+(opac*100)+');';
}
function fadeOut(fid,nid){
	for(i=0;i<=1;i+=0.01){
		setTimeout("setOpac('"+fid+"',"+(1-i)+")",i*TTF)
	}
	slider=setTimeout('slideThis('+nid+',1,0)',200);
}
function fadeIn(fid,nid){
	for(i=0;i<=1;i+=.01){
		setTimeout("setOpac('"+fid+"',"+i+")",i*TTF)
	}
	slider=setTimeout('slideThis('+nid+',0,0)',200);
}
function slideThis(nid,mode,clicked){
	var click1=parseInt(clicked);
	if(mode==0){
		if(click1==0){
			FadingOut=setTimeout('fadeOut("slide",'+nid+')',TTD);
			SlidingBox=setTimeout("slideBox(boxes[init])",TTD);
		}else{
			var Elem='box'+(nid+1);
			var elem=d.getElementById(Elem);
			if(typeof(slider)!=='undefined'){ clearTimeout(slider); }
			if(typeof(fadingIn)!=='undefined'){ clearTimeout(fadingIn); }
			if(typeof(FadingOut)!=='undefined'){ clearTimeout(FadingOut); }
			if(typeof(SlidingBox)!=='undefined'){ clearTimeout(SlidingBox); }
			FadingOut=fadeOut("slide",nid);
			SlidingBox=slideBox(boxes[init]);
		}
	}else{
		if(nid!=10){
			init=nid;
			nid=10;
		}else{
			if(init<slides.length-1){
				init++;
			}else{
				init=0;
			}
		}
		d.getElementById('slide').src=imageProcess[init].src;
		fadingIn=fadeIn("slide",10);
		SlidingBox=slideBox(boxes[init]);
	}
}
window.onload=function(){
	var fElem=d.getElementById('box1');
	fElem.style.top="80px";
	fElem.up=true;
	fElem.down=false;
	slider=slideThis(10,0,0);
}

function getStyle(elem,name){
	if(elem.style[name]){
		return elem.style[name];
	}else if(elem.currentStyle){
		return elem.currentStyle[name];
	}else if(d.defaultView && d.defaultView.getComputedStyle){
		name=name.replace(/([A-Z])/g, "-$1");
		name=name.toLowerCase();
		s=d.defaultView.getComputedStyle(elem,"");
		return s && s.getPropertyValue(name);
	}else{
		return null;
	}
}
function animate(elementID,newLeft,newTop,newWidth,newHeight,time,callback){
	var el=d.getElementById(elementID);
	if(el==null){
		return;
	}	
	var cLeft=parseInt(getStyle(el, "left"));
	var cTop=parseInt(getStyle(el, "top"));;
	var cWidth=parseInt(getStyle(el, "width"));
	var cHeight=parseInt(getStyle(el, "height"));
	var totalFrames=1;
	if(time>0){
		totalFrames=time/40;
	}
	var fLeft=newLeft-cLeft;
	if(fLeft!=0){
		fLeft/=totalFrames;
	}
	var fTop=newTop-cTop;
	if(fTop!=0){
		fTop/=totalFrames;
	}
	var fWidth=newWidth-cWidth;
	if(fWidth!=0){
		fWidth/=totalFrames;
	}
	var fHeight=newHeight-cHeight;
	if(fHeight!=0){
		fHeight/=totalFrames;
	}
	doFrame(elementID,cLeft,newLeft,fLeft,cTop,newTop,fTop,cWidth,newWidth,fWidth,cHeight,newHeight,fHeight,callback);
}
function doFrame(eID,cLeft,nLeft,fLeft,cTop,nTop,fTop,cWidth,nWidth,fWidth,cHeight,nHeight,fHeight,callback){
	var el=d.getElementById(eID);
	if(el==null){
		return;
	}
	cLeft=moveSingleVal(cLeft,nLeft,fLeft);
	cTop=moveSingleVal(cTop,nTop,fTop);
	cWidth=moveSingleVal(cWidth,nWidth,fWidth);
	cHeight=moveSingleVal(cHeight,nHeight,fHeight);
	el.style.left=Math.round(cLeft)+'px';
	el.style.top=Math.round(cTop)+'px';
	el.style.width=Math.round(cWidth)+'px';
	el.style.height=Math.round(cHeight)+'px';
	if(cLeft==nLeft && cTop==nTop && cHeight==nHeight && cWidth==nWidth){
		if(callback!=null){
			callback();
		}
		return;
	}	
	setTimeout('doFrame("'+eID+'",'+cLeft+','+nLeft+','+fLeft+','+cTop+','+nTop+','+fTop+','+cWidth+','+nWidth+','+fWidth+','+cHeight+','+nHeight+','+fHeight+','+callback+')',40);
}
function moveSingleVal(currentVal,finalVal,frameAmt){
	if(frameAmt==0 || currentVal==finalVal){
		return finalVal;
	}
	currentVal +=frameAmt;
	if((frameAmt>0 && currentVal>=finalVal) || (frameAmt<0 && currentVal<=finalVal)){
		return finalVal;
	}
	return currentVal;
}
function slideBox(elementId){
	var element=d.getElementById(elementId);
	var left=parseInt(getStyle(element,"left"));
	if(element.up==null || element.down){
		animate(elementId,left,80,240,414,200,null);
		element.up=true;
		element.down=false;
	}else{
		animate(elementId,left,376,240,414,200,null);
		element.down=true;
		element.up=false;
	}
}
function slightSlide(elementId){
	var element=d.getElementById(elementId);
	var left=parseInt(getStyle(element,"left"));
	var top=parseInt(getStyle(element,"top"));
	if(top==376){
		animate(elementId,left,380,240,414,100,null);
		setTimeout('killTime()',100);
	}else if(top==380){
		animate(elementId,left,376,240,414,100,null);
		setTimeout('killTime()',100);
	}
}
function killTime(){}

var timeout         = 500;
var closetimer		= 0;
var ddmenuitem      = 0;

// open hidden layer
function mopen(id)
{	
	// cancel close timer
	mcancelclosetime();

	// close old layer
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

	// get new layer and show it
	ddmenuitem = document.getElementById(id);
	ddmenuitem.style.visibility = 'visible';

}
// close showed layer
function mclose()
{
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}

// go close timer
function mclosetime()
{
	closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

// close layer when click-out
document.onclick = mclose; 
