//<![CDATA[

$(document).ready(function(){
	$('.thumbs a').lightBox(); 
	$('a.preview').lightBox(); 
});


window.onload=function(){

document.getElementById('res-info').innerHTML = "Your screen size is <span style='font-size:110%'>"+screen.width+" x "+screen.height+"</span>";

document.getElementById('tab1').style.display = 'none';
document.getElementById('tab2').style.display = 'none';
document.getElementById('tab3').style.display = 'none';
document.getElementById('tab4').style.display = 'none';

if(screen.width <= 800) {
   document.getElementById('tab1').style.display = 'block';
   document.getElementById('tabchoice1').className = 'selected-tab';
}
else if(screen.width <= 1024 && screen.width > 800) {
   document.getElementById('tab2').style.display = 'block';
   document.getElementById('tabchoice2').className = 'selected-tab';
}
else if(screen.width <= 1280 && screen.width > 1024) {
      document.getElementById('tab3').style.display = 'block';
      document.getElementById('tabchoice3').className = 'selected-tab';
}
else {
   document.getElementById('tab4').style.display = 'block';
   document.getElementById('tabchoice4').className = 'selected-tab';
}

}

function selectTab(i) {
document.getElementById('tab1').style.display = 'none';
document.getElementById('tab2').style.display = 'none';
document.getElementById('tab3').style.display = 'none';
document.getElementById('tab4').style.display = 'none';

document.getElementById('tabchoice1').className = 'tab';
document.getElementById('tabchoice2').className = 'tab';
document.getElementById('tabchoice3').className = 'tab';
document.getElementById('tabchoice4').className = 'tab';

document.getElementById('tab'+i).style.display = 'block';
document.getElementById('tabchoice'+i).className = 'selected-tab';

}

//]]>