// Menu
/*
 *   @     @  @@@@@  @   @  @   @
 *   @@   @@  @      @   @  @   @
 *   @ @ @ @  @      @   @  @   @
 *   @  @  @  @@@    @@  @  @   @
 *   @     @  @      @ @ @  @   @
 *   @     @  @      @  @@  @   @
 *   @     @  @@@@@  @   @   @@@
 */
var menu = {
	hover:null,
	hidethis:false,
	options:{
		effect:'fade', // fade OR slide OR none
		speed:200,
		hoverClass:'hover'
		},
	init:function(){
		$('#menu div').each(function(){
			var dd = $(this).attr("dropdown");
			if(dd!=""){
				$(this).add('#'+dd).hover(function(){
					if(dd!=menu.hover){
						menu.skry_vsetko();
					}
					menu.hidethis = false;
					menu.hover = dd;
					menu.zobraz(dd);
				},function(){
					menu.hidethis = true;
					setTimeout("menu.skry();",2);
				});
			}
		});
	},
	zobraz:function (Lay){
		var $new = $("#"+Lay);
		var $this = $("div[dropdown='"+Lay+"']");
		if($this.length!=0){
			$this.addClass(menu.options.hoverClass);
			var left = $this.position().left;
			var top  = $this.position().top + $this.height();
			$new.css({'left':(left-5)+'px',
					  'top' : (top)+'px'}); 
			if(menu.options.effect=="fade"){
				$new.fadeIn(menu.options.speed);
			} else if(menu.options.effect=="slide"){
				$new.slideDown(menu.options.speed);
			} else {
				$new.show(menu.options.speed); 
			}
		}
	 },
	skry:function(){
		if(menu.hidethis==true){
			if(menu.options.effect=="fade"){
				$("#"+menu.hover).fadeOut(menu.options.speed);
			} else if(menu.options.effect=="slide"){
				$("#"+menu.hover).slideUp(menu.options.speed);
			} else {
				$("#"+menu.hover).hide(menu.options.speed); 
			}
			$("div[dropdown='"+menu.hover+"']").removeClass(menu.options.hoverClass);
		}
	},
	skry_vsetko:function(Lay){
		if(menu.options.effect=="fade"){
			$(".submenu").fadeOut(menu.options.speed);
		} else if(menu.options.effect=="slide"){
			$(".submenu").slideUp(menu.options.speed);
		} else {
			$(".submenu").hide(menu.options.speed); 
		}
		$("#menu div").removeClass(menu.options.hoverClass);
	}
};
$(document).ready(function(){
	menu.init();
});