// Generic JS Options
var RecaptchaOptions = {
   theme : 'white'
};

YAHOO.namespace('mjk');
YAHOO.mjk.main = {
	Dom: YAHOO.util.Dom,
	YE: YAHOO.util.Event,
	$: YAHOO.util.Dom.get,
	portOverlay: '',

	init: function(){
		// setup the sectional displays
		var sections = mjk.Dom.getElementsByClassName('sec', 'div');
		for (var s=0; s<sections.length;s++) {
			if (!mjk.Dom.hasClass(sections[s], 'active')) {
				sections[s].setAttribute('style', 'display: none');
			}else{
				sections[s].setAttribute('style', 'overflow: hidden');
			}
		}
		var linksdiv = mjk.$('jsm');
		if (linksdiv) {
			var linksul = linksdiv.getElementsByTagName('ul')[0];
			var links = linksul.getElementsByTagName('a');
			for (var l=0; l<links.length;l++) {
				if (!mjk.Dom.hasClass(links[l], 'port-img')) {
					mjk.YE.addListener(links[l], 'click', mjk.showContent, links[l]);
				}else{
					mjk.YE.addListener(links[l], 'click', mjk.showImageOverlay, links[l]);
				}
			}
		}

		// get all the links with the class port-img and add the overlay
		var portimgs = mjk.Dom.getElementsByClassName('port-img', 'a');
		var portimgs_len = portimgs.length;
		if (portimgs_len > 0) {
			for (var a=0; a<portimgs_len;a++) {
				mjk.YE.addListener(portimgs[a], 'click', mjk.showImageOverlay, portimgs[a]);
			}
		}
	},
	showContent: function (e, anchor) {
		mjk.YE.stopEvent(e);
		var requestedSec = anchor.getAttribute('href');
		requestedSec = requestedSec.replace("#", "");

		var replaceSec = mjk.Dom.getElementsByClassName('active', 'div')[0];
		var replaceWith = mjk.$(requestedSec);
		if (replaceSec && replaceWith) {
			// we have the div to replace so get the div to replace it with
			var divHeight = replaceSec.offsetHeight;
			replaceSec.parentNode.setAttribute('style', 'height:'+divHeight+'px');
			var myAnim = new YAHOO.util.Anim(replaceSec, {
				height: {
					to: 0
				}
			}, 1, YAHOO.util.Easing.easeOut);
			myAnim.onComplete.subscribe(function(){
				replaceWith.setAttribute('style', 'overflow:hidden; display: block;');
				var divHeight = replaceWith.offsetHeight;
				replaceWith.parentNode.setAttribute('style', 'height:'+divHeight+'px');
				replaceWith.setAttribute('style', 'overflow:hidden; display: block; height: 0px;');
				mjk.Dom.addClass(replaceWith, 'active');
				var showContentDiv = new YAHOO.util.Anim(replaceWith, {
					height: {
						from: 0,
						to: divHeight
					}
				}, 1, YAHOO.util.Easing.easeOut);
				showContentDiv.animate();
			});
			myAnim.animate();
			mjk.Dom.removeClass(replaceSec, 'active');
			mjk.init;
		}
	},
	showImageOverlay: function (e, anchor){
		mjk.YE.stopEvent(e);

		// get the details for the overlay
		var targetUrl = anchor.parentNode.lastChild;

		imgOverlay = new YAHOO.widget.Panel("ss-overlay", {
			width: "640px",
			fixedcenter: true,
			close: true,
			draggable: false,
			zindex: 4,
			modal: true,
			visible: false,
			constraintoviewport: true,
			effect: {
				effect:YAHOO.widget.ContainerEffect.FADE,duration:0.75
			}
		});
		var viewmore = anchor.parentNode.getElementsByTagName('a')[1];
		if (viewmore) {
			viewmore = viewmore.cloneNode(true);
		}else{
			viewmore = '';
		}

		imgOverlay.setHeader(anchor.title);
		imgOverlay.setBody('<img src="'+anchor.href+'" alt="'+anchor.title+'" />');
		imgOverlay.setFooter(viewmore);
		imgOverlay.render(document.body);
		imgOverlay.show();
	}
}
mjk = YAHOO.mjk.main;
mjk.YE.onDOMReady(mjk.init);