/********** tell a friend *************/
window.form_friend_options = {
	duration:		700,
	transition:		Fx.Transitions.Cubic.easeOut,
	transition_types:	['morph', 'fade'], // morph, fade
	overlay:		{ color: '#000000', opacity: 0.5, close_on_click: false }
};


/********** optin *************/
window.form_subscribe_options = {
	duration:		700,
	transition:		Fx.Transitions.Cubic.easeOut,
	transition_types:	['morph', 'fade'], // morph, fade
	overlay:		{ color: '#000000', opacity: 0.5, close_on_click: true }
};

/******** gallery **********/
window.gallery_options = {
	overlay: 	{ color: '#000000', opacity: 0.5, close_on_click: false },
	background: 	'#FFFCEF',
	fontcolor:	'#2F2F2F',
	border:		'solid gray 1px',
	padding:	'10px',
	image_dir:	'gallery-light',
	fade_duration:	500,
	morph_duration:	400,
	enable_slideshow: true,
	slideshow_delay: 7000
};


window.addEvent('domready', initMenu);

window.addEvent('domready', function() {
	// handle navlinkhover boxes
	$$('div.navlinkbox').each(function(el) {
		el.addEvent('mouseover', function() {
			this.addClass('navlinkboxhover');
		});
		el.addEvent('mouseout', function() {
			this.removeClass('navlinkboxhover');
		});
	});

	// handle trade docs
	$$('a.TradeDocsPreview').each(function(el) {
		el.addEvents({
			mouseover: function() {
				tradedocsPreview(this, this.href);
			},
			mouseout: function() {
				tradedocsPreviewOut();
			}
		});
	});
});


// handle rollover images
window.addEvent('load', function() {
	$$('img[rollover=true]').each(function(el) {
		var pimg = new Element('img');
		pimg.addEvent('load', function() {
			this.addEvent('mouseover', function() {
				imageRollover(this);
			});
			this.addEvent('mouseout', function() {
				imageRollout(this);
			});
		}.bind(el));
		pimg.src = el.src.replace(/\.([^\.]+)$/, '-over.$1');
	});
});

function imageRollover(that) {
	that = $(that);
	if(!that) return;

	var href = that.src.replace(/\.([^\.]+)$/, '-over.$1');
	var tmp = new Element('img');
	tmp.addEvent('load', function() {
		this.src = href;
	}.bind(that));
	tmp.src = href;
}

function imageRollout(that) {
	that = $(that);
	if(!that) return;

	that.src = that.src.replace(/-over\.([^\.]+)$/, '.$1');
}



window._mainmenutimer;

function initMenu() {
	var tblmainmenu = $('mainmenu'); if(!tblmainmenu) return;
	var lst = tblmainmenu.getElementsByTagName('td');
	for(var i=0; i<lst.length; ++i) {
		var menuname = lst[i].id.substr(9);
		lst[i].setAttribute('menuname', menuname);


		lst[i].onmouseover = function() {
			clearHideSubMenusTimer();
			showSubMenu(this.getAttribute('menuname'));
		}

		lst[i].onmouseout = function() {
			startHideSubMenus();
		}
	}

	var lst = $$('div.submenu');
	for(var i=0; i<lst.length; ++i) {
		sdiv = lst[i];

		sdiv.onmouseover = function() {
			clearHideSubMenusTimer();
		}
		sdiv.onmouseout = function() {
			startHideSubMenus();
		}


		var items = sdiv.getElementsByTagName('td');
		for(var z=0; z<items.length; ++z) {
			items[z].onmouseover = function() {

				var lst = this.parentNode.parentNode.getElementsByTagName('td');
				for(var i=0; i<lst.length; ++i) {
					doHideSubMenu(lst[i].getAttribute('showsubmenu'));
				}


				this.className = 'hover';
				showSubSubMenu(this);
			}
			items[z].onmouseout = function() {
				this.className = '';

			}

			try {
				items[z].childNodes[0].onclick = function() {
					return false;
				}
			} catch(e) {}
			
			items[z].onclick = function() {
				try {
					var t = ( this.childNodes[0].getAttribute('target') ) ? this.childNodes[0].getAttribute('target') : '_self';
					window.open(this.childNodes[0].getAttribute('href'), t);
				} catch(e) {}
			}
		}
	}

}



function showSubSubMenu(that) {
	var menuname = that.getAttribute('showsubmenu');

	that = $(that);
	var div = that;
	while(div.tagName != 'DIV') {
		div = div.parentNode;
	}

	var sub = $('submenu-'+menuname);
	if(!sub) return;


	sub.style.top = ( that.getTop() - 4 ) + 'px';
	sub.style.left = ( div.getLeft() + div.offsetWidth ) + 'px';
	sub.style.display = 'block';
	
}


function showSubMenu(menuname) {
	hideAllSubMenus();

	var m = $('mainmenu-'+menuname);
	if(!m) return;

	var sub = $('submenu-'+menuname);
	if(sub) {

		var o = (navigator.appName.indexOf('Microsoft') != -1) ? 7 : 4;

		sub.style.top = ( m.getTop() + m.offsetHeight ) + 'px';
		sub.style.left = ( m.getLeft() ) + 'px';
		sub.style.display = 'block';
		//sub.style.top = ( m.getTop()  - sub.offsetHeight - o ) + 'px';
	}

}


function hideAllSubMenus() {
	clearHideSubMenusTimer();

	var tblmainmenu = $('mainmenu');

	//var lst = tblmainmenu.getElementsByTagName('td');
	//for(var i=0; i<lst.length; ++i) {
	//	doHideSubMenu( lst[i].id.substr(9) );
	//}


	var lst = $$('div.submenu');
	for(var i=0; i<lst.length; ++i) {
		doHideSubMenu( lst[i].id.substr(8) );
	}
}


function startHideSubMenus() {
	clearHideSubMenusTimer();
	window._mainmenutimer = setTimeout('hideAllSubMenus();', 1000);
}


function clearHideSubMenusTimer() {
	clearTimeout(window._mainmenutimer);
}

function doHideSubMenu(menuname) {
	var s = $('submenu-'+menuname);
	if(s) s.style.display = 'none';
}


function t(v) {
	try {
		console.log(v);
	} catch(e) {};
}