/*

Author: mg12

Update: 2008/12/29

Author URI: http://www.neoease.com/

*/

(function() {



var Class = {

	create: function() {

		return function() {

			this.initialize.apply(this, arguments);

		}

	}

}



var GhostlyMenu = Class.create();

GhostlyMenu.prototype = {



	initialize: function(target, align, opacity, offset) {

		this.obj = cleanWhitespace(target);

		this.align = align || 'left';

		this.opacity = 0;

		this.maxopacity = opacity || 1;

		this.offset = offset || 0;



		this.menu = this.obj.childNodes

		if (this.menu.length < 2) { return; }



		this.title = this.menu[0];

		this.body = this.menu[1];



		cleanWhitespace(this.body).firstChild.className = 'first';



		if (/MSIE/i.test(navigator.userAgent)) {

			var readers = getElementsByClassName('reader', 'a', this.body);

			for (var i = 0; i < readers.length; i++) {

				setStyle(readers[i], 'cursor', 'hand');

			}

		}



		setStyle(this.body, 'visibility', 'hidden');

		setStyle(this.body, 'position', 'absolute');

		setStyle(this.body, 'overflow', 'hidden');

		setStyle(this.body, 'display', 'block');



		addListener(this.obj, 'mouseover', bind(this, this.activate), false);

		addListener(this.obj, 'mouseout', bind(this, this.deactivate), false);

	},



	activate: function() {

		var pos = cumulativeOffset(this.title);

		var left = pos[0];

		if (this.align == 'right') {

			var offset = getWidth(this.title) - getWidth(this.body) + this.offset;

			left += offset;

		}

		var top = pos[1] + getHeight(this.title);



		setStyle(this.body, 'left', left + 'px');

		setStyle(this.body, 'top', top + 'px');

		setStyle(this.body, 'visibility', 'visible');

		setStyle(this.body, 'opacity', this.opacity);

		setStyle(this.body, 'MozOpacity', this.opacity);

		setStyle(this.body, 'KhtmlOpacity', this.opacity);

		setStyle(this.body, 'filter', 'alpha(opacity=' + this.opacity * 100 + ')');



		if(this.tid) {

			clearTimeout(this.tid);

		}

		this.tid = setInterval(bind(this, this.appear), 30);

	},



	deactivate: function(){

		if(this.tid) {

			clearTimeout(this.tid);

		}

		this.tid = setInterval(bind(this, this.fade), 30);

	},



	appear: function() {

		this.opacity += 0.1;

		if(this.opacity >= this.maxopacity) {

			this.opacity = this.maxopacity;

			clearTimeout(this.tid);

		}

		setStyle(this.body, 'opacity', this.opacity);

		setStyle(this.body, 'MozOpacity', this.opacity);

		setStyle(this.body, 'KhtmlOpacity', this.opacity);

		setStyle(this.body, 'filter', 'alpha(opacity=' + this.opacity * 100 + ')');

	},



	fade:function() {

		this.opacity -= 0.1;

		if(this.opacity <= 0) {

			this.opacity = 0;

			setStyle(this.body, 'visibility', 'hidden');

			clearTimeout(this.tid);

		}

		setStyle(this.body, 'opacity', this.opacity);

		setStyle(this.body, 'MozOpacity', this.opacity);

		setStyle(this.body, 'KhtmlOpacity', this.opacity);

		setStyle(this.body, 'filter', 'alpha(opacity=' + this.opacity * 100 + ')');

	}

}



$ = function(id) {

	return document.getElementById(id);

}



$A = function(iterable) {

	if(!iterable) {

		return [];

	}

	if(iterable.toArray) {

		return iterable.toArray();

	} else {

		var results = [];

		for(var i = 0; i < iterable.length; i++) {

			results.push(iterable[i]);

		}

		return results;

	}

}



getElementsByClassName = function(className, tag, parent) {

	parent = parent || document;



	var allTags = (tag == '*' && parent.all) ? parent.all : parent.getElementsByTagName(tag);

	var matchingElements = new Array();



	className = className.replace(/\-/g, '\\-');

	var regex = new RegExp('(^|\\s)' + className + '(\\s|$)');



	var element;

	for (var i = 0; i < allTags.length; i++) {

		element = allTags[i];

		if (regex.test(element.className)) {

			matchingElements.push(element);

		}

	}



	return matchingElements;

}



bind = function() {

	var array = this.$A(arguments);

	var func = array[array.length - 1];

	var _method = func, args = array, object = args.shift();

	return function() {

		return _method.apply(object, args.concat(array));

	}

}



getHeight = function(element) {

	return element.offsetHeight;

}



getWidth = function(element) {

	return element.offsetWidth;

}



setStyle = function(element, key, value) {

	element.style[key] = value;

}



getStyle = function(element, key) {

	return element.style[key];

}



cleanWhitespace = function(list) {

	var node = list.firstChild;

	while (node) {

		var nextNode = node.nextSibling;

		if(node.nodeType == 3 && !/\S/.test(node.nodeValue)) {

			list.removeChild(node);

		}

		node = nextNode;

	}

	return list;

}



cumulativeOffset = function(element) {

	var valueT = 0, valueL = 0;

	do {

		valueT += element.offsetTop  || 0;

		valueL += element.offsetLeft || 0;

		element = element.offsetParent;

	} while (element);

	return [valueL, valueT];

}



addListener = function(element, name, observer, useCapture) {

	if(element.addEventListener) {

		element.addEventListener(name, observer, useCapture);

	} else if(element.attachEvent) {

		element.attachEvent('on' + name, observer);

	}

}



function loadMenus() {

	var subscribe = $('subscribe');

	if (subscribe) {

		new GhostlyMenu(subscribe, 'left', 1, 1);

	}



	var menubar = $('menus');

	if (menubar) {

		var list = cleanWhitespace(menubar.childNodes);

		for (var i = 0; i < list.length; i++) {

			new GhostlyMenu(list[i], 'left', 1, 1);

		}

	}

}



if (document.addEventListener) {

	document.addEventListener("DOMContentLoaded", loadMenus, false);



} else if (/MSIE/i.test(navigator.userAgent)) {

	document.write('<script id="__ie_onload_for_inove" defer src="javascript:void(0)"></script>');

	var script = $('__ie_onload_for_inove');

	script.onreadystatechange = function() {

		if (this.readyState == 'complete') {

			loadMenus();

		}

	}



} else if (/WebKit/i.test(navigator.userAgent)) {

	var _timer = setInterval( function() {

		if (/loaded|complete/.test(document.readyState)) {

			clearInterval(_timer);

			loadMenus();

		}

	}, 10);



} else {

	window.onload = function(e) {

		loadMenus();

	}

}



window['MGJS_MENU'] = {};



})();