// JavaScript Document

// Uses J-Query Version 1.3.2.min

//Finds out what element has been rolled over via the attribute title
function fcDefineMenuDiv(varAttribute) {
	var varAttribute_1 = "." + ( $(varAttribute).attr("title") );
	return varAttribute_1
}

var varMenuDiv = ""
var menuactive
var menulinkactive
var varMenuDivContainer
var count = 0

$(window).load(function(){
	
	$('.menulink').mouseenter( function() { 
										
										varMenuDiv = fcDefineMenuDiv(this)
										menulinkactive = "true"
										varMenuDivContainer = varMenuDiv
										count = count + 1
										
										$(".menu >" + "[title!=" + varMenuDiv + "]").stop([true],[true]);
										$(".menu >" + "[title!=" + varMenuDiv + "]").hide();

										var position = $(this).position();
										
										var left = position.left
										var top = position.top

										left = left - 20
										top = top - 8
					
										$(varMenuDiv).css({'left' : left, 'top' : top});
										
										$(varMenuDiv).show();	
										
	}).mouseover(function(){
			
				if (count = 1) {
					menuactive = "true"
				}
			
				$(varMenuDiv).mouseenter( function() {
						menuactive = "true"
						

				});	
				
				$(varMenuDiv).mouseleave( function() {
						menuactive = "false"	

				});	
				
				
				$(".topnavigation").mouseleave( function(){
				
						if (menuactive == "true") {
								
						} else if (menulinkactive == "false") {
							$(varMenuDiv).hide();
						} else if (menuactive == "false") {
							
						} else {
							
						}
					
				});

				$(varMenuDiv).mouseleave( function() {
						$(varMenuDiv).hide();	
				});	
					
	}).mouseout(function(){
	
		menulinkactive = "false"
		
	});
	
	$(document).mouseover(function(){
	
		if (!(varMenuDiv == "")) {
		
			$("a[href=homepage]").mouseenter(function(){
					
					$(varMenuDiv).hide();
					
			});	
			
				$("div[class=search_container]").mouseover(function(){
					
					$(varMenuDiv).hide();
					
			});	
				
			$("div[class=basket]").mouseover(function(){
					
					$(varMenuDiv).hide();
					
			});	
			
			$("div[class=maincontent]").mouseleave(function(){
					
					$(varMenuDiv).hide();
					
			});				
		
		}
	
	});
		
		
		
});