$(document).ready(function() {
    
    $('#slideshow_overflow').css({
        position:"relative",
        width:"630px",
        height:"400px",
        overflow: "hidden",
        float:"left"
        });    
    
    $('#slideshow_section').css({
        position:"relative",
        width: (630*($("#slideshow_section").children().size()))+"px",
        height:"400px",
        listStyle: "none",
        margin: "0px",
        padding: "0px"
        });    
    
    $('#slideshow_section > li').css({
        position:"relative",
        listStyle: "none",
        float:"left",
        width: "630px",
        height:"400px",
        margin: "0px",
        padding: "0px"
        });        
    
   
    
    $('#slideshow_wrapper').css({
        position:"relative",
        float:"left",
        width: "630px",
        height:"420px"
        });    
    
    $('#slideshow_overflow').after("<div id='slideshow_controls' align='center'></div>");
	
	$('#slideshow_controls').css({
        position:"relative",
        float:"left",
        clear:"both",
        width: "630px",
        height:"20px",
        zIndex: "999"
        }); 

    $("#slideshow_section > li").each(function(index){
        $(this).attr("id", index);
        $('#slideshow_controls').append("<a href='"+window.location+"#"+index+"' class='slideshow_control_"+index+"'><img src='/Includes/Media/Images/Template/circle.png' border='0'/></a>&nbsp;");
        });
    
    $.localScroll.defaults.axis = 'xy';
    $('#slideshow_controls').localScroll({
        target: '#slideshow_overflow', // could be a selector or a $ object too.
        duration:400,
        hash:false
    });
    
    $('#slideshow_controls a').click(function(event, a){
        if(a != "continue_to_play"){
        clearInterval(slideshow_interval);
        }
        $('#slideshow_controls > a > img').attr("src", "/Includes/Media/Images/Template/circle.png");
        $("img", this).attr("src", "/Includes/Media/Images/Template/circle_active.png");
        });
    
    if ($('#slideshow_section .activeslide').length == 0){
        $('#slideshow_section li:first').addClass('activeSlide');
        $('#slideshow_controls a:first img').attr("src", "/Includes/Media/Images/Template/circle_active.png");        
    }
    
    slideshow_interval = setInterval("nextSlide()", 6000);
    
    
});

function nextSlide(){
        
    var currentSlide = $('#slideshow_section .activeSlide').removeClass('activeSlide');
            
    if(currentSlide.length == 0){ 
        currentSlide = $('#slideshow_section li:last');
    }
        
    var nextSlide =  currentSlide.next().length ? currentSlide.next() : $('#slideshow_section li:first');
    
    nextSlide.addClass('activeSlide');
        
    var nextSlide_control = $('.activeSlide').attr("id");
    
    $('.slideshow_control_'+nextSlide_control).trigger("click", ["continue_to_play"]);
    
}