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 != 'undefined' && counter < (panels + 1)) {
            loadPanel(elementName);
            counter = counter + 1;
            elementName = $('#panel-link-' + counter);;           
        }else {
            myTimer.stop();
            elementName = $('#panel-link-1');
            loadPanel(elementName);
        }
        },function(){
    });

    current = $('div#panel-1');
    $('div#panel-container a').each(function(){
        $(this).mouseover(function(){
            myTimer.stop();
            loadPanel( $(this));     
        });
    });  
});

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');    
}