﻿var container = document.getElementById("ImageRotator");
var current_index = 0;
var maximgdivheight = 0;
if(container) {
	var imgdivs = container.getElementsByTagName("DIV");
	var controlcontainer = document.createElement("DIV");
	controlcontainer.id = "ControlContainer";
	if (imgdivs.length > 1) {
	    var controls = new Array();
	    for (var i = 0; i < imgdivs.length; i++) {
	        if (imgdivs[i].clientHeight > maximgdivheight) maximgdivheight = imgdivs[i].clientHeight;
	        imgdivs[i].style.position = "absolute";
	        imgdivs[i].style.top = "0";
	        imgdivs[i].style.left = "0";
	        if (i > 0) {
	            imgdivs[i].style.display = "none";
	        }
	        controls.push(document.createElement("A"));
	        controls[i].className = "image_control";
	        controls[i].appendChild(document.createTextNode(i + 1));
	        controls[i].onclick = function (j) { return function () { imgswitch(j); }; } (i);
	        controlcontainer.appendChild(controls[i]);
	    }
	    container.style.height = (maximgdivheight + 40) + "px";
	    container.appendChild(controlcontainer);
	    controls[0].style.color = "#000";
	}
}

function imgswitch(j)
{
    imgdivs[current_index].style.display = "none";
    imgdivs[j].style.display = "block";
    controls[current_index].style.color = "";
    controls[j].style.color = "#000";
    current_index = j;


}


