
<!-- script to load style sheet based on screen res -->


function getcss(cssfile){

loadcss = document.createElement('link')

loadcss.setAttribute("rel", "stylesheet")

loadcss.setAttribute("type", "text/css")


loadcss.setAttribute("href", cssfile)

document.getElementsByTagName("head")[0].appendChild(loadcss)


}


if(screen.width > '1024' && screen.width < '1600')
//Targeting screen resolutions between 1024 and 1600px wide

{

getcss('/styles/1280x1024-lbl.css')
//Load 1280x1024.css

}


else if(screen.width > '800' && screen.width < '1280') 
//This time we're targeting all resolutions between 800 and 1280 pixels wide

{

getcss('/styles/1024x768-lbl.css') 
//And we want to load the .css file named "1024x768-lbl.css"

}


else if(screen.width > '1600' && screen.width < '2500')
//Targeting screen resolutions between 1600 and 2500px wide

{

getcss('/styles/1680x1024-lbl.css')
//Load 1680x1024.css


}


else if(screen.width <= '800') 
//Defines the resolution range you're targeting (less than 800 pixels wide in this case)

{

getcss('/styles/800x600-lbl.css') 
//Defines the .css file you want to load for this range (800x600-lbl.css)

}


else {

getcss('/styles/1280x1024-lbl.css')
//This else statement has "if" condition. If none of the following criteria are met, load 1280x1024.css

} 


//delay to display closure image

function Func1() {

var x = document.getElementById("closure");

if (x) {

document.getElementById("closure").style.visibility="visible";

}


var z = document.getElementById("closure-Combo");
if (z) {


document.getElementById("closure-Combo").style.visibility="visible";

}
 
 }

function Func1Delay()
{
setTimeout("Func1()", 2000);

}

Func1Delay ()