//user configuration
var slideContainer = "#promo";
var imageContainer = "0"; // set to "0" to deactivate
var imagePrefix = "/img/content/slides/promoslide"; // your image filename should be like this + slide# ie: promoslide0.jpg, promosilde1.jpg
var imageExtention = ".gif"; // extension of your slide images
var imageClick = "1";
var detailText = "0"; // set to "0" to deactivate
var slideTime = 6000; // in miliseconds
var duration = 1;

$(document).ready(function(){
	
	//default configuration				   
	var liClass="0";
	var slideCount = $("#slides div").size();
	var backImage;
	
	//creating slide control
	if(imageContainer!="0") { $(imageContainer).append('<img src="'+imagePrefix+'slide0'+imageExtention+'" />'); }
	$("#slider").append('<div id="detail"><a href="#">'+detailText+'</a></div><ul></ul>');
	for(j=0;j<slideCount;j++) {
		if(j>0) { liClass="slide"+j; } else { liClass="slide"+j+" active"; }
		$("#slider ul").append('<li class="'+liClass+'"><a href="#">'+(j+1)+'</a></li>');
	}
	
	function slideShow(no) {
		$(slideContainer).everyTime(slideTime, 'controlled', function(i) {
				i=i%3; 
				//$("#slides .slide"+i).siblings().fadeOut("fast");
				$("#slides .slide"+i).siblings().css("display","none");
				$("#slides .slide"+i).fadeIn("slow");
				$("#slider .slide"+i).addClass("active");
				$("#slider .slide"+i).siblings().removeClass("active");
		});
	}
	
	slideShow();

	$("#slider ul li a").click(function() {
			$(slideContainer).stopTime('controlled');
			var id = $(this).parent().attr("class");
			//$("#slides ."+id).siblings().fadeOut("fast");
			$("#slides ."+id).siblings().css("display","none");
			$("#slides ."+id).fadeIn("slow");
			$(this).parent().addClass("active");
			$(this).parent().siblings().removeClass("active");
			$(slideContainer).oneTime(duration, function() {
					slideShow();
			});
	});
	$("#slides div").click(function () { 
	  window.location=$(this).find("a").attr("href");
    });
	$("#slides div").hover(
      function () {
        $(this).css("cursor","pointer");
      }, 
      function () {
        $(this).css("cursor","default");
      }
    );

});

//preload
if(imageContainer!="0") {
	for(var k=0; k<slideCount; k++) {
		jQuery("<img>").attr("src", slidePrefix+"slide"+k+".jpg");
	}
}