var frameMenu = null;
$(document).ready(function() {
	$('a.scroll_menu_link').click(function() {
		ShowMenu('sub_' + this.id, this);
	});
});
function ShowMenu(id, obj) {
	if (frameMenu) HideFrame();
	frameMenu = document.createElement("iframe");
	frameMenu.className = "scroll_menu_box";
	frameMenu.src = "/js/menu_holder.html?id=" + id;
	frameMenu.scrolling = "no";
	frameMenu.frameBorder = "no";
	frameMenu.style.left = $('#' + id).offset().left + "px";
	frameMenu.style.top = $('#' + id).offset().top + "px";
	frameMenu.father = obj	
	document.body.appendChild(frameMenu);   
	frameMenu.onmouseout = function() {
		this.timeout = window.setTimeout("HideFrame()", 1000);
	}
	frameMenu.onmouseover = function() {
		if (this.timeout > 0) {
			window.clearTimeout(this.timeout);
			this.timeout = 0;
		}
	}
}     
function HideFrame() {       
	if (frameMenu != null) {
		try {
			frameMenu.father.className = frameMenu.father.old_className;
			if (frameMenu.timeout) window.clearTimeout(frameMenu.timeout);
			document.body.removeChild(frameMenu);
		} catch(e) {
			
		}
		frameMenu = null;
	}
}
//addClickListener(clickPopup);
function clickPopup(e) {
	if (!e) e = event;
	if (e.srcElement && e.srcElemnt.className == "menu_hover") return false;
	HideFrame();
}
function set_pos_menu(element, parent) {
	parent.old_className = parent.className;
	parent.className = parent.className + "_hover";
	var left = $(parent).offset().left;
	var top = $(parent).offset().top;
	var width = $(parent).innerWidth();
	var height = $(parent).innerHeight();
	var el_width = $(element).innerWidth();
	var x;		    
	if (parent.getAttribute("position") == "right") {
		x = left + width - el_width;		    
	} else {
		x = left;		    			
	}
	if (x < 0) {
		if (left > 0) {
			x = left;
		} else x = 0;
	} 
	$(element).offset({ top: top + height + 1, left: x + 2 });
	element.father = parent;
}