$(document).ready(function(){

	$("#hocudaznas").mouseover(function() {
		var src = $(this).attr("src").match(/[^\.]+/) + "-over.gif";
		$(this).attr("src", src);
	}).mouseout(function() {
		var src = $(this).attr("src").replace("-over", "");
		$(this).attr("src", src);
	});

	$("#hocudaznas2").mouseover(function() {
		var src = $(this).attr("src").match(/[^\.]+/) + "-over.gif";
		$(this).attr("src", src);
	}).mouseout(function() {
		var src = $(this).attr("src").replace("-over", "");
		$(this).attr("src", src);
	});
	
	var pZvrkPermanent2 = $(".menu2");
	var positionZvrkPermanent2 = pZvrkPermanent2.position();
	var cssObjZvrkPermanent2 = {
		'position' : 'absolute',
		'z-index' : '100',
		'top' : '198px',
		'left' : positionZvrkPermanent2.left + 165
	}
	$("#menu2zvrkPermanent").css(cssObjZvrkPermanent2);
	
	var pZvrkPermanent3 = $(".menu3");
	var positionZvrkPermanent3 = pZvrkPermanent3.position();
	var cssObjZvrkPermanent3 = {
		'position' : 'absolute',
		'z-index' : '100',
		'top' : '198px',
		'left' : positionZvrkPermanent3.left + 100
	}
	$("#menu3zvrkPermanent").css(cssObjZvrkPermanent3);
	
	
	
	
	// **********************
	// Menu item 1
	// **********************
	$(".menu1").mouseover(function() {
		$("#menu2over").hide();
		$("#menu2zvrk").hide();
		$("#menu3over").hide();
		$("#menu3zvrk").hide();
		
		var pZvrk = $(".menu1");
		var positionZvrk = pZvrk.position();
		var cssObjZvrk = {
			'position' : 'absolute',
			'z-index' : '100',
			'top' : positionZvrk.top + $(".menu1").height(),
			'left' : positionZvrk.left + 100
		}
		$("#menu1zvrk").css(cssObjZvrk);
		$("#menu1zvrk").show();
	});
	
	$(".menu1").mouseleave(function() {
		$("#menu1zvrk").hide();
	});
	$("#menu1zvrk").mouseleave(function() {
		$(this).hide();
	});
	
	// **********************
	// Menu item 2
	// **********************
	$(".menu2").mouseover(function() {
		$("#menu1zvrk").hide();
		$("#menu3over").hide();
		$("#menu3zvrk").hide();
		
		var p = $(".menu2");
		var position = p.position();
		var cssObj = {
			'position' : 'absolute',
			'z-index' : '100',
			'width' : $(".menu2").width()+102,
			'top' : position.top - ($("#menu2over").height() - $(".menu2").height()) - 22,
			'left' : position.left
		}
		$("#menu2over").css(cssObj);
		$("#menu2over").addClass('menu-item-over');
		$("#menu2over").show();
		
		var pZvrk = $(".menu2");
		var positionZvrk = pZvrk.position();
		var cssObjZvrk = {
			'position' : 'absolute',
			'z-index' : '100',
			'top' : positionZvrk.top + $(".menu2").height(),
			'left' : positionZvrk.left + 165
		}
		$("#menu2zvrk").css(cssObjZvrk);
		$("#menu2zvrk").show();
	});

	$("#menu2over").mouseleave(function() {
		$(this).hide();
		$("#menu2zvrk").hide();
		
	});
	$("#menu2zvrk").mouseleave(function() {
		$("#menu2over").hide();
		$(this).hide();
	});
	
	
	// **********************
	// Menu item 3
	// **********************
	$(".menu3").mouseover(function() {
		$("#menu1zvrk").hide();
		$("#menu2over").hide();
		$("#menu2zvrk").hide();
	
		var p = $(".menu3");
		var position = p.position();
		var cssObj = {
			'position' : 'absolute',
			'z-index' : '100',
			'width' : $(".menu3").width()+102,
			'top' : position.top - ($("#menu3over").height() - $(".menu3").height()) - 22,
			'left' : position.left
		}
		$("#menu3over").css(cssObj);
		$("#menu3over").addClass('menu-item-over');
		$("#menu3over").show();
		
		var pZvrk = $(".menu3");
		var positionZvrk = pZvrk.position();
		var cssObjZvrk = {
			'position' : 'absolute',
			'z-index' : '100',
			'top' : positionZvrk.top + $(".menu3").height(),
			'left' : positionZvrk.left + 100
		}
		$("#menu3zvrk").css(cssObjZvrk);
		$("#menu3zvrk").show();
	});
	
	$("#menu3over").mouseleave(function() {
		$(this).hide();
		$("#menu3zvrk").hide();
	});
	$("#menu3zvrk").mouseleave(function() {
		$("#menu3over").hide();
		$(this).hide();
	});

	// **********************
	// Menu item 4
	// **********************
	$(".menu4").mouseover(function() {
		$("#menu1zvrk").hide();
		$("#menu2over").hide();
		$("#menu2zvrk").hide();
		$("#menu3over").hide();
		$("#menu3zvrk").hide();
	});
	
});
