//--------------------------------------Author: Majid Khonji---------Company: EOV----------------------------------------------------
//--------------------This class creates smooth show and hide effects on elements triggered by another element-----------------------
//-------------------------------DO NOT USE IT FOR BUSINESS USE UNLESS YOU TAKE THE PERMISION----------------------------------------

var menusArray = new Array();
var indexCounter = 0;
function registerMenu(M){
	if(M)
	{
		 menusArray[ indexCounter ]  = M;
		 indexCounter++;
		 
	}
	
}
function hideAllMenus(me){
	

	for(var x=0 ;menusArray.length > x ;x++)
	{
		if(!(me.trigger == menusArray[x].trigger ))
		{
			menusArray[x].quickHide();
		}
	}
}

function menu(tri, tar ){
	
	var visibility = 0; //visibility value
	var maxVisibility = 90; //how much opacity do you want
	var time = 10; //milliseconds between changes
	var change = 10; //chenge in opacity each 
	var TimeToHide = 500; //time needed to hide;

	var hideAllowed = false;
	var showAllowed = true;
	
	
	var triggerID = tri;
	var targetID = tar;
	
	var trigger = document.getElementById(tri);
	var target = document.getElementById(tar);
	
	var objRef = this; 
	trigger.onmouseover = show;
	trigger.onmouseout = hide;
	target.onmouseover = quickShow;
	target.onmouseout = delayedHide;
	
	
	function show()
	{
			hideAllMenus(objRef); // to tell him dont hide me;
			MenuePosition(targetID,triggerID,true); //false means the target should be a sibling of the trigger it won't add parents x and y
			
			hideAllowed = false;
			
			target.style.visibility = 'visible';
			
			var step = function()
			{
				
				if(showAllowed)	
				{
					
					if(visibility < maxVisibility){
					visibility  = visibility + change;
					setTimeout(step, time);
					//console.log("%s: time out is called in SSSSShow visibility= ",triggerID,visibility);
					fade(target,visibility);
					
					
					}else
					{ 
						hideAllowed = true; 
						showAllowed = false;
						
					} 
				}else{
					hide();	
				}
				//console.log("%s: after SSSSShow step visibility= ",triggerID, visibility);
			};
			
			step();
	
	}
	
	function hide()
	{
		//if ( visibility >= maxVisibility)
		//{
			//console.log("%s: invokes hide. Hide Allowed: %s ",triggerID,hideAllowed);
			if(visibility > 0 && hideAllowed){
			visibility  = visibility - change;
			setTimeout(hide, time);
			//console.log("%s: time out is called in HHHHHide visibility= ",triggerID, visibility);
			fade(target,visibility);
			}else if(hideAllowed) 
			{
				target.style.visibility = 'hidden';	
				showAllowed = true;
				hideAllowed = false;
			}
	//	}
		//console.log("%s: after HHHHHHide step visibility= ",triggerID, visibility);
	}
	
	function quickShow()
	{
		
		visibility = maxVisibility;
		fade(target, maxVisibility);
		target.style.visibility = 'visible';
		hideAllowed = false;

	}	
	function quickHide()
	{
		
		hideAllowed = true;
		showAllowed = false;
		hide();
		
	}
	function delayedHide(){
		hideAllowed = true;
		showAllowed = false;
		//console.log("%s: deleyed hide started",triggerID);
		setTimeout(hide, TimeToHide);	
		//console.log("%s: deleyed hide Ended",triggerID);
	}

//properties
	this.trigger = tri;
	this.target = tar;

//methods
	this.show = show;
	this.hide = hide;
	
	this.quickShow = quickShow;
	this.quickHide = quickHide;
	
	this.delayedHide = delayedHide;
	
	registerMenu(this);
	return this;
}





//--------------------------------- Fade Effect -------------------------------
//#############################################################################
function fade(imageobject,visibility ){

if (navigator.appName.indexOf("Netscape")!=-1&&parseInt(navigator.appVersion)>=5)
imageobject.style.MozOpacity=visibility/100;

else if (navigator.appName.indexOf("Microsoft")!=-1&&parseInt(navigator.appVersion)>=4)
imageobject.filters.alpha.opacity=visibility;

}
//--------------------------------- menu placement ----------------------------
//#############################################################################

function MenuePosition(t, ele, AddParentsPosition){

var obj = document.getElementById(ele);
var target = document.getElementById(t);

target.style.top = ( getElementPosition(ele,AddParentsPosition).top + getElementHeight(ele) )+ 'px';
target.style.left = getElementPosition(ele,AddParentsPosition).left + 'px';

}

//-------------------------------------code library---------------------------------
//###################################################################################
//####################################################################################

function getElementHeight(Elem) {

	var agt=navigator.userAgent.toLowerCase();
	var op5 = (agt.indexOf("opera 5") != -1 || agt.indexOf("opera/5") != -1);
		if(document.getElementById) {
			var elem = document.getElementById(Elem);
		} else if (document.all){
			var elem = document.all[Elem];
		}
		if (op5) { 
			xPos = elem.style.pixelHeight;
		} else {
			xPos = elem.offsetHeight;
		}
		return xPos;
	
}

function getElementWidth(Elem) {
	if (ns4) {
		var elem = getObjNN4(document, Elem);
		return elem.clip.width;
	} else {
		if(document.getElementById) {
			var elem = document.getElementById(Elem);
		} else if (document.all){
			var elem = document.all[Elem];
		}
		if (op5) {
			xPos = elem.style.pixelWidth;
		} else {
			xPos = elem.offsetWidth;
		}
		return xPos;
	}
}
//AddParentsPosition tracks parents postions and adds x and y
function getElementPosition(elemID,AddParentsPosition) {
    var offsetTrail = document.getElementById(elemID);
    var offsetLeft = 0;
    var offsetTop = 0;
	
	if(AddParentsPosition)
		while (offsetTrail) {
			offsetLeft += offsetTrail.offsetLeft;
			offsetTop += offsetTrail.offsetTop;
			offsetTrail = offsetTrail.offsetParent;
		}
	else
	{
			offsetLeft = offsetTrail.offsetLeft;
			offsetTop = offsetTrail.offsetTop;		 
		 
	}
    if (navigator.userAgent.indexOf("Mac") != -1 && 
        typeof document.body.leftMargin != "undefined") {
        offsetLeft += document.body.leftMargin;
        offsetTop += document.body.topMargin;
    }
    return {left:offsetLeft, top:offsetTop};
}



// written by Dean Edwards, 2005
// with input from Tino Zijdel, Matthias Miller, Diego Perini

// http://dean.edwards.name/weblog/2005/10/add-event/

function addEvent(element, type, handler) {
	if (element.addEventListener) {
		element.addEventListener(type, handler, false);
	} else {
		// assign each event handler a unique ID
		if (!handler.$$guid) handler.$$guid = addEvent.guid++;
		// create a hash table of event types for the element
		if (!element.events) element.events = {};
		// create a hash table of event handlers for each element/event pair
		var handlers = element.events[type];
		if (!handlers) {
			handlers = element.events[type] = {};
			// store the existing event handler (if there is one)
			if (element["on" + type]) {
				handlers[0] = element["on" + type];
			}
		}
		// store the event handler in the hash table
		handlers[handler.$$guid] = handler;
		// assign a global event handler to do all the work
		element["on" + type] = handleEvent;
	}
};
// a counter used to create unique IDs
addEvent.guid = 1;

function removeEvent(element, type, handler) {
	if (element.removeEventListener) {
		element.removeEventListener(type, handler, false);
	} else {
		// delete the event handler from the hash table
		if (element.events && element.events[type]) {
			delete element.events[type][handler.$$guid];
		}
	}
};

function handleEvent(event) {
	var returnValue = true;
	// grab the event object (IE uses a global event object)
	event = event || fixEvent(((this.ownerDocument || this.document || this).parentWindow || window).event);
	// get a reference to the hash table of event handlers
	var handlers = this.events[event.type];
	// execute each event handler
	for (var i in handlers) {
		this.$$handleEvent = handlers[i];
		if (this.$$handleEvent(event) === false) {
			returnValue = false;
		}
	}
	return returnValue;
};

function fixEvent(event) {
	// add W3C standard event methods
	event.preventDefault = fixEvent.preventDefault;
	event.stopPropagation = fixEvent.stopPropagation;
	return event;
};
fixEvent.preventDefault = function() {
	this.returnValue = false;
};
fixEvent.stopPropagation = function() {
	this.cancelBubble = true;
};