//These should be defined in slide.js.

//Start with Random Slide
var ccJQuerySS_RandomStart = false;
//Chose slides randomly
var ccJQuerySS_Random = false;

//Number of pages, there should be a slide[a] for a = 1 to n slides. Example slide1.jpg, slide2.jpg... note only support jpgs at the moment.
var ccJQuerySS_pages = 0;

//Second to show before tween to next screen.
var ccJQuerySS_Interval = 5;

//Fade out/Fade in time in ms;
var ccJQuerySS_FadeTime = 800;

var ccJquerySS_Callbacks = {};

var ccJQuerySS_Button_Names = {
    1: '',
    2: '',
    3: '',
    4: ''
};

var ccJQuerySS_links = {};



function ccJquery_Change_Page(num){
    if (ccJQuerySS_Random){
        do{
            rnd = Math.ceil(Math.random() * num).toString();
        }
        while (rnd == page_number);
        $('#ccJquerySlideShow_button' + rnd).click();
    }else{
        if (page_number == num){
            $('#ccJquerySlideShow_button1').click();
        }else{
            $('#ccJquerySlideShow_button' + (parseInt(page_number)+1)).click();
        }
    }
    for (i in ccJquerySS_Callbacks){
        f = ccJquerySS_Callbacks[i];
        if (typeof(f) == 'function'){
            f();
        }
    }
}

//Default do not change
var page_number = 1;


$(document).ready(function(){


    for (i = 1; i <=ccJQuerySS_pages; i++){
        $('#ccJquerySlideShow').append('<div class="ccJquerySlideShow_ImgContainer" id="ccJquerySlideShow_page' + i +'"><img src="' + ccJQuerySS_basepath + 'slide' + i + '.jpg"/></div>');
    }

    for (i = 1; i <=ccJQuerySS_pages; i++){
        $('#ccJquerySlideShow').append('<div id="ccJquerySlideShow_button' + i + '" class="ccJquerySlideShow_button">' + ccJQuerySS_Button_Names[i] + '</div>');
    }

    for (i = 1; i <=ccJQuerySS_pages; i++){
        for (j in ccJQuerySS_links[i]){
            $('#ccJquerySlideShow').append('<div id="ccJquerySlideShow_link_' + i + '_' + j + '" class="ccJquerySlideShow_link ccJquerySlideShow_Link_' + i + '"><a href="' + ccJQuerySS_links[i][j] + '">&nbsp;</a></div>');
        }
    }


    if (ccJQuerySS_Interval > 0){
        ccJQuerySS_Interval_ID = setInterval('ccJquery_Change_Page(' + ccJQuerySS_pages + ')',ccJQuerySS_Interval * 1000);
    }

    start_page = 1;
    if(ccJQuerySS_RandomStart){
        start_page = Math.ceil(Math.random() * ccJQuerySS_pages);
        page_number = start_page;
    }


    for (i = 1; i <= ccJQuerySS_pages; i++){
        btn_str = i.toString();
        id = '#ccJquerySlideShow_page' + btn_str;
        links = '.ccJquerySlideShow_Link_' + btn_str;
        button = '#ccJquerySlideShow_button' + btn_str;

        if (i != start_page){
            $(id).css('display','none');
            $(links).css('display','none');

        }else{
            current_page_num = i.toString();
        }

   

        $(button).click(function(){
            id = $(this).attr('id');
            page_number = (id.substring(24,25));
            page = '#ccJquerySlideShow_page' + page_number;
            links = '.ccJquerySlideShow_Link_' + page_number;
            current_page = '#ccJquerySlideShow_page' + current_page_num;
            current_links = '.ccJquerySlideShow_Link_' + current_page_num;
            $('.ccJquerySlideShow_button').removeClass('ccJquerySlideShow_current_button');
            $('#ccJquerySlideShow_button' + parseInt(page_number)).addClass('ccJquerySlideShow_current_button');
            if (current_page_num != page_number){
                $(current_links).css('display','none');
                $(current_page).fadeOut(ccJQuerySS_FadeTime);
                $(page).fadeIn(ccJQuerySS_FadeTime);
                $(links).css('display','block');
                current_page_num = page_number;
                if (ccJQuerySS_Interval > 0){
                    clearInterval(ccJQuerySS_Interval_ID);
                    ccJQuerySS_Interval_ID = setInterval('ccJquery_Change_Page(' + ccJQuerySS_pages + ')',ccJQuerySS_Interval * 1000);
                }

            }
        });
    }

     $('#ccJquerySlideShow_button' + (parseInt(start_page))).click();

})