function imgSrv(){
	//get window width and height
	var windowWidth = 0, windowHeight = 0;
	if(typeof(window.innerWidth) == 'number'){
			windowWidth = window.innerWidth;
			windowHeight = window.innerHeight;
		}else if(document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)){
			windowWidth = document.documentElement.clientWidth;
			windowHeight = document.documentElement.clientHeight;
		}else if(document.body && (document.body.clientWidth || document.body.clientHeight)){
			windowWidth = document.body.clientWidth;
			windowHeight = document.body.clientHeight;
	}
	//serve images
	function srv(ref,image,height){
		document.getElementById(ref).style.backgroundImage = "url('./images/"+ image +"')";
		document.getElementById(ref).style.height = ""+ height +"px";
	}
	//check image to serve based on screen width
	if(windowWidth <= 150){
		//header
		srv('hdL','hdLs.png','55');
		//banner
		//srv('bH','bHs.png','46');
	}else if(windowWidth > 150 && windowWidth < 250){
		//header
		srv('hdL','hdLm.png','72');
		//banner
		//srv('bH','bHm.png','57');
	}else if(windowWidth >= 250 && windowWidth < 300){
		//header
		srv('hdL','hdLl.png','115');
		//banner
		//srv('bH','bHl.png','95');
	}else if(windowWidth >= 300 && windowWidth < 350){
		//header
		srv('hdL','hdLl.png','115');
		//banner
		//srv('bH','bHb.png','114');
	}else if(windowWidth > 350){
		//header
		//srv('hdL','hdLe.png','140');
		srv('hdL','hdLl.png','115');
		//banner
		//srv('bH','bHe.png','133');
	}
	
	if(windowWidth < 160){
		//resize
		document.getElementById('sabcLogo').width = (windowWidth - 10);
	}else{
		//default
		document.getElementById('sabcLogo').width = '150';
	}
}
//call function on load
/*
window.onload = function(){
	imgSrv();
}
*/
//call function on resize
window.onresize = function(){
	imgSrv();
}