// getBrowserWidth is taken from The Man in Blue Resolution Dependent Layout Script
// http://www.themaninblue.com/experiment/ResolutionLayout/
	function getBrowserWidth(){
		if (window.innerWidth){
			return window.innerWidth;}	
		else if (document.documentElement && document.documentElement.clientWidth != 0){
			return document.documentElement.clientWidth;	}
		else if (document.body){return document.body.clientWidth;}		
			return 0;
	}
	
	function getBrowserHeight(){
		if (window.innerHeight){
			return window.innerHeight;}	
		else if (document.documentElement && document.documentElement.clientHeight != 0){
			return document.documentElement.clientHeight;	}
		else if (document.body){return document.body.clientHeight;}		
			return 0;
	}

// dynamicLayout by Kevin Hale
function dynamicLayout(){
	var browserWidth = getBrowserWidth();
	var browserHeight = getBrowserHeight();

	//Load Wider CSS Rules
	if (browserWidth > 1440 || browserHeight > 900){
		changeLayout("wider");
	}
	//Load Wide CSS Rules
	else {
		changeLayout("wide");
	}
	
}
	
	//document.getELementById('inspiration-page').backgroundImage = 'images/beach2.jpg';
	
	function setActiveStyleSheet(title) {
	  var i, a, main;
	  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
	    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") != 'default') {
	      a.disabled = true;
	      if(a.getAttribute("title") == title) a.disabled = false;
	    }
	  }
	}

	function getActiveStyleSheet() {
		var browserWidth = getBrowserWidth();
		var browserHeight = getBrowserHeight();

		//Load Wider CSS Rules
		if (browserWidth > 1440 || browserHeight > 900){
			return 'wider';
		}
		//Load Wide CSS Rules
		else {
			return 'wide';
		}
	  return null;
	}

	function getPreferredStyleSheet() {
		
		var browserWidth = getBrowserWidth();
		var browserHeight = getBrowserHeight();

		//Load Wider CSS Rules
		if (browserWidth > 1440 || browserHeight > 900){
			return 'wider';
		}
		//Load Wide CSS Rules
		else {
			return 'wide';
		}
		
	  return null;
	}

	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 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;
	}

	window.onload = function(e) {
	  var cookie = readCookie("style");
	  //var title = cookie ? cookie : getPreferredStyleSheet();
	
		if(cookie != getPreferredStyleSheet())
		{
			
			title = getPreferredStyleSheet()
			
		}
		
	  setActiveStyleSheet(title);
	}
	
	window.onresize = function(e) {
	  var cookie = readCookie("style");
	  var title = getPreferredStyleSheet();
	  console.log("Title:" + title);
	  setActiveStyleSheet(title);
	}

	window.onunload = function(e) {
	  var title = getActiveStyleSheet();
	  createCookie("style", title, 365);
	}

	var cookie = readCookie("style");
	var title = cookie ? cookie : getPreferredStyleSheet();
	setActiveStyleSheet(title);