var tId;
			
function SliderItem( id ) {
		var colours = new Array( "#5E6BEC", "#BC0174", "#44BB2A" );
		
		//alert(colours[Math.round(Math.random()*(colours.length-1))]);
		
		$("Slider-Display").style.opacity = "0";
		var Items = $("Slider-Display").getElementsByClass("Item");
		var aHrefs = $("Progress-Bar").getElementsByClass("Item");
		w = Math.round($("Progress-Bar").offsetWidth/Items.length);
		
		for ( var i = 0; i < (Items.length); i++ ) { 
					Items[i].style.display = "none"; 
					aHrefs[i].setAttribute("class", "Item");
					aHrefs[i].style.width = w+"px";
					aHrefs[i].style.backgroundColor = "transparent";
		}
		$("Slider-Display").down("div",id).style.display = "block";
		$("Progress-Bar").down("a",id).addClass("this");
		$("Progress-Bar").down("a",id).style.backgroundColor = colours[Math.round(Math.random()*(colours.length-1))];
		mint.fx.Fade("Slider-Display", 100, 20, 500);
		if ( tId ) clearTimeout(tId);
		tId = setTimeout("SliderItem("+ ( (id+1) <= Items.length ? (id+1) : 1 ) +")", 3000);
}

function SliderInitialize() {
		var req = mint.Request();
		
		req.OnLoad = function() {
				$("Slider-Main").innerHTML = 'Trwa ładowanie...';
		}
		
		req.OnSuccess = function() {
				$("Slider-Main").innerHTML = this.responseText;
				SliderItem(1);
		}
		req.Send("ajax/Slider.php");
}
