document.onmouseout = hide;

var current_sub = '';	
var the_sub = '';
var current_img = '';
var current_imgX = 0;
var current_imgY = 0;

var current_sub2 = '';	
var the_sub2 = '';
var current_img2 = '';
var current_imgX2 = 0;
var current_imgY2 = 0;

var x = 0;
var y = 0;
//these will cause flickering problems (Change at will)
var img_height = 15;
var img_width = 5;
var divoffset = 0;
//these will cause flickering problems (Change at will)
var img_height2 = 1;
var img_width2 = 10;
var divoffset2 = -195;
var mouseIsOut = false;

function show(imgID, sub_menu, end_items, img_height, divoffset){
	current_sub = sub_menu;
	current_imgX = getCoorX(imgID);
	current_imgY = getCoorY(imgID);
	the_sub = document.getElementById(sub_menu);
	
	the_sub.style.left = current_imgX - divoffset + 'px';
	the_sub.style.top = current_imgY + img_height + 'px'; 		
    the_sub.style.visibility = "visible";
	
	for(i=1;i<=end_items;++i){
		var subElement = "flyout"+i;
		if(current_sub != subElement){
			document.getElementById(subElement).style.visibility = 'hidden';
		}
	}
}

function show2(imgID2, sub_menu2, img_height2, divoffset2){
	current_sub2 = sub_menu2;
	current_imgX2 = getCoorX(imgID2);
	current_imgY2 = getCoorY(imgID2);
	the_sub2 = document.getElementById(sub_menu2);
	
	the_sub2.style.left = current_imgX2 - divoffset2 + 'px';
	the_sub2.style.top = current_imgY2 - img_height2 + 'px'; 		
    the_sub2.style.visibility = "visible";
	
	for(c=5;c<=7;++c){
		var subElement2 = "flyout"+c;
		if(current_sub2 != subElement2){
			document.getElementById(subElement2).style.visibility = 'hidden';
		}
	}
}

function hide(e) {
	if(!e) var e = window.event;
	
	if(current_sub2 != ''){
		var img_x2 = current_imgX2 - img_width2;
		var img_y2 = current_imgY2 + img_height2;
		var areaX1 = img_x2 + img_width2 - divoffset2;//finding upper corner
		var areaY1 = img_y2;//second coordinate in finding upper corner (x,y)
		var mouseX;
		var mouseY;	
		var areaX2;
		var areaY2;
						
		if(document.all){ 
			mouseX = event.x;
			mouseY = event.y + document.body.scrollTop;
		}else{ 
			mouseX = e.pageX;
			mouseY = e.pageY;
		}
		
		areaX2 = areaX1 + parseInt(document.getElementById(current_sub).style.width);
		areaY2 = areaY1 + parseInt(document.getElementById(current_sub).style.height);		
		
		//if mouse is > than (x,y) and <  (x,y)
		if(!(mouseX > (areaX1-2) && mouseX < areaX2 && mouseY > (areaY1-3) && mouseY < areaY2) && !(mouseX > (img_x-2) && mouseX < (img_x + img_width) && mouseY > (img_y-3) && mouseY < (img_y + img_height+1))){
			document.getElementById(current_sub2).style.visibility = "hidden";
			current_sub2 = '';
			the_sub2 = '';
		}
	}else{
		if(current_sub != ''){
			var img_x = current_imgX - img_width;
			var img_y = current_imgY + img_height;
			var areaX1 = img_x + img_width - divoffset;//finding upper corner
			var areaY1 = img_y;//second coordinate in finding upper corner (x,y)
			var mouseX;
			var mouseY;	
			var areaX2;
			var areaY2;
							
			if(document.all){ 
				mouseX = event.x;
				mouseY = event.y + document.body.scrollTop;
			}else{ 
				mouseX = e.pageX;
				mouseY = e.pageY;
			}
			
			areaX2 = areaX1 + parseInt(document.getElementById(current_sub).style.width);
			areaY2 = areaY1 + parseInt(document.getElementById(current_sub).style.height);		
			
			//if mouse is > than (x,y) and <  (x,y)
			if(!(mouseX > (areaX1-2) && mouseX < areaX2 && mouseY > (areaY1-3) && mouseY < areaY2) && !(mouseX > (img_x-2) && mouseX < (img_x + img_width) && mouseY > (img_y-3) && mouseY < (img_y + img_height+1))){
				document.getElementById(current_sub).style.visibility = "hidden";
				current_sub = '';
				the_sub = '';
			}
		}
	}
}			

function hideall(no_items) {
	for(i=1;i<=no_items;++i){
		var subElement = "flyout"+i;
		document.getElementById(subElement).style.visibility = 'hidden';
	}
}

function getCoorX(imgElem) {
	xPos = eval(imgElem).offsetLeft;
	tempEl = eval(imgElem).offsetParent;
  	while (tempEl != null) {
  		xPos += tempEl.offsetLeft;
  		tempEl = tempEl.offsetParent;
  	}
	return xPos;
}
		
function getCoorY(imgElem) {
	yPos = eval(imgElem).offsetTop;
	tempEl = eval(imgElem).offsetParent;
	while (tempEl != null) {
  		yPos += tempEl.offsetTop;
  		tempEl = tempEl.offsetParent;
  	}
	return yPos;
}