$(document).ready(function() { 
    $('#navigation').superfish({
		delay:         800,
		animation:     {opacity:'show',height:'show'},
		autoArrows:    false
		
		/*hoverClass:    'sfHover',          // the class applied to hovered list items 
	    pathClass:     'overideThisToUse', // the class you have applied to list items that lead to the current page 
	    pathLevels:    1,                  // the number of levels of submenus that remain open or are restored using pathClass 
	    delay:         800,                // the delay in milliseconds that the mouse can remain outside a submenu without it closing 
	    animation:     {opacity:'show'},   // an object equivalent to first parameter of jQuery’s .animate() method 
	    speed:         'normal',           // speed of the animation. Equivalent to second parameter of jQuery’s .animate() method 
	    autoArrows:    true,               // if true, arrow mark-up generated automatically = cleaner source code at expense of initialisation performance 
	    dropShadows:   true,               // completely disable drop shadows by setting this to false 
	    disableHI:     false,              // set to true to disable hoverIntent detection 
	    onInit:        function(){},       // callback function fires once Superfish is initialised – 'this' is the containing ul 
	    onBeforeShow:  function(){},       // callback function fires just before reveal animation begins – 'this' is the ul about to open 
	    onShow:        function(){},       // callback function fires once reveal animation completed – 'this' is the opened ul 
	    onHide:        function(){}        // callback function fires after a sub-menu has closed – 'this' is the ul that just closed */
	});
    
    /* 
     * navigation butons -> shadow effect 
     * taking care of main buttons effect 
     */
    
    /*
     * on click on every input of class "text-input":
     * - reset the default
     * - change the input text color
     * 
     */ 
    $('.text-input').focus(function(e){
		$('#label_' + $(this)[0].id).hide();
	}).blur(function(e){
		if ($(this).val() == '') 
		{
			$('#label_' + $(this)[0].id).show();
		}
	});
    $('label.over').click(function(e){
    	var inputId = $(this).attr('id');
    	inputId = inputId.replace('label_', '');
    	$(this).hide();
    	$('#'+inputId).focus();
    });
    
});