var n = 0, wid;

var picAry = [
              
       {
    	   src: "style/image/ad/metagps_1.jpg", 
    	   alt: "metagps.com"
       },
       
       {
    	   src: "style/image/ad/metagps_2.jpg", 
    	   alt: "metagps.com"
       },
       
       {
    	   src: "style/image/ad/metagps_3.jpg", 
    	   alt: "metagps.com"
       },
       
       {
    	   src: "style/image/ad/metagps_4.jpg", 
    	   alt: "metagps.com"
       },
       
       {
    	   src: "style/image/ad/metagps_5.jpg", 
    	   alt: "metagps.com"
       }
    ];

var alpahFX = 0, alpahIE = 0;
var setAlpha = function() {
	
	var o = document.getElementById("picPlayer");
	
	if (!isNaN(o.style.opacity)) { 
		
		// FireFox
		alpahFX = alpahFX + 0.05;
		o.style.opacity = alpahFX ;
		
		if (alpahFX >= 1) {
			alpahFX = 0;
			return;
		}
	} else {
		alpahIE = alpahIE + 5;
		o.filters.alpha.opacity = alpahIE;
		
		if (alpahIE >= 100) {
			alpahIE = 0;
			return;
		}
	}
	
	window.setTimeout("setAlpha()", 50);
};

var autoChange = function() {
	
	document.getElementById("picPlayer").src = picAry[n].src;
	document.getElementById("picPlayer").alt = picAry[n].alt;
	
	var picScale = document.getElementsByName("picScale");
	
	for (var i = 0; i < picAry.length && i < 5; i++) {
		picScale[i].className = "";
		picScale[i].value = i;
	}
	
	picScale[n++].className = "current";
	
	if (n >= picAry.length) {
		n = 0;
	}
	
	setAlpha();
};


var init = function() {
	
	var picScale = document.getElementsByName("picScale");
	
	for (var i = 0; i < picAry.length && i < 5; i++) {
		picScale[i].src = picAry[i].src;
		picScale[i].alt = picAry[i].alt;
		
		picScale[i].onclick = function() {
			n = this.value;
			
			window.clearInterval(wid);
			wid = window.setInterval("autoChange()",5000);
			
			autoChange();
		};
	}
	
	autoChange();
	
	wid = window.setInterval("autoChange()", 5000);
};

window.onload = function() {
	init();
};