var fadeTimer = null;

function portfolioSwitch(obj) {
    if(!obj.hasClass("selected")) {
        $('#p-content ul li').fadeOut(500);                 
        $('#'+obj.attr('rel')).fadeIn(500);
        $('#p-thumbs li a').addClass("rhover").removeClass("selected");        
        obj.removeClass("rhover").addClass("selected");
        $('#p-content ul').width($('#'+obj.attr('rel')).width());
    }
}

function portfolioAutoSwitch() {
    var obj = $('#p-thumbs li a.selected').parent().next().find("a");
    if(obj.get(0))
        portfolioSwitch(obj);
    else
        portfolioSwitch($('#p-thumbs li a:first'));    
}

$(document).ready(function(){
    $('A[rel="external"]').click( function() {
        window.open( $(this).attr('href') );
        return false;
    });
    
    $('#p-thumbs li a').click(function(){
        portfolioSwitch($(this));
        clearInterval(fadeTimer);
        return false;    
    });
    
    $('#portfolio #p-content #back').click(function(){
        var obj = $('#p-thumbs li a.selected').parent().prev().find("a");
        if(obj.get(0))
            portfolioSwitch(obj);
        else
            portfolioSwitch($('#p-thumbs li a:last'));  
        
        clearInterval(fadeTimer);    
        return false;      
    });
    
    $('#portfolio #p-content #forward').click(function(){
        var obj = $('#p-thumbs li a.selected').parent().next().find("a");
        if(obj.get(0))
            portfolioSwitch(obj);
        else
            portfolioSwitch($('#p-thumbs li a:first'));
        
        clearInterval(fadeTimer);   
        return false;
    });
    
    $('#portfolio').load(function(){
        portfolioSwitch($('#p-thumbs li a:first'));
        fadeTimer = setInterval("portfolioAutoSwitch()",5000);        
    }).trigger("load");
    
});