$(document).ready(function() {

    try {
		var $winwidth = $(window).width();
		
		$("img.background_img").attr({
			width: $winwidth
		});
		
		$(window).bind("resize", function(){
			var $winwidth = $(window).width();
			$("img.background_img").attr({
				width: $winwidth
			});
		});
		
		// get object representing the primary monitor
		var width = screen.width;
		var height = screen.height;

		// check if resolution is higher than 800x600
		if(width > 800 && height > 600)
		{
			// loadjscssfile("style.css", "css");
			// loadjscssfile("menu.css", "css");
		}
		else
		{
			// loadjscssfile("style800.css", "css");
			// loadjscssfile("menu800.css", "css");
		}
		
	} catch (e) {
	
		alert(e);
	}
});

function loadjscssfile(filename, filetype){
	
	try {
		if (filetype=="js"){ //if filename is a external JavaScript file
		var fileref=document.createElement('script')
			fileref.setAttribute("type","text/javascript")
			fileref.setAttribute("src", filename)
		}
		else if (filetype=="css"){ //if filename is an external CSS file
			var fileref=document.createElement("link")
			fileref.setAttribute("rel", "stylesheet")
			fileref.setAttribute("type", "text/css")
			fileref.setAttribute("href", filename)
		}
		if (typeof fileref!="undefined")
			document.getElementsByTagName("head")[0].appendChild(fileref)
	} catch (e) {
	
		alert(e);
	}
}