/*
	jQuery Uselabs-Fade v1.1 - http://www.uselabs.com

	Copyright (c) 2011 Uselabs

	Requirements:
	-  jQuery 1.3 ... available via  http://www.jquery.com
*/

var cPanel;
var cOld;
var theInt;
var panelCount;

theInterval = function(cur)
{
    clearInterval(theInt);
    theInt = setInterval(function(){
        cPanel++;
        if( cPanel > panelCount ) cPanel = 1;
        $(".nav-thumb").parent().removeClass("active-thumb");
	    $(".nav-thumb").eq((cPanel-1)).parent().addClass("active-thumb");
	    jQuery('#the'+cOld).fadeOut(2000);
        jQuery('#the'+cPanel).fadeIn(2000);
	    cOld = cPanel;
	    
    }, 7000);
};

$(document).ready(function() {
    panelCount = jQuery(this).find("div.panel").size();
    $('#the1').show();
    cOld = cPanel = 1;
    theInterval();
    
   jQuery("a.cross-link").click(function(){
        jQuery(this).addClass("active-thumb").parent().parent().find("a").not(jQuery(this)).removeClass("active-thumb");
        cPanel = (parseInt(jQuery(this).attr("href").slice(1)) );
        jQuery('#the'+cOld).fadeOut(500);
        jQuery('#the'+cPanel).fadeIn(500);
	    cOld = cPanel;
	    theInterval();
    });	
    
});