var slideTime = 8; // seconds
var currentSlide = 0;
var switchInterval;
var controlsLoaded = false;

function loadSlides(sl)
{
    var img = new Image();
    $(img).load(function(){
	$("#slider-frame").append($("<li>").append(this).hide());
        if($("#slider-frame > li").length < sl.length)
            loadSlides(sl);

        if(!controlsLoaded)
        {
 	    controlsLoaded = true;
            var app = '<li class="slider-prev"></li>';
            for(var i in sl)
                app += '<li class="slider-dots"></li>';
            app += '<li class="slider-next"></li>';
            $("#slider-controls").hide().append(app).fadeIn();

            $(".slider-prev").click(function(){
                $("#slider-controls").children("li:eq("+(currentSlide+1)+")").removeClass("slider-selected");
                if(currentSlide == 0)
                    currentSlide = $("#slider-frame > li").length - 1;
                else
                    currentSlide--;
                $("#slider-frame > li:eq("+(currentSlide+1)+")").fadeOut(1000);
		$("#slider-frame > li:eq("+currentSlide+")").fadeIn(1000);
                $("#slider-controls").children("li:eq("+(currentSlide+1)+")").addClass("slider-selected");
                clearInterval(switchInterval);
                switchInterval = setInterval(play, slideTime*1000);
            });
            $(".slider-next").click(play);
            $(".slider-dots").click(function(){
                var ind = $("#slider-controls li").index(this) - 1;
                $("#slider-controls").children("li:eq("+(currentSlide+1)+")").removeClass("slider-selected");
                if($("#slider-frame > li").length >= ind)
                {
		    $("#slider-frame > li:eq("+currentSlide+")").fadeOut(1000);
                    currentSlide = ind;
 		    $("#slider-frame > li:eq("+currentSlide+")").fadeIn(1000);
                    $("#slider-controls").children("li:eq("+(currentSlide+1)+")").addClass("slider-selected");
                    clearInterval(switchInterval);
                    switchInterval = setInterval(play, slideTime*1000);
                }
            });


            play();
        }
    }).attr("src", sl[$("#slider-frame > li").length]);
}

function play()
{
    $("#slider-controls").children("li:eq("+(currentSlide+1)+")").removeClass("slider-selected");
    $("#slider-frame > li:eq("+(currentSlide)+")").fadeOut(1000);
    if($("#slider-frame > li").length <= currentSlide+1)
        currentSlide = 0;
    else
        currentSlide++;
    $("#slider-frame > li:eq("+currentSlide+")").fadeIn(1000);
    $("#slider-controls").children("li:eq("+(currentSlide+1)+")").addClass("slider-selected");

    clearInterval(switchInterval);
    switchInterval = setInterval(play, slideTime*1000);
}


$(document).ready(function(){

    $("#keywords_start").focus();

    setTimeout(function(){loadSlides(slides);}, 5000);
});