//window.addEvent('load', checkBrowserWidth);
window.addEvent('resize', checkBrowserWidth);
window.addEvent('domready', init);

function init(){
	var slideMenuSubNav = new Fx.Slide('menu_sub_nav');
	var slideFlapjackSubNav = new Fx.Slide('flapjack_sub_nav');

	showHideMenu("menu", slideMenuSubNav);
	showHideMenu("flapjack", slideFlapjackSubNav);

	makeMenuItem('menu','#','Menu','home',slideMenuSubNav,slideFlapjackSubNav);
	makeMenuItem('flapjack','#','Flapjack Attack','menu',slideFlapjackSubNav,slideMenuSubNav);
	
	checkBrowserWidth();
}

function makeMenuItem(id,link,text,after,subMenu,otherSubMenu) {

	var newProp = new Element("span");
	newProp.addClass("prop");
	newProp.id = 'p_'+id;

	var newA = new Element("a");
	newA.href=link;
	newA.appendText(text);
	newA.adopt(newProp);

	var newLi = new Element("li");
	newLi.id=id;
	newLi.onclick = function() {
		subMenu.toggle();
		otherSubMenu.slideOut();
	}
	newLi.adopt(newA);
	newLi.injectAfter(after);
}

function showHideMenu(text,submenu) {
	if ( window.location.href.indexOf(text) >= 0 ) {
		submenu.show();
	} else {
		submenu.hide();
	}
}

function checkBrowserWidth() {
	var browserWidth = window.getWidth();
	var pageWidth = $('page').offsetWidth;
	
	if (browserWidth == 0) {
		var resCookie = Cookie.get("VD_Res");

		if (resCookie != null) {
			setStylesheet(resCookie);
		}
		addLoadListener(checkBrowserWidth);
		
		return false;
	}

	if (browserWidth < 820) {
		setStylesheet("thin");
		Cookie.set("VD_Res", "thin", {duration: false});
		//alert ("Thin");
	} else if (browserWidth < 1044 ) {
		setStylesheet("wide");
		Cookie.set("VD_Res", "wide", {duration: false});
		//alert ("Wide");
	} else if (browserWidth < 1100 ) {
		setStylesheet("wider");
		Cookie.set("VD_Res", "wider", {duration: false});
		//alert ("Wider");
	} else {
		setStylesheet("");
		Cookie.set("VD_Res", "", {duration: false});
	}
	
	if ( pageWidth - (pageWidth * .10) <= 670 ) { // 800x600
		changeImage(600);
	}
	else if ( pageWidth - (pageWidth * .10) <= 800 ) { // 1024x768
		changeImage(720);
	}
	else if ( pageWidth - (pageWidth * .10) >= 800 ) {
		changeImage(900);
	}
	
	return true;
};

function setStylesheet(description) {
	
	$$('link').each(function(p){
		if (p.getAttribute("rel").indexOf("style") != -1 && p.getAttribute("rel").indexOf("alternate") != -1 && p.getAttribute("title")) {
			p.disabled = true;
			if(p.getAttribute("title") == description) { p.disabled = false; }
		}
	});
	
	return true;
};

function changeImage(width){
	if ( $('dynamicImage') ) {
		var source = $('dynamicImage').src;
		source = source.replace("900",width);
		$('dynamicImage').src = source;
	}
}