//HEADER CYCLE SCRIPT - APLUS.NET
//Zdravko
var active = "hosting";
var rotate = 0;
var paused = 0;
var p_img  = ''; 
var last_img = '';
//Structure of the array - [button id],[header src],[button src],[header link],[previous header id],[next header id]
var   iddef = new Array();
	iddef["gift_card"] = new Array("gc","./img/home/vps.jpg","b01","vps.php","hosting");
	iddef["hosting"]   = new Array("wh","./img/home/hosting.jpg","b02","hosting.php","gift_card","design");
	iddef["design"]    = new Array("wd","./img/home/radyo.jpg","b03","radyo.php","hosting","servers");
	iddef["servers"]   = new Array("srv","./img/home/dedicated_sunucu.jpg","b04","sunucu_kirala.php","design","domains");	
	iddef["domains"]   = new Array("dm","./img/home/hekimabi_domain_kampanya.jpg","b05","check.php","servers","marketing");		 
	iddef["marketing"] = new Array("ma","./img/home/web-tasarim.jpg","b06","tasarim.php","domains","gift_card");

	function getStyleObject(objectId) {
	// checkW3C DOM, then MSIE 4, then NN 4.
	//
	if(document.getElementById && document.getElementById(objectId)) {
		return document.getElementById(objectId).style;
	}
	else if (document.all && document.all(objectId)) { 
		return document.all(objectId).style;
	} 
	else if (document.layers && document.layers[objectId]) { 
		return document.layers[objectId];
		} else {
		return false;
		}
	}


	function changeObjectColor(objectId, newVisibility) {
		var styleObject = getStyleObject(objectId);
		
		if (styleObject) {
			styleObject.color = newVisibility;
		return true;
		} else {
			return false;
		}
	}


	function ChangeBoxRed(group){
		document.getElementById(iddef[group][0]).src="./img/home/"+iddef[group][2]+"_red.gif";
		document.getElementById(group+"_txt").style.color = '#CC0000';			
	}
	
	function ClearColorAllTexts(){ // Change All text colors in #47586C	
				changeObjectColor("hosting_txt",'#47586C');
				changeObjectColor("domains_txt",'#47586C');
				changeObjectColor("servers_txt",'#47586C');
				changeObjectColor("design_txt",'#47586C');
				changeObjectColor("marketing_txt",'#47586C');
				changeObjectColor("gift_card_txt",'#47586C');		
	}
	

	function ChangeBoxHide(group){
		
		if(paused==1) {	//Hide shown image when pause is On. And show image that the cycle is paused.
				if(group!=last_img){
				
					document.getElementById(iddef[group][0]).src="./img/home/"+iddef[group][2]+".gif";
					document.getElementById(group+"_txt").style.color = '#47586C';						
					
					if(group!=last_img) { ClearColorAllTexts(); }
					
					ChangeBoxRed(last_img);	
					document.getElementById("headim").src=iddef[last_img][1];
					document.getElementById('href_id').href=iddef[last_img][3];
				
				}				
		}
	}

	function PauseOff(){	
			document.getElementById("btn_pause").src="./img/home/btn_pause.gif";
					
			paused = 0;	
			rotate = 0;
					
			if(last_img!=active){
			
				document.getElementById(iddef[last_img][0]).src="./img/home/"+iddef[last_img][2]+".gif";
				document.getElementById(last_img+"_txt").style.color = '#47586C';	
				
				ChangeBoxRed(active);
						
			}

			document.getElementById("changeable_img").style.visibility='hidden';
			document.getElementById(canv_base+"_1").style.visibility='visible';
			document.getElementById(canv_base+"_0").style.visibility='visible';
			p_img = '';
			ChangeBoxHide(active);		
	}

	function PauseSlideshowHeaders(){ //When clicked Pause Button
		
		if(paused==0){ //Pause On
		
				document.getElementById("btn_pause").src="./img/home/btn_pause02.gif";
				paused = 1;
				rotate = 1;

				document.getElementById("changeable_img").style.visibility='visible';
				document.getElementById("headim").src=iddef[group][1];
				p_img    = active;
				last_img = active;
				document.getElementById('href_id').href=iddef[group][3];					
				document.getElementById(canv_base+"_1").style.visibility='hidden';
				document.getElementById(canv_base+"_0").style.visibility='hidden';				
				ClearColorAllTexts();				    
				document.getElementById(group+"_txt").style.color      = '#CC0000';
			
		} else { //Pause Off
				PauseOff();
		}
	
	}

	function PrevSlide(){	
	
		if(paused!=1) { 
			document.getElementById("btn_pause").src="./img/home/btn_pause02.gif";
			paused = 1;
			rotate = 1;	
			
			StopCycle();
		}
				
		if(last_img=='') last_img=active;		
		ChangeHeader(iddef[last_img][4],'click');	
		
	}
	
	function NextSlide(){	
	
		if(paused!=1) { 
			document.getElementById("btn_pause").src="./img/home/btn_pause02.gif";
			paused = 1;
			rotate = 1;	
		}
				
		if(last_img=='') last_img=active;				
		ChangeHeader(iddef[last_img][5],'click');
		
	}

	function StopCycle(){
		
		document.getElementById("changeable_img").style.visibility='visible';
		document.getElementById(iddef[active][0]).src="./img/home/"+iddef[active][2]+".gif";
		document.getElementById(canv_base+"_1").style.visibility='hidden';
		document.getElementById(canv_base+"_0").style.visibility='hidden';
	
	}

	function Change2Red_btn(img){
		document.getElementById(img).src="./img/home/"+img+"02.gif";	
	}

	function Change2Grey_btn(img){
		
		if(img!='btn_pause' || paused==0) { document.getElementById(img).src="./img/home/"+img+".gif"; }	
	}
	
	function ChangeHeader(group,act){		
	//	if(act == 'click') { rotate = 1; }
	
			if(rotate!=1){
				rotate = 1;	
				if(paused!=1) { 
					document.getElementById("btn_pause").src="./img/home/btn_pause02.gif";
					paused = 1;
					rotate = 1;	
					p_img  = group; 				
				}	
				
				StopCycle();
				
				document.getElementById("headim").src=iddef[group][1];
				document.getElementById('href_id').href=iddef[group][3];
				
				ClearColorAllTexts();				
				ChangeBoxRed(group);				
				last_img = group;
			} else {
						
				document.getElementById("headim").src=iddef[group][1];
				document.getElementById('href_id').href=iddef[group][3];
				
				document.getElementById(iddef[last_img][0]).src="./img/home/"+iddef[last_img][2]+".gif";
				if(p_img!='') { document.getElementById(iddef[p_img][0]).src="./img/home/"+iddef[p_img][2]+".gif"; }				
				
				ClearColorAllTexts();				
				ChangeBoxRed(group);				
				last_img = group;			
			}

	}


var detect = navigator.userAgent.toLowerCase();
if (checkIt('safari')){
document.write('<style type="text/css">#upmenu {font-size: 9px;}</style>');
}
function checkIt(string){
var place = detect.indexOf(string) + 1;
return place;
}
//HEADER CYCLE SCRIPT - APLUS.NET

/*
* Ultimate Fade-In Slideshow (v1.5): © Dynamic Drive (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
*/ 
var fadeimages=new Array()
fadeimages[0]=["./img/home/vps.jpg", "vps.php", "", "gift_card"]
fadeimages[1]=["./img/home/hosting.jpg", "#2", "", "hosting"]
fadeimages[2]=["./img/home/radyo.jpg", "radyo.php", "", "design"]
fadeimages[3]=["./img/home/dedicated_sunucu.jpg", "sunucu_kirala.php", "", "servers"]
fadeimages[4]=["./img/home/hekimabi_domain_kampanya.jpg", "check.php", "", "domains"]
fadeimages[5]=["./img/home/web-tasarim.jpg", "tasarim.php", "", "marketing"]
var fadebgcolor="#F2F3F5"
var fadearray=new Array()
var fadeclear=new Array()
var dom=(document.getElementById)
var iebrowser=document.all
var active
var canv_base; 
function fadeshow(theimages, fadewidth, fadeheight, borderwidth, delay, pause, displayorder){
this.pausecheck=pause
this.mouseovercheck=0
this.delay=delay
this.degree=10
this.curimageindex=0
this.nextimageindex=1
fadearray[fadearray.length]=this
this.slideshowid=fadearray.length-1
this.canvasbase="canvas"+this.slideshowid
canv_base="canvas"+this.slideshowid
this.curcanvas=this.canvasbase+"_0"
if (typeof displayorder!="undefined")
theimages.sort(function() {return 0.5 - Math.random();})
this.theimages=theimages
this.imageborder=parseInt(borderwidth)
this.postimages=new Array()
for (p=0;p<theimages.length;p++){
this.postimages[p]=new Image()
this.postimages[p].src=theimages[p][0]
} 
var fadewidth=fadewidth+this.imageborder*2
var fadeheight=fadeheight+this.imageborder*2 
if (iebrowser&&dom||dom)
document.write('<div id="master'+this.slideshowid+'" style="position:relative;width:'+fadewidth+'px;height:'+fadeheight+'px;overflow:hidden;"><div id="changeable_img" style="visibility: hidden"><a href="" id="href_id"><img id="headim" border="0"></a></div><div id="'+this.canvasbase+'_0" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);-moz-opacity:10;-khtml-opacity:10;background-color:'+fadebgcolor+'"></div><div id="'+this.canvasbase+'_1" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);-moz-opacity:10;background-color:'+fadebgcolor+'"></div></div>')
else
document.write('<div><img name="defaultslide'+this.slideshowid+'" src="'+this.postimages[0].src+'"></div>')
if (iebrowser&&dom||dom)
this.startit()
else{
this.curimageindex++
setInterval("fadearray["+this.slideshowid+"].rotateimage()", this.delay)
}
}
function fadepic(obj){
if (obj.degree<100){
obj.degree+=10
if (obj.tempobj.filters&&obj.tempobj.filters[0]){
if (typeof obj.tempobj.filters[0].opacity=="number")
obj.tempobj.filters[0].opacity=obj.degree
else
obj.tempobj.style.filter="alpha(opacity="+obj.degree+")"
}
else if (obj.tempobj.style.MozOpacity)
obj.tempobj.style.MozOpacity=obj.degree/101
else if (obj.tempobj.style.KhtmlOpacity)
obj.tempobj.style.KhtmlOpacity=obj.degree/100
}
else{
clearInterval(fadeclear[obj.slideshowid])
obj.nextcanvas=(obj.curcanvas==obj.canvasbase+"_0")? obj.canvasbase+"_0" : obj.canvasbase+"_1"
obj.tempobj=iebrowser? iebrowser[obj.nextcanvas] : document.getElementById(obj.nextcanvas)
obj.populateslide(obj.tempobj, obj.nextimageindex)
obj.nextimageindex=(obj.nextimageindex<obj.postimages.length-1)? obj.nextimageindex+1 : 0
setTimeout("fadearray["+obj.slideshowid+"].rotateimage()", obj.delay)
}
} 
fadeshow.prototype.populateslide=function(picobj, picindex){
var slideHTML=""
if (this.theimages[picindex][1]!="")
slideHTML='<a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">'
slideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px">'
if (this.theimages[picindex][1]!="")
slideHTML+='</a>'
picobj.innerHTML=slideHTML
}
fadeshow.prototype.rotateimage=function(){

if (this.pausecheck==1)
var cacheobj=this
if (this.mouseovercheck==1) //Can be managed with rotate = 1 //zdr
{	var cacheobj=this
	setTimeout(function(){cacheobj.rotateimage()}, 150);
}
else if (iebrowser&&dom||dom){
this.resetit()
var crossobj=this.tempobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
crossobj.style.zIndex++
fadeclear[this.slideshowid]=setInterval("fadepic(fadearray["+this.slideshowid+"])",50)
this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0"

if(rotate==0){
document.getElementById(iddef[active][0]).src="./img/home/"+iddef[active][2]+".gif";
}

group = this.theimages[this.curimageindex][3];
active = group;

if(rotate==0){
	ClearColorAllTexts(); 
	ChangeBoxRed(group);
}

}
else{

if(rotate==0){
document.getElementById(iddef[active][0]).src="./img/home/"+iddef[active][2]+".gif";
}

group = this.theimages[this.curimageindex][3];
active = group;

if(rotate==0){
	ClearColorAllTexts();  
	ChangeBoxRed(group);
}

var ns4imgobj=document.images['defaultslide'+this.slideshowid]
ns4imgobj.src=this.postimages[this.curimageindex].src
}

this.curimageindex=(this.curimageindex<this.postimages.length-1)? this.curimageindex+1 : 0
}
fadeshow.prototype.resetit=function(){
this.degree=10
var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
if (crossobj.filters&&crossobj.filters[0]){
if (typeof crossobj.filters[0].opacity=="number") //if IE6+
crossobj.filters(0).opacity=this.degree
else
crossobj.style.filter="alpha(opacity="+this.degree+")"
}
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=this.degree/101
else if (crossobj.style.KhtmlOpacity)
crossobj.style.KhtmlOpacity=obj.degree/100
} 
fadeshow.prototype.startit=function(){
var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
this.populateslide(crossobj, this.curimageindex)
if (this.pausecheck==1){
var cacheobj=this
var crossobjcontainer=iebrowser? iebrowser["master"+this.slideshowid] : document.getElementById("master"+this.slideshowid)
crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=1}
crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0}
}
this.rotateimage()
}