(function($) {
  var cache = [];
  // Arguments are image paths relative to the current page.
  $.preLoadImages = function() {
    var args_len = arguments.length;
    for (var i = args_len; i--;) {
      var cacheImage = document.createElement('img');
      cacheImage.src = arguments[i];
      cache.push(cacheImage);
    }
  }
})(jQuery)

//header stuff
jQuery(document).ready(function($) {       
    $('#loginId').focus(function(){
        if($(this).attr('value') == 'E-Mail'){
            $(this).attr('value', '');     
        }  
    }); 
    $('#loginId').blur(function(){
        if($(this).attr('value') == ''){
            $(this).attr('value', 'E-Mail');     
        }  
    });  
    
    $('#loginPassword').focus(function(){
        if($(this).attr('value') == '*******'){
            $(this).attr('value', '');     
        }  
    });      


    //Language dropdown menu        
    $('#languageToggle').click(function() {
        $("#language ul").toggle();
        return false;
    });
    
    var trigger = $('#languageToggle');
    var menu = $("#language ul");
    
    var timer = $.timer(function(){
        if(!menu.data('over')){
            menu.hide();  
        }  
    });        

    trigger.hover(function() {
        menu.data('over', true);  
        menu.show();                      
    },
    function(){
        menu.data('over', false);  
        timer.stop();
        timer.once(500);
    });   
    
    menu.hover(function(){
        menu.data('over', true); 
        menu.show();    
    },function(){              
        menu.data('over', false);
        timer.stop();
        timer.once(500);
    });   
            
    //hide by click on other element
    $(document).bind('click', function(e) {
        var $clicked = $(e.target);
        if (!$clicked.parents().hasClass('languageDropdown'))
            $("#language ul").hide();
    });        
    
    //preload language selection background
    jQuery.preLoadImages("/images/fe/back_language_menu.png");
});