function changeon(num){
	btn = document.getElementById('btn'+num);
	fl = document.getElementById('fl'+num);

	btn.className="slidebtnon";
	fl.style.color="#ffff66";
}

function changeoff(num){
	k=0;
	c=0;
	for(i=1;i<5;i++){
		if(i!=num){
			slide = document.getElementById('slid'+i);
			if(slide.style.display=="block"){k++;}
		}
	}

	if(k!=0){
		btn = document.getElementById('btn'+num);
		fl = document.getElementById('fl'+num);
		btn.className="slidebtnoff";
		fl.style.color="#4bb18b";
	}
}

function clickBtn(num){

	for(i=1;i<5;i++){
	 if(i!=num){
		document.getElementById('btn'+i).className="slidebtnoff";
		document.getElementById('fl'+i).style.color="#4bb18b";
		document.getElementById('slid'+i).style.display="none";
		document.getElementById('d'+i).style.display="none";
	 }
	 else{
		document.getElementById('btn'+i).className="slidebtnon";
		document.getElementById('fl'+i).style.color="#ffff66";
		document.getElementById('slid'+i).style.display="block";
		document.getElementById('d'+i).style.display="block";
	 }
	}
}

var c=0;
function timedCount()
{
if(c>3){
	c=0;
	
	for(i=1;i<5;i++){
		if(document.getElementById('slid'+i).style.display=="block"){realpic = i;}
	}

	if(remember==realpic){	
		pic1 = document.getElementById('slid1');
		pic2 = document.getElementById('slid2');
		pic3 = document.getElementById('slid3');
		pic4 = document.getElementById('slid4');
	
		if(pic1.style.display=="block"){contrnum = 1;}
		 else{if(pic2.style.display=="block"){contrnum = 2;}
		 	else{if(pic3.style.display=="block"){contrnum = 3;}
		 		else{if(pic4.style.display=="block"){contrnum = 4;}
		 		}
		 	}
		 }
		//change picture
		elem = document.getElementById('slid'+contrnum);
		elem.style.display="none";
		if(contrnum=="4"){contrnum = 1;}
		else{contrnum=contrnum+1;}
		elem = document.getElementById('slid'+contrnum);
		elem.style.display="block";
		
		//change button style
		document.getElementById('btn'+contrnum).className="slidebtnon";
		document.getElementById('d'+contrnum).style.display="block";
		document.getElementById('fl'+contrnum).style.color="#ffff66";
		if(contrnum=="1"){contrnum = 4;}
		else{contrnum=contrnum-1;}
		document.getElementById('btn'+contrnum).className="slidebtnoff";
		document.getElementById('d'+contrnum).style.display="none";
		document.getElementById('fl'+contrnum).style.color="#4bb18b";
	}
	

}
if(c==0){
	for(i=1;i<5;i++){
		if(document.getElementById('slid'+i).style.display=="block"){
			remember = i;
		}
	}
}
c=c+1;
t=setTimeout("timedCount()",1200);

}