var ie =  (typeof window.ActiveXObject != 'undefined');

$(document).ready(function() {
	$("#no-script-msg").remove();
	
	if(readCookie("faF")) {
		var font = readCookie("faF");
		$("#layout").removeClass("sm");
		$("#layout").removeClass("md");
		$("#layout").removeClass("lg");
		$("#layout").addClass(font);
	}
	if(readCookie("faL")){
		var layout = readCookie("faL");
		$("#layout").removeClass("mc");
		$("#layout").removeClass("sc");
		$("#layout").addClass(layout);
	}
	if(readCookie("faC")){
		var contrast = readCookie("faC");
		$("#contrast").removeClass("dk");
		$("#contrast").removeClass("lt");
		$("#contrast").addClass(contrast);
	}

	
	$("div#site-tools li").click(function() {
		var t = this.id;
		if (t == "large-switch" || t == "larger-switch" || t == "largest-switch") {
			$("#layout").removeClass("sm");
			$("#layout").removeClass("md");
			$("#layout").removeClass("lg");
			$("#large-switch").removeClass("active");
			$("#larger-switch").removeClass("active");
			$("#largest-switch").removeClass("active");
			eraseCookie("faF");
			if (t == "large-switch") {
				$("#layout").addClass("sm");
				$("#large-switch").addClass("active");
				createCookie("faF","sm",730);
			}
			if (t == "larger-switch") {
				$("#layout").addClass("md");
				$("#larger-switch").addClass("active");
				createCookie("faF","md",730);
			}
			if (t == "largest-switch") {
				$("#layout").addClass("lg");
				$("#largest-switch").addClass("active");
				createCookie("faF","lg",730);
			}
		}
		if (t == "multi-switch" || t == "single-switch") {
			$("#layout").removeClass("mc");
			$("#layout").removeClass("sc");
			$("#multi-switch").removeClass("active");
			$("#single-switch").removeClass("active");
			eraseCookie("faL");
			if (t == "multi-switch") {
				$("#layout").addClass("mc");
				$("#multi-switch").addClass("active");
				createCookie("faL","mc",730);
			}
			if (t == "single-switch") {
				$("#layout").addClass("sc");
				$("#single-switch").addClass("active");
				createCookie("faL","sc",730);
			}
		}
		if (t == "dark-switch" || t == "light-switch" ) {
			$("#contrast").removeClass("dk");
			$("#contrast").removeClass("lt");
			$("#light-switch").removeClass("active");
			$("#dark-switch").removeClass("active");
			eraseCookie("faC");
			if (t == "dark-switch") {
				$("#contrast").addClass("dk");
				$("#dark-switch").addClass("active");
				createCookie("faC","dk",730);
				document.getElementById("banner-logo").src = "/eyecare/ui/eca-logo-dk.png";
			}
			if (t == "light-switch") {
				$("#contrast").addClass("lt");
				$("#light-switch").addClass("active");
				createCookie("faC","lt",730);
				document.getElementById("banner-logo").src = "/eyecare/ui/eca-logo.png";
			}
		}
	});
	
	

	if(document.getElementById("letters")) {
		if(location.hash){
			var whichLetter = String(location.hash.substr(1,1)).toUpperCase();
			$("div.visible").removeClass("visible show-all");
			$("div#" + whichLetter + "-content").addClass("visible");
			$("#letters td.active").removeClass("active");
			$("#letters td a#" + whichLetter).parent().addClass("active");
		} else {
			$("div.visible").removeClass("visible show-all");
			$("div#A-content").addClass("visible");
			$("#letters a").click(function(){
				$("div.visible").removeClass("visible show-all");
				$("div#" + this.id + "-content").addClass("visible");
				$("#letters td.active").removeClass("active");
				$("a#" + this.id).parent().addClass("active");
				return false;
			});
			$("a#allinfo").click(function(){
				$("div.info-block").addClass("visible show-all");
				return false;
			});
		}
	}
	
	$("div.definitions dd a").click(function(){
		var whichLetter = $(this).attr("href").substr(1,1).toUpperCase();
		$("div.visible").removeClass("visible show-all");
		$("div#" + whichLetter + "-content").addClass("visible");
		$("#letters td.active").removeClass("active");
		$("#letters td a#" + whichLetter).parent().addClass("active");
	});

	if(document.getElementById("in-depth-menu")) {
		$("div.visible").removeClass("visible show-all");
		$("div#symptoms-content").addClass("visible");
		$("div#whatfor-content").addClass("visible");
		$("#in-depth-menu a").click(function() {
			$("div.visible").removeClass("visible show-all");
			$("div#" + this.id + "-content").addClass("visible");
			$("#in-depth-menu td.active").removeClass("active");
			$("a#" + this.id).parent().addClass("active");
			return false;
		});
		$("a#allinfo").click(function(){
			$("div.info-block").addClass("visible show-all");
			return false;
		});
	}
	
});

function viewOptions() {
	var font = readCookie("faF");
	var contrast = readCookie("faC");
	var layout = readCookie("faL");
	var tools = " <p><strong>Site Options:</strong></p>";
	tools += " <div>";
	tools += "  <p id=\"type-head\">Type Size</p>";
	tools += "  <ul class=\"hmenu\">";
	tools += "    <li id=\"large-switch\"";
	if(!font || font == "sm"){ tools += " class=\"active\""; }
	tools += "><a href=\"#\" title=\"Large Type\">Large Type</a></li>";
	tools += "    <li id=\"larger-switch\"";
	if(font == "md"){ tools += " class=\"active\""; }
	tools += "><a href=\"#\" title=\"Larger Type\">Larger Type</a></li>";
	tools += "    <li id=\"largest-switch\"";
	if(font == "lg"){ tools += " class=\"active\""; }
	tools += "><a href=\"#\" title=\"Largest Type\">Largest Type</a></li>";
	tools += "  </ul>";
	tools += " </div>";
	tools += " <div>";
	tools += "  <p>Contrast</p>";
	tools += "  <ul class=\"hmenu\">";
	tools += "   <li id=\"light-switch\"";
	if(!contrast || contrast == "lt"){ tools += " class=\"active\""; }
	tools += "><a href=\"#\" title=\"Dark on Light\">Dark Text on Light Background</a></li>";
	tools += "   <li id=\"dark-switch\"";
	if(contrast == "dk"){ tools += " class=\"active\""; }
	tools += "><a href=\"#\" title=\"Light on Dark\">Light Text on Dark Background</a></li>";
	tools += "  </ul>";
	tools += " </div>";
	tools += " <div>";
	tools += "  <p>Layout</p>";
	tools += "  <ul class=\"hmenu\">";
	tools += "   <li id=\"multi-switch\"";
	if(!layout || layout == "mc"){ tools += " class=\"active\""; }
	tools += "><a href=\"#\" title=\"Multi-Column\">Multi-Column</a></li>";
	tools += "   <li id=\"single-switch\"";
	if(layout == "sc"){ tools += " class=\"active\""; }
	tools += "><a href=\"#\" title=\"Single Column\">Single Column</a></li>";
	tools += "  </ul>";
	tools += " </div>";
	document.write(tools);
}

/* utility functions */

function createCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}

function eraseCookie(name) {
	createCookie(name,"",-1);
}

function collectionToArray(col) {
	a = new Array();
	for (i = 0; i < col.length; i++)
		a[a.length] = col[i];
	return a;
} /* turns an HTMLCollection into an array */