// JavaScript Document
var autoloopmain      = false;
var mainImageInterval = false;
var mainImageDelay    = 5;      //Seconds
var currMainImage     = 1;      //Starts at 1
var numMainImages     = 0;

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

    $('#main-image-scroller .content .imgScrolling .prev').click(function() { showMainImage(currMainImage - 1); });
    $('#main-image-scroller .content .imgScrolling .next').click(function() { showMainImage(currMainImage + 1); });
    $('#main-image-scroller .content .imgScrolling .numbers span').click(function() { showMainImage($(this).html()); });

    numMainImages = $('#main-image-scroller .content .imgScrolling .numbers span').length;

    showMainImage(1);

});

function showMainImage(imgRef) {

    //Clear auto-loop timer
    clearInterval(mainImageInterval);

    if (numMainImages < 1) { return false; }

    imgRef = parseInt(imgRef+'');

    if (imgRef < 1) { imgRef = numMainImages; }
    if (imgRef > numMainImages) { imgRef = 1; }

    jQuery('#main-image-scroller .content .imgScrolling .numbers span')
        .removeClass('showing')
        .eq(imgRef - 1)
        .addClass('showing');

    imgRef = (imgRef < 10 ? '0' : '') + String(imgRef);

    jQuery('#main-image-scroller .bigPic').hide().removeClass('showing');
    jQuery('#main-image-scroller .bigPic.image' + imgRef).show().addClass('showing');

    jQuery('#main-image-scroller .text').hide().removeClass('showing');
    jQuery('#main-image-scroller .text.text' + imgRef).show().addClass('showing');

    currMainImage = parseInt(imgRef);

    //Restart timer if auto-loop is on
    autoloopmain == true ? mainImageInterval = setInterval("jQuery('#main-image-scroller .content .imgScrolling .next').click()", mainImageDelay * 1000) : false;

}