var current = '';
var counter = 0;
var myTimer = {};
    
$(document).ready(function(){

    var elementName = $('#panel-link-1');
	var panels = $('#slide-holder div').length;

    myTimer = jQuery.timer(900, function(){

        if(elementName.attr('id') != undefined && counter < (panels)) {            
            loadPanel(elementName);
            counter = counter + 1;
            elementName = $('#panel-link-' + counter);         
        }else {
            myTimer.stop();
            elementName = $('#panel-link-1');
            loadPanel(elementName);
        }
        },function(){

    });

    current = $('div#panel-1');
    var stopped = false;

    $('div#panel-container a').each(function(){
        if (!stopped){
           $(this).mouseover(function(){
            myTimer.stop();
            loadPanel( $(this));     
        });
        }
    }); 

    $('input').click(function(){
        stopped = true;
        myTimer.stop();
	}); 
});

function loadPanel(element) {
	
    var rel = element.attr('rel');
    if (rel == '#' + current.attr('id')) return;        
    var panel = $(rel);
    panel.show();
    current.hide();
    current = panel;
    element.parent().siblings().removeClass('active');
    element.parent().addClass('active');    
}