/*
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 * jQuery Dropup-Submenu / Basic Edition
 * Version 2.0 - 24112009
 * by Pawel Strzyzewski
 * by AIXhibit // www.aixhibit.com // www.internetagentur.ag
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/


/***  --- Constants  --- ***/
max = 0.85; 			// Highest Opacity for Submenu
zero = 0; 				// Lowest Opacity for Submenu
fadespeed = 200; 		// Speed of Fading Effect in ms
bgcolor = '#e2ebf3';	// Hover-Background-Color of Row
bgcolor_out = '#fff';	// Mouseout-Background-Color of Row
position = '8px';		// Set Top-position of Submenu

firedelay = 200;

on_bg_img = 'url(fileadmin/template/img/navi-hover.png)';
on_bg = '#e4e4e4'; 		
on_color = '#494c4e';
on_txt_shadow = '0px 1px 1px white';

off_bg_img = 'url(fileadmin/template/img/navi-neutral.png)';
off_bg = '#3c78ac';
off_color = '#fff';
off_txt_shadow = '0px 1px 1px black';
/***  --- /Constants  --- ***/


/***  --- Core Script  --- ***/
$(document).ready(function(){ // jQuery Firing up


/***  --- Functions  --- ***/
function manipulateMenu(i) { // i : index of "#navi_<index>" and "#subnavi_<index>"
// This function changes colors in corresponding mouseovers
	$('#subnavi_' + i + ', #navi_' + i).hover (
		function() { $('#subnavi_' + i).css('background-color', bgcolor), $('#navi_'+i).css({ 'text-shadow' : on_txt_shadow, 'background-image' : on_bg_img, 'background-color' : on_bg, 'color' : on_color }) },
		function() { $('#subnavi_' + i).css('background-color', bgcolor_out), $('#navi_'+i).css({ 'text-shadow' : off_txt_shadow, 'background-image' : off_bg_img, 'background-color' : off_bg, 'color' : off_color }) }
	);
}

$.fn.wait = function(time, type) {
        time = time || 1000;
        type = type || "fx";
        return this.queue(type, function() {
            var self = this;
            setTimeout(function() {
                $(this).stop();
				$(self).dequeue();
            }, time);
        });
};

	
/***  --- Main Program  --- ***/
	$('#subnavi').css('top', position),		$('#subnavi').fadeTo(0, zero), 		$('#subnavi').hide(); 			
	// set correct position					// make invisible to human			// make invisible to browser
											// opacity: 0						// visibility: hidden
	
	/*** Basic Fade-In and Fade-Out of Subnavigation ***/
	$('#navi').hover (
		function() { },
		function() { }		
	);
	
	$('#navi').hover (
			function() { $('#subnavi').stop(), $('#subnavi', this).show(), $('#subnavi').fadeTo(fadespeed, max) },
			function() { $('#subnavi').stop().wait(firedelay), $('#subnavi', this).fadeTo(fadespeed, zero, (function() { $('#subnavi').hide()})) }
	);	
	
	$('#subnavi').mouseover ( function() { $(this).wait(firedelay), $('#subnavi').stop(), $('#subnavi').show(), $('#subnavi').fadeTo(fadespeed, max) } );
	
	/*** Change CSS/colors of ULs in Subnavigation ***/
	for (i=2;i<=5;i++)
	{
		manipulateMenu(i);
	}
	
});
/***  --- /Core Script  --- ***/