/*
 Template: proteck.js
	Author: Steven Franzman
	Date: 09/29/2006
	Purpose: Javascript library
*/

// preload images
if (document.images) {	
	var proteck_bkgrnd = new Image; // site page background	
	var proteck_logo = new Image; // site logo
	
	proteck_bkgrnd.src = 'images/proteck_bkgrnd.jpg'; // site page background	
	proteck_logo.src = 'images/proteck_logo.gif'; // site logo	
	
	switch (screen) {
		case 0: // home page			
			var proteck_home = new Image; // site home page image
			
			proteck_home.src = 'images/proteck_home_img.jpg';			
			break;
				
		case 1: // property services
			var proteck_ps_img1 = new Image; // property services image 1
			var proteck_ps_img2 = new Image; // property services image 2
			var proteck_ps_img3 = new Image; // property services image 3
			var proteck_ps_img4 = new Image; // property services image 4
			//var proteck_ps_img5 = new Image; // property services image 5
			//var proteck_ps_img6 = new Image; // property services image 6
			
			// gallery display variables
			var image1 = '1';
			var image2 = '2';
			var image3 = '3';
			var image4 = '4';	
			var image5 = '5';
			var image6 = '6';
	
			proteck_ps_img1.src = 'images/proteck_prop_svc_img' + image1 + '.jpg'; // property services image 1
			proteck_ps_img2.src = 'images/proteck_prop_svc_img' + image2 + '.jpg'; // property services image 2
			proteck_ps_img3.src = 'images/proteck_prop_svc_img' + image3 + '.jpg'; // property services image 3
			proteck_ps_img4.src = 'images/proteck_prop_svc_img' + image4 + '.jpg'; // property services image 4	
			//proteck_ps_img5.src = 'images/proteck_prop_svc_img' + image5 + '.jpg'; // property services image 5
			//proteck_ps_img6.src = 'images/proteck_prop_svc_img' + image6 + '.jpg'; // property services image 6
			break;
			
		case 2: // helpful sites			
			var proteck_ashi_logo = new Image; // ashi logo
			var proteck_creia_logo = new Image; // creia logo
			
			proteck_ashi_logo.src = 'images/ashi_logo_40.gif'; // ashi logo
			proteck_creia_logo.src = 'images/creia_logo_40.gif'; // creia logo
			break;
			
		case 3: // contact us
			var proteck_ashi_member_logo_75 = new Image; // ashi member logo
			var proteck_creia_logo_75 = new Image; // creia logo
			var proteck_intuit_yes_i_accept = new Image; // credit card acceptance logo
				
			proteck_ashi_member_logo_75.src = 'images/ashi_member_logo_75.gif'; // ashi member logo
			proteck_creia_logo_75.src = 'images/creia_logo_75.gif'; // creia logo
			proteck_intuit_yes_i_accept.src = 'images/intuit_yes_i_accept.jpg'; // credit card acceptance logo
			break;
	}
} else {
	// set value to null if not document.images	
	proteck_bkgrnd.src = '';	
	proteck_logo.src = '';
	proteck_home.src = '';
	proteck_ps_img1.src = '';
	proteck_ps_img2.src = '';
	proteck_ps_img3.src = '';
	proteck_ps_img4.src = '';
	proteck_ps_img5.src = '';
	proteck_ps_img6.src = '';	
	proteck_ashi_logo.src = '';
	proteck_creia_logo.src = '';
	proteck_ashi_member_logo_75.src = '';
	proteck_creia_logo_75.src = '';
	proteck_intuit_yes_i_accept.src = '';
}	

// functionality scripts

// new window function
function newWindow(siteurl) {
	imageWin = window.open(siteurl, 'site_win', 'width = 750, height = 550, location = 1, menubar = 1, resizable = 1, scrollbars = 1, toolbar = 1')
	imageWin.focus();
}

// mouseover and mouseout function
function mouse(type,item, page) {
	if (page == screen) { // page and screen are the same
		type = 1; // mouseOver
	}
	if (type == 0) { // MouseOut
		eval(item + '.style.fontStyle = "normal";'); // set style to normal
		eval(item + '.style.color = "#000000";'); // set font color (black)
		eval(item + '.style.fontWeight = "";');	// set font weight to normal
		eval(item + '.style.background = "";');	// reset text background color
		eval('document.getElementById("menu' + page + '").style.background = "";'); // reset cell background color
	} else if (type == 1) { // MouseOver
		eval(item + '.style.fontStyle = "normal";'); // set style to normal
		eval(item + '.style.color = "#FFFFFE";'); // set font color (white)
		eval(item + '.style.fontWeight = "";');	// set font weight to bold
		eval(item + '.style.background = "#000099";');	// set set font background color (pro-teck blue)
		eval('document.getElementById("menu' + page + '").style.background = "#000099";'); // set cell background color (pro-teck blue)
	}
}

// menu scripts

// main menu array
var menuArray = new Array();

// site url
//var url = 'http://localhost/proteck/index.cfm'; // set default local home page
//var url =  'http://www.inetpart.com/proteck/index.cfm'; // test root url
var url = 'http://www.proteckpropertyinspections.com/index.cfm'; // set default production home page

// menu item width
var mwidth = 25;

// menu items
// menu display - 0, url - 1, seperator width - 2, display width - 3
menuArray[0] = 'Home,' + url + ',1,' + mwidth;
menuArray[1] = 'Property Services,' + url + '?ACT=1,1,' + mwidth;
menuArray[2] = 'Helpful Sites,' + url + '?ACT=2,1,' + mwidth;
//menuArray[3] = 'Appointments,'+ url + '?ACT=3,1,' + mwidth;
menuArray[3] = 'Contact Us,' + url + '?ACT=3,1,' + mwidth;

// main menu function
var item = '';
function menu() {
	document.write('<tr><td><table align="center" border="0" cellpadding="0" cellspacing="0" width="85%">');
	document.write('<tr>');
	for (var i = 0; i < menuArray.length; i++) { // process menu  item and build menu
		item = menuArray[i].split(',');	// set array value
		if (i == 0) { // first menu item
			document.write('<td align="center" class="menu" width="' + item[2] + '%">&nbsp;</td>'); // first space in menu display
			document.write('<td align="center" class="menu" id="menu' + i + '" width="' + item[3] + '%">'); // first menu display item
			document.write('<a href="' + item[1] + '" title="' + item[0] + '" class="link-menu" id="col' + i + '" onmouseover="mouse(1, this.id,' + i + ');" onmouseout="mouse(0, this.id,' + i + ');">' + item[0] + '</a></td>');	
			document.write('<td align="center" class="menu" width="' + item[2] + '%">&nbsp;</td>');
		} else { // all other menu items
			document.write('<td align="center" bgColor="" class="menu" id="menu' + i + '" width="' + item[3] + '%">');	
			document.write('<a href="' + item[1] + '" title="' + item[0] + '" class="link-menu" id="col' + i + '" onmouseover="mouse(1, this.id,' + i + ');" onmouseout="mouse(0, this.id,' + i + ');">' + item[0] + '</a></td>');	
			document.write('<td align="center" class="menu" width="' + item[2] + '%">&nbsp;</td>');
		}			
	}
	document.write('</tr>');
	document.write('</table></td></tr>');
}


