var howOften = 2; //number often in seconds to rotate
var current = 0; //start the counter at 0
var ns6 = document.getElementById&&!document.all; //detect netscape 6
var opacity = 10;

// place your images, text, etc in the array elements here
var items = new Array();
    items[0]="<img src='img/1.png' border='0'>"; //an image
    items[1]="<img src='img/2.png' border='0'>"; //an image
    items[2]="<img src='img/3.png' border='0'>"; //an image

function rotater() {
    if(document.layers) {
        document.placeholderlayer.document.write(items[current]);
        document.placeholderlayer.document.close();
    }
    
	//document.getElementById("placeholderdiv").innerHTML = items[current];
	
	opacity = 10;
	
	//triggerFade("placeholderdiv");

    current = (current==items.length-1) ? 0 : current + 1; //increment or reset
	setTimeout("rotater()",howOften*1000);
}

function triggerFade(element) { // fade effect =)
	
	
	opacity+=10;
	
	document.getElementById(element).style.opacity = "0."+opacity;
	document.getElementById(element).style.filter = "alpha(opacity="+opacity+")"; 
	
	
	
	if(opacity<90) {
		
		setTimeout("triggerFade('"+element+"')", 100);
		
	} else {
		
		document.getElementById(element).style.opacity = 1; 	
		document.getElementById(element).style.filter = "alpha(opacity=100)"; 
		opacity = 10;
		
	}
	
}

function editCMS(el) {
	
	if(document.getElementById(el).style.display=="none") {
	
		document.getElementById(el).style.display = "block";
		
	} else {
		
		document.getElementById(el).style.display = "none";
		
	}
	
}


window.onload=rotater;
//-->