var arrayOfSlides; //refers to array of slides
var noOfSlides;
var index = 0; //refers to dot index
//var timer = startTimer();

function init() {
    setupDots();
    changeLink();
    jQuery(".slidePanels li").bind("click", function(event) { changeOnClick(this); });
    setInterval("changeOnTimer()", 15000);
}

function setupDots() {
    arrayOfSlides = jQuery(".slide");
    noOfSlides = jQuery(arrayOfSlides).length;

    jQuery("<ul class='slidePanels'></ul>").insertAfter(".slide:last");
    for (var i = 0; i < noOfSlides; i++) {
        jQuery(".slidePanels").append("<li><a href='#'>" + (i + 1) + "</a></li>");
    }
    jQuery(".slidePanels li:first").addClass("active");

    jQuery(".slide").hide();
    jQuery(".slide:first").show().addClass("activeSlide");

    jQuery(".slideHolder").css({ 'position': 'relative', 'height': '320px' });
    jQuery(".slideHolder .slide").css({ 'position': 'absolute', 'left': '0', 'top': '0' });
}


function changeLink() {
    var url = jQuery(".activeSlide .slideLink").attr("href");
    jQuery(".featureLink").attr("href", url);
}

function changeOnTimer() {
    if (index == (arrayOfSlides.length - 1)) {
        index = 0;
    }
    else {
        index = index + 1;
    }

    changeSlide(index);
    changeLink();
}

function changeOnClick(clicked) {
    //clearInterval(timer);
    index = jQuery.inArray(clicked, jQuery(".slidePanels li"));
    changeSlide(index);
    changeLink();
    //startTimer();
}

function changeSlide(index) {

    jQuery(".slide").eq(index).fadeIn("slow").addClass("activeSlide");
    jQuery(".slide").eq(index).siblings().not(".slidePanels, .cornerTop, .cornerBottom").fadeOut("slow").removeClass("activeSlide");
   
    jQuery(".slidePanels li").eq(index).addClass("active");
    jQuery(".slidePanels li").eq(index).siblings().removeClass("active");
}