// - - - - - - - - - - - - - - - - - - - - -
//
// Title : Dynamic Resolution Dependent Layout Demo
// Author : Kevin Hale
// URL : http://particletree.com
//
// Description : This is a demonstration of a dynamic 
// resolution dependent layout in action. Change your browser 
// window size to see the layout respond to your changes. To 
// preserve the separation of the presentation and behavior 
// layers, this implementation delegates all the presentation 
// details to external CSS stylesheets instead of changing 
// each style property through JavaScript.
//
// Created : July 30, 2005
// Modified : November 15, 2005
//
// - - - - - - - - - - - - - - - - - - - - -

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

// dynamicLayout by Kevin Hale
function dynamicLayout(){
	//var browserWidth = getBrowserWidth();
    
	//Load Thin CSS Rules
	//if (browserWidth < 750){
//		changeLayout("thin");
//	}
	//Load Wide CSS Rules
//	if ((browserWidth >= 750) && (browserWidth <= 950)){
//		changeLayout("wide");
//	}
	//Load Wider CSS Rules
//	if (browserWidth > 950){
		changeLayout("wider");
//	}
}

// changeLayout is based on setActiveStyleSheet function by Paul Sowdon 
// http://www.alistapart.com/articles/alternate/
function changeLayout(description){
   var i, a;
   for(i=0; (a = document.getElementsByTagName("link")[i]); i++){
	   if(a.getAttribute("title") == description){a.disabled = false;}
	   else if(a.getAttribute("title") != "default"){a.disabled = true;}
   }
}

	//addEvent() by John Resig
	function addEvent( obj, type, fn ){ 
	   if (obj.addEventListener){ 
	      obj.addEventListener( type, fn, false );
	   }
	   else if (obj.attachEvent){ 
	      obj["e"+type+fn] = fn; 
	      obj[type+fn] = function(){ obj["e"+type+fn]( window.event ); } 
	      obj.attachEvent( "on"+type, obj[type+fn] ); 
	   } 
	} 
	
	//Run dynamicLayout function when page loads and when it resizes.
	addEvent(window, 'load', dynamicLayout);
	addEvent(window, 'resize', dynamicLayout);
	
	function displaywelcome(){

        /***********************************************
        * Display time of last visit script- by JavaScriptKit.com
        * This notice MUST stay intact for use
        * Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and more
        ***********************************************/

        var lastvisit=new Object()
        lastvisit.firstvisitmsg="Welcome to Rotella Software!" //Change first visit message here
        lastvisit.subsequentvisitmsg="Welcome back! Your last visit was on <b>[displaydate]</b>" //Change subsequent visit message here

        lastvisit.getCookie=function(Name){ //get cookie value
        var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair
        if (document.cookie.match(re)) //if cookie found
        return document.cookie.match(re)[0].split("=")[1] //return its value
        return ""
        }

        lastvisit.setCookie=function(name, value, days){ //set cookei value
        var expireDate = new Date()
        //set "expstring" to either future or past date, to set or delete cookie, respectively
        var expstring=expireDate.setDate(expireDate.getDate()+parseInt(days))
        document.cookie = name+"="+value+"; expires="+expireDate.toGMTString()+"; path=/";
        }

        lastvisit.showmessage=function(){
        if (lastvisit.getCookie("visitcounter")==""){ //if first visit
        lastvisit.setCookie("visitcounter", 2, 730) //set "visitcounter" to 2 and for 730 days (2 years)
        document.write(lastvisit.firstvisitmsg)
        }
        else
        document.write(lastvisit.subsequentvisitmsg.replace("\[displaydate\]", new Date().toLocaleString()))
        }

        lastvisit.showmessage()

        }