var browserName=navigator.appName;

// START OF IMAGE ROLLOVER SCRIPTING

	var cellName = null;
	
	//images directory path:
    var buttDir = "images/nav/"; 
	//number of images:
	var n = 12;
	imgName = new Array(n);
	img_on = new Array(n);
	img_off = new Array(n);
	
// define image names (without _on.gif or _off.gif)
	imgName[1] = "currentprojects";
	imgName[2] = "film";
	imgName[3] = "outdoor";
	imgName[4] = "branding";
	imgName[5] = "webdevelopment";
	imgName[6] = "print";
	imgName[7] = "software";
	imgName[8] = "navhome";
	imgName[9] = "navabout";
	imgName[10] = "navportfolio";
	imgName[11] = "navcontact";
	imgName[12] = "other";
	

// pre-load images if "Image" is defined
// this part is for changing buttons
	if(document.images) {
		for (var c=1; c<=n; c++) {
			img_off[c] = new Image();
			img_off[c].src = buttDir +  imgName[c] + "_off.gif";
			img_on[c]  = new Image();
			img_on[c].src  = buttDir +  imgName[c] + "_on.gif";
		}
	}

// setting for onMouseOver
	function over(i) {
		var dd = imgName[i];
		if (document.images) {
			document[dd].src = img_on[i].src;
		}
	}

// settings for onMouseOut
	function out(j) {
		var dd = imgName[j];
		if (document.images) {
			document[dd].src = img_off[j].src;
		
		}
	}

// END OF IMAGE ROLLOVER SCRIPTING