// JavaScript Document

/* Utils
-------------------------------------------------------------- */
function include(uri, type, opt)
{
	if (!document.createElement || !document.getElementsByTagName) 
		return false;	
	if (type=="js"){ //if filename is a external JavaScript file
		var include=document.createElement('script');
		include.setAttribute("type","text/javascript");
		include.setAttribute("src", uri);
	}
	else if (type=="css"){ //if filename is an external CSS file
		var media = (!opt.media)?'all':opt.media;
		var include=document.createElement("link");
		include.setAttribute("rel", "stylesheet");
		include.setAttribute("type", "text/css");
		include.setAttribute("media", media);
		include.setAttribute("href", uri)
	}
	if (typeof include!="undefined")
	document.getElementsByTagName("head")[0].appendChild(include);
}

/* My
-------------------------------------------------------------- */

var my={}
my.images = "/images/";
my.display = null;
my.layout = null;
my.grid = null;
my.media = null;
my.rgrid = /grid_([\w.]+)/;
my.loader = "background:#000 url(/images/utils/loading.gif) 50% 50% no-repeat scroll; overflow:hidden; display:block;";

if(document.getElementById && Spry.Utils.addLoadListener){
	
	my.page = document.getElementById("XSCD24");
	my.page.style.display = "none";
	
	if(!document.body  && document.getElementsByTagName){
		document.body = document.getElementsByTagName("body")[0];
	}
	

	loader = new Image();
	loader.src = "/images/utils/loading_white.gif";
	loader = new Image();
	loader.src = "/images/utils/loading.gif";
	
	
	//my.background = document.body.style.background;
	
	document.body.style.background = "#000 url(/images/utils/loading.gif) no-repeat center center fixed";
	
	Spry.Utils.setStyle = function (ele, style){
		if (style)
		{
			if(typeof style == "string"){
				style = Spry.Utils.styleStringToObject(style);
			}
				
			for (var p in style)
				try { ele.style[p] = style[p]; } catch (e) {}
			
		}	
	};
	

	Spry.Utils.addLoadListener( function(){
		
		
		if(my.layout == "sd"){
			
			//Spry.$$("#footer-tools li").addClassName("grid_5");
		
			//Spry.$$("#footer-tools li a").setStyle("display:block");
			
			Spry.$$("div.right").setAttribute("style","float:right");
			
			//Spry.$$(".content div.container_24 div.grid_24:first-child").setStyle("margin-top:130px")
			
			/*
			if( my.grid && my.layout == 'sd' && screen.width > 1280 ){
				Spry.$$("body").setStyle("background:#171717 url(/images/background.jpg) top center no-repeat fixed");	
			}
			*/
			
		
		}
			
		Spry.$$("div.SlidingPanels").forEach(function(n) { 
			
			Spry.Utils.setStyle(n.parentNode,"position:relative; overflow: hidden");
			Spry.Utils.setStyle(n,"position:relative; overflow: hidden");
			
			//Spry.$$("div#"+n.parentNode.id).setStyle("position:relative; overflow: hidden");
		
			//Spry.$$("div.SlidingPanelsContentGroup > div",n).addClassName("SlidingPanelsContent");
			
			//Spry.$$("div.SlidingPanelsContentGroup > div",n).setStyle("margin:0px; padding: 0px; border: none; float:left; overflow:hidden");
			
			
		});		
		
		
	
		//document.body.style.background = my.background;
		
		my.page.style.display = "block";
		
	});	
}	



if(screen){
	my.media = 'screen';
	
	if ((screen.width>1919)){
		my.layout = 'hd';
		my.grid = '1920';
		// HD NOT SUPPORTED YET
		my.layout = 'sd';
		my.grid = '960';
		my.estate = screen.height;
		//include('/stylesheets/phone.css','css',{'media':'all'});
		include('/stylesheets/desktop.css','css',{'media':'all'});
		
	}else if((screen.width>959) && (screen.width<1919)){
		my.layout = 'sd';
		my.grid = '960';
		
		if((typeof(window.orientation) == "number") && screen.height <= 1024){
			include('/stylesheets/standard.css','css',{'media':'screen'});
		}else if(screen.height >= 768){
			include('/stylesheets/desktop.css','css',{'media':'screen'});
			my.estate = screen.height;
		}else{
			include('/stylesheets/standard.css','css',{'media':'screen'});
		}
		
	}else if((screen.width>767) && (screen.width<959) && (typeof(window.orientation) == "number") ){
		my.layout = 'sd';
		my.grid = '760';
		my.media = 'tablet';
		include('/stylesheets/standard.css','css',{'media':'screen and (min-width: 959px)'});
		include('/stylesheets/tablet.css','css',{'media':'screen and (min-width: 768px) and (max-width: 959px)'});
		
	}else if( (screen.width<767) && (typeof(window.orientation) == "number") ){
		my.layout = 'wide';
		my.grid = '480';
		my.media = 'mobile';
		include('/stylesheets/phone.css','css',{'media':'screen and (max-width: 767px)'});
	}
	
	//alert("screen.width: "+screen.width+"\n"+"screen.height: "+screen.height);
	
	my.display='screen';
	
}else{
	my.layout = 'full';
	my.display='none';
	my.grid=false;
}


function deviceFeatureTest(){
	if(my.grid && my.layout == 'sd'  && (typeof(window.orientation) == "number") && screen.height == 1024){
	//  iPad or equivalent
	}
}