/************************************************** JAVASCRIPT ****************************/

function deployFunctions() {

    /**************************************************
        MENU
    **************************************************/
    
    $('.menu').css('top', ($(window).height() - $('.menu').height()) / 2);
    
    /**************************************************
        SLIDER
    **************************************************/
    
    $(".sliderMask, .jScrollPaneContainer").height($(window).height());
    $(".sliderMask").jScrollPane();
    

    
    /**************************************************
        NAVIGATION - PORTFOLIO
    **************************************************/
    
    $(".nav.portfolio").height($(window).height());
    
    if ($('.nav.portfolio .navContent').height() < $(window).height()) {
        $('.nav.portfolio .navContent').css('top', ($(window).height() - $('.nav.portfolio .navContent').height()) / 2);
    }
    
    /**************************************************
        GOOGLE MAPS
    **************************************************/
    
    if ($.browser.msie && $.browser.version=="6.0") {
        $("#background div.gradient .right, #background div.gradient .left").height($(window).height());
    }
    
}

$(document).ready(function() {

    deployFunctions();
    
    /**************************************************
        MENU
    **************************************************/
    
    $('.menu ul.list li a').hover(function() {
        $(this).animate({paddingLeft: '20px'}, {queue:false, duration: 100});
    },
    function(){
        $(this).animate({paddingLeft: '10px'}, {queue:false, duration: 100});
    });
    

    /**************************************************
        SLIDER
    **************************************************/
    
    $('.sliderMask .sliderContent img').load(function() {
        $(".sliderMask, .jScrollPaneContainer").height($(window).height());
        $('.sliderMask').jScrollPane();
    });
    

    
    /**************************************************
        NAVIGATION - PORTFOLIO
    **************************************************/
    
    $('.nav.portfolio .navMask ul.navContent li').hover(function(){
        $(this).animate({right: '0px'}, {queue:false, duration: 100});
    },
    function(){
        $(this).animate({right: '-10px'}, {queue:false, duration: 100});
    });
    
    $('.nav.portfolio .navMask ul.navContent li p.image img').hover(function(){
        $(this).animate({opacity: '0.5'}, {queue:false, duration: 100});
    },
    function(){
        $(this).animate({opacity: '1'}, {queue:false, duration: 100});
    });
    
    $('.nav.portfolio .navMask ul.navContent').mousemove(function(e) {
        var _top = parseInt($('.nav.portfolio').offset().top);
        var _contentH = parseInt($('.nav.portfolio .navMask').height()) + 5;
        var _H = $('.nav.portfolio').height() - 20;
        var _scH = _contentH - _H;
        var _ypos = e.pageY - _top;
       
        if(_scH > 0) {
            var _contentY = -(_scH / _H)*_ypos + 10;
            $('.nav.portfolio .navMask .navContent').animate({top: _contentY}, { queue:false, duration: 500 });
        }
    });
    
    /**************************************************
        BACKGROUND
    **************************************************/
    
   $('#background img').load(function() {
        $(this).css({
            top: ($(window).height() - $(this).height()) / 2,
            display: 'block'
        });
   });
    
    $('#background img').css({
        top: ($(window).height() - $('#background img').height()) / 2,
        display: 'block'
    });
    

    
    /**************************************************
        BACKGROUND
    **************************************************/
    
    $('#background img').css('top', ($(window).height() - $('#background img').height()) / 2);
   }
)