function setVisiblePanel(name){
    $.cookie("defaultPanel", name, { expires: 365 });
    
    $("#highlight-panels li").each(function(){
        if($(this).attr('class') == name){
            $(this).fadeIn(500);
        }else{
            $(this).css('display', 'none');
        }
    });
    
    $('#wallpapers').css('display', 'none');
    $('#wallpapers').attr('src', '');
    $('#wallpapers').attr('src', templatePath + 'images/wallpapers-' + name + '.jpg');
    $('#wallpapers').fadeIn(300);
}

function loadSite(){
	preloadImages(
        templatePath + 'images/background-overlay.png',
        templatePath + 'images/li-separator.png',
        templatePath + 'images/loading-black.gif',
        templatePath + 'images/loading-white.gif',
        templatePath + 'images/main-logo.png',
        templatePath + 'images/page-box-close-button.png',
        templatePath + 'images/page-box-next-button.png',
        templatePath + 'images/page-box-prev-button.png',
        templatePath + 'images/page-wrapper-background.png',
        templatePath + 'images/spotlight.png'
	);
	
	$('#loading-screen').fadeOut(1500);
}

$(document).ready(function(){
    $("#navigator a").click(function(){
        setVisiblePanel($(this).attr('href'));
        return false;
    });
    
	$("#projects-showcase").easySlider({
        auto: true,
        continuous: true,
        controlsFade: false,
        controlsShow: true,
        nextId: 'projects-showcase-next',	
        nextText: '     ',
        prevId: 'projects-showcase-prev',
        prevText: '     ',
        speed: 300,
        vertical: true
    });
    
    // ------------------------------------------------------------------------
    
    $('#page-box').hide();
    $('#page-box').append('<img class="page-box-close-button" src="' + templatePath + 'images/page-box-close-button.png" alt="" border=0>');
    $('#page-box div.contents').hide();
    
    $('img.page-box-close-button').click(function(){
        $('#page-box div.contents').slideUp(300);
        $('#page-box').fadeOut(300);
    });
    
    $('a.page-box-link').click(function(){
        $('#page-box').css('background', 'transparent url("' + templatePath + 'images/loading-black.gif") center top no-repeat');
        $('#page-box div.contents').slideUp(300);
        $('#page-box div.contents').slideUp(300);
        $('#page-box').slideDown(400);
        
        var destUrl = $(this).attr('href');
        $.ajax({
            url: destUrl,
            context: document.body,
            success: function(data){
                $('#page-box').css('background', 'none');
                $('#page-box div.contents').html(data);
                $('#page-box div.contents').slideDown(300);
            }
        });
        
        return false;
    });

    // ------------------------------------------------------------------------
    
    $('form#mail-sender').submit(function(){
        var valIam = $('input#iam').val();
        var valEmail = $('input#email').val();
        var valMessage = $('textarea#message').val();
        var destUrl = 'utils/send-mail.php?iam=' + valIam + '&email=' + valEmail + '&message=' + valMessage;
        
        var ok = true;
        
        $('div#err-email').remove();
        $('div#err-message').remove();
        
        if(valEmail == ''){
            $('input#email').after('<div id="err-email" style="display:none;position:absolute;">' + $('input#email').attr('title') + '</div>');
            
            var position = $('input#email').offset();
            $('div#err-email').css('left', (position.left + $('input#email').width()) + 5 + 'px');
            $('div#err-email').css('top', position.top + 'px');
            $('div#err-email').fadeIn(300);
            
            ok = false;
        }
        
        if(valMessage == ''){
            $('textarea#message').after('<div id="err-message" style="display:none;position:absolute;">' + $('textarea#message').attr('title') + '</div>');
            
            var position = $('textarea#message').position();
            $('div#err-message').css('left', (position.left + $('textarea#message').width()) + 10 + 'px');
            $('div#err-message').css('top', position.top + 'px');
            $('div#err-message').fadeIn(300);
            
            ok = false;
        }
        
        if(ok){
            $.ajax({
                url: destUrl,
                context: document.body,
                success: function(data){
                    $('form#mail-sender').hide();
                    $('form#mail-sender').html(data);
                    $('form#mail-sender').fadeIn(300);
                }
            });
        }
        
        return false;
    });
    
    // ------------------------------------------------------------------------
    
    var defPanelIndex = "about";
    if($.cookie("defaultPanel"))defPanelIndex = $.cookie("defaultPanel");
    //if(location.href.match('^' + siteUrl + 'blog') == siteUrl + 'blog')defPanelIndex = 'blog';
    setVisiblePanel(defPanelIndex);
});