function $(id) {
	return document.getElementById(id);
}
		
function preloadImages() {

	var box_bg_on = new Image();
	box_bg_on.src = "images/box_bg_on.png";
	
	var artwork_on = new Image();
	box_bg_on.src = "images/artwork_on.png";
	
	var web_design_on = new Image();
	web_design_on.src = "images/web_design_on.png";
	
	var graphic_design_on = new Image();
	graphic_design_on.src = "images/graphic_design_on.png";
	
}

function createBoxLinks() {
	var webdesign = $('webdesign');
	webdesign.onclick = function() {
		window.location = "?m=webdesign";
	};
	webdesign.onmouseover = function() {
		this.getElementsByTagName("img")[0].src = "images/web_design_on.png";
		this.style.backgroundImage = "url(images/box_bg_on.png)";
	}
	webdesign.onmouseout = function() {
		this.getElementsByTagName("img")[0].src = "images/web_design.png";
		this.style.backgroundImage = "url(images/box_bg.png)";
	}
	
	var graphicdesign = $('graphicdesign');
	graphicdesign.onclick = function() {
		window.location = "?m=graphicdesign";
	};
	graphicdesign.onmouseover = function() {
		this.getElementsByTagName("img")[0].src = "images/graphic_design_on.png";
		this.style.backgroundImage = "url(images/box_bg_on.png)";
	}
	graphicdesign.onmouseout = function() {
		this.getElementsByTagName("img")[0].src = "images/graphic_design.png";
		this.style.backgroundImage = "url(images/box_bg.png)";
	}	
	
	var artwork = $('artwork');
	artwork.onclick = function() {
		window.location = "?m=artwork";
	};
	artwork.onmouseover = function() {
		this.getElementsByTagName("img")[0].src = "images/artwork_on.png";
		this.style.backgroundImage = "url(images/box_bg_on.png)";
	}
	artwork.onmouseout = function() {
		this.getElementsByTagName("img")[0].src = "images/artwork.png";
		this.style.backgroundImage = "url(images/box_bg.png)";
	}	
			
}
		
function initGraphicDesignPage() {
	var gdinfo = $('gdinfo');
	$("logodesign").onclick = function() {
		gdinfo.innerHTML = $('logodesign_info').innerHTML;
		return false;
	};
	$("stationary").onclick = function() {
		gdinfo.innerHTML = $('stationary_info').innerHTML;
		return false;
	};
	$("brochures").onclick = function() {
		gdinfo.innerHTML = $('brochures_info').innerHTML;
		return false;
	};
	$("branding").onclick = function() {
		gdinfo.innerHTML = $('branding_info').innerHTML;
		return false;	
	};
	$("leaflets").onclick = function() {
		gdinfo.innerHTML = $('leaflets_info').innerHTML;
		return false;
	};
			
	$("sleeveart").onclick = function() {
		gdinfo.innerHTML = $('sleeveart_info').innerHTML;
		return false;
	};	
}

function initializeGMap() {

    if (GBrowserIsCompatible()) {
		var latlng = new GLatLng(53.9514598, -1.0688218);
		var map = new GMap2(document.getElementById("gmap"));
		map.setCenter(latlng, 15);
        map.setUIToDefault();
		map.addOverlay(new GMarker(latlng));
    }

 }