jQuery(document).ready(function() {
    
    if(typeof(headerGender) !== 'undefined' && headerGender == "mens") {
        showBoyHeader();
    } else if(typeof(headerGender) !== 'undefined' && headerGender == "womens") {
        showGirlHeader();
    } else {
        if(Math.ceil(Math.random()*2) == 1)
            showGirlHeader();
        else
            showBoyHeader();        
    }

});

function showBoyHeader() {
    jQuery("#titlebar-inner-player").css("margin-left", "-1500px");
   jQuery("#titlebar-inner-player").addClass("boy-header");  
   jQuery.easing.def = 'easeOutBounce';
   jQuery("#titlebar-inner-player").animate({marginLeft:0}, {duration: 1000, easing: 'easeOutQuint'});    
}

function showGirlHeader() {
   jQuery("#titlebar-inner-player").css("margin-left", "1500px");
   jQuery("#titlebar-inner-player").addClass("girl-header");   
   jQuery.easing.def = 'easeOutBounce';
   jQuery("#titlebar-inner-player").animate({marginLeft:0}, {duration: 1000, easing: 'easeOutQuint'});       
}