// JavaScript Document

var number_of_images = 5;
var current_image;
var startItUp;
var continueOn;
var clickTimeout;

$(document).ready(function () {
    //start the slideshow
    $(".show").hide().fadeIn(1000);
	startItUp = setTimeout('slideShow()',7000);

    //add click function
    $('.number a').click(function (event) {
        event.preventDefault();
        var tab_clicked = parseInt($(this).attr('id'));
        clearTimeout(continueOn);
        clearTimeout(clickTimeout);
        slideShowClick(tab_clicked);
    });
});

function slideShow() {

	current_image = $('#slider .show');
	var next = current_image.next().length ? current_image.next() : current_image.parent().children(':first');
	var current_tab = $('#tabNumbers .selected');
    var next_tab = current_tab.next().length ? current_tab.next() : current_tab.parent().children(':first');
		
    current_image.fadeOut(1000).removeClass('show');
	next.fadeIn(1000).addClass('show');

	current_tab.find('img').attr('src','/Portals/0/images/dot_off.png');
	current_tab.removeClass('selected');
	
	next_tab.find('img').attr('src','/Portals/0/images/dot_on.png');
	next_tab.addClass('selected');

	clearTimeout(startItUp);
	clearTimeout(clickTimeout);
	clearTimeout(continueOn);
	continueOn = setTimeout("slideShow()", 7000);
}

function slideShowClick(tab_clicked) {
    //alert(tab_clicked);
    $('#slider .show').fadeOut(1000).removeClass('show');
    $('#slider #images a').eq(tab_clicked - 1).fadeIn(1000).addClass('show');

	$('#tabNumbers .selected').find('img').attr('src','/Portals/0/images/dot_off.png');
    $('#tabNumbers .selected').removeClass('selected');
	
	$('#tabNumbers .number').eq(tab_clicked-1).find('img').attr('src','/Portals/0/images/dot_on.png');
    $('#tabNumbers .number').eq(tab_clicked-1).addClass('selected');
	
	clearTimeout(startItUp);
	clearTimeout(clickTimeout);
	clearTimeout(continueOn);
	
    clickTimeout = setTimeout("slideShow()", 7000);
}