/**
* Config
*/
var slide__MainContainer = '#sliderContainer';
var slide__ImgContainer = '#imagesContainer';
var slide__CtrlContainer = '#slideCtrlContainer';

var slide__AutoSlider = true;
var slide__StopOnMouseOver = true;
var slide__AutoSliderTime = 7;

/**
* **********************************************************************************
*/

var slide_counter = 0;
var current_slide = 0;
var info_counter = 0;
var interval_id = null;

$(document).ready(function ($) {

    $(slide__ImgContainer + ' li').each(function () {
        $(this).attr('id', 'slideObject_' + slide_counter);
        slide__addCtrllIcon(slide_counter);
        slide_counter++;
    });
    $('#slideObject_' + current_slide).css('display', 'block');
    slide__setActiveCtrlIcon(current_slide);

    if (slide__AutoSlider) {
        interval_id = setInterval(slide__nextSlide, (slide__AutoSliderTime * 1000));
    }
    if (slide__AutoSlider && slide__StopOnMouseOver) {
        $(slide__MainContainer).hover(
            function () {
                clearInterval(interval_id);
            },
            function () {
                interval_id = setInterval(slide__nextSlide, (slide__AutoSliderTime * 1000));
            }
        );
    }

    //Addon - InfoSection
    $('#slideInfoContainer .slideInfoTitle').each(function () {
        var tmpSlideID = info_counter;
        $(this).attr('id', 'slideInfoObject_' + tmpSlideID);
        $(this).css('cursor', 'pointer');
        $(this).click(function () { slide__setSlide(tmpSlideID); });
        info_counter++;
    });

});

function slide__addCtrllIcon(slideID) {
    $('<div class="CtrlIcon" id="slideCtrlIcon__' + slideID + '"></div>').appendTo(slide__CtrlContainer);
    $('#slideCtrlIcon__' + slideID).click(function () {
        if ($(this).hasClass('CtrlIconActive'))
            return false;
        slide__setSlide(slideID);
    });
}
function slide__setActiveCtrlIcon(slideID) {
    $('.CtrlIcon').removeClass('CtrlIconActive');
    $('#slideCtrlIcon__' + slideID).addClass('CtrlIconActive');
}
function slide__setSlide(slideID) {
    nextSlide = slideID;

    $('#slideObject_' + current_slide).fadeOut();
    $('#slideObject_' + nextSlide).fadeIn();
    current_slide = nextSlide;
    slide__setActiveCtrlIcon(current_slide);
}
function slide__nextSlide() {
    var nextSlide = current_slide + 1;
    if (nextSlide >= slide_counter)
        nextSlide = 0;
    slide__setSlide(nextSlide);
}