// JavaScript Document


// Google Analytics Code
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-23694614-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();


// Menu
var solutionSubMenu = new Array();
solutionSubMenu[0] =  	'<div style="position:absolute; left:195px">' + 
							'<a href="/solution/advantage.shtml" class="secondaryNav" id="advantage">Advantage</a> ' + 
					    '</div>';
solutionSubMenu[1] = 	'<div style="position:absolute; left:276px">' +						
							'<font class="secondaryNavFont">:</font> ' + 
					   	'</div>'; 
solutionSubMenu[2] =  	'<div style="position:absolute; left:296px">' + 
							'<a href="/solution/benefits.shtml" class="secondaryNav" id="benefits">Benefits</a> ' + 
					  	'</div>'; 
solutionSubMenu[3] = 	'<div style="position:absolute; left:360px">' +						
							'<font class="secondaryNavFont">:</font> ' + 
					   	'</div>'; 					 
solutionSubMenu[4] =   	'<div style="position:absolute; left:380px">' + 
							'<a href="/solution/technology.shtml" class="secondaryNav" id="technology">Technology</a> ' + 
					    '</div>';
solutionSubMenu[5] = 	'<div style="position:absolute; left:466px">' +						
							'<font class="secondaryNavFont">:</font> ' + 
					   	'</div>'; 
solutionSubMenu[6] = 	'<div style="position:absolute; left:486px">' + 
							'<a href="/solution/roi.shtml" class="secondaryNav" id="roi">ROI</a> ' + 
					 	'</div>';	 
solutionSubMenu[7] = 	'<div style="position:absolute; left:530px">' +						
							'<font class="secondaryNavFont">:</font> ' + 
					   	'</div>'; 					 
solutionSubMenu[8] = 	'<div style="position:absolute; left:550px">' + 
							'<a href="/solution/experience.shtml" class="secondaryNav" id="experience">Experience</a>' + 					 					 					 					 
					 	'</div>';
							

var evaluationSubMenu = new Array();
evaluationSubMenu[0] = 	'<div style="position:absolute; left:195px">' + 
							'<a href="/evaluation/compare.shtml" class="secondaryNav" id="compare">Compare</a> ' + 
					   	'</div>';
evaluationSubMenu[1] = 	'<div style="position:absolute; left:268px">' +						
							'<font class="secondaryNavFont">:</font> ' + 
					   	'</div>'; 						
evaluationSubMenu[2] = 	'<div style="position:absolute; left:288px">' + 
							'<a href="/evaluation/choose.shtml" class="secondaryNav" id="choose">Choose</a> ' + 
					   	'</div>';
evaluationSubMenu[3] = 	'<div style="position:absolute; left:352px">' +						
							'<font class="secondaryNavFont">:</font> ' + 
					   	'</div>';						
evaluationSubMenu[4] = 	'<div style="position:absolute; left:372px">' + 
							'<a href="/evaluation/implement.shtml" class="secondaryNav" id="implement">Implement</a>' +
						'</div>';
			   					   					   
/*******************************************************************
 * setMenu()
 *------------------------------------------------------------------
 * Purpose:  This method is used to determine which page has been 
 * 			 rendered and correspondingly sets the style to reflect
 *			 the selection in the navigation.  Uses Perl parsing to 
 *			 get the page name and extension.  
 * Dependency:  None
 * Input(s):  parent, child 
 * Created:  October 29, 2006
 * Author:  Kyle Cunningham <kyle@lottershelly.com>
 ******************************************************************/

function setMenu(parent, child, navType) {
	// determine which menu item(s) to highlight
	if (parent != 'root') {
		if (navType == 'main') {
			var parentNav = document.getElementById(parent).style;
			parentNav.color = '#003366';
			parentNav.fontWeight = 'bold';
			if (parent == 'solution') {showSubMenu('solution');}
			if (parent == 'evaluation') {showSubMenu('evaluation');}
			if (child != 'index') {
				childNav = document.getElementById(child).style;
				childNav.color = '#003366';
				childNav.fontWeight = 'bold';
			} // end if child
		} // end if navType == main
		else {	// navtype == header/footer
			var parentNav = document.getElementById(parent).style;
			parentNav.color = '#99ccff';
		} // end else	
	} // end if parent != root
	else {
		// set the b_home to on
		var img = document.getElementById('b_home');
		img.src = '/img/b_home_on.gif';
	}
	return;
} // end setMenu()

/*******************************************************************
 * showSubMenu(parent)
 *------------------------------------------------------------------
 * Purpose:  This method is used to gather the correct sub menu 
 * 			 provided a menu parent, and returns it to the caller
 *			 for display.  
 * Dependency:  Utilizes resetValidation(), validateEmail(), isNumeric()
 * Input(s): parent -> the navigation item the sub menu belongs to.
 * Created:  October 29, 2006
 * Author:  Kyle Cunningham <kyle@lottershelly.com>
 ******************************************************************/

function showSubMenu(parent) {
	var result = '';
	if (parent == 'solution') {
		for (i in solutionSubMenu) {
			result += solutionSubMenu[i]; 
		} // end for
	} // end if
	
	if (parent == 'evaluation') {
		for (i in evaluationSubMenu) {
			result += evaluationSubMenu[i]; 
		} // end for
	} // end if	
	
	var object = document.getElementById('secondaryNav');
	object.innerHTML = result;
	return; 
} // end showSubMenu

/*******************************************************************
 * validate()
 *------------------------------------------------------------------
 * Purpose:  This method is used to make sure all fields on ask_jennifer 
 * 			 have some value before submiting.  Additionally, email 
 *			 address is parsed for @, and phone numbers are numeric.  
 * Dependency:  None.
 * Input(s): None.
 * Created:  December 4, 2006
 * Author:  Kyle Cunningham <kyle@lottershelly.com>
 ******************************************************************/

function validate() {
	resetValidation('ask_jennifer');
	var errorFlag = false;
	if ((document.getElementById('first_name').value == '')||(document.getElementById('first_name').value == undefined)) {
		document.getElementById('l_first_name').style.color = 'red';
		document.getElementById('l_first_name').style.fontWeight = 'bold';
		document.getElementById('first_name').style.background = '#E19999';
		errorFlag = true;
	} if ((document.getElementById('last_name').value == '')||(document.getElementById('last_name').value == undefined)) {
		document.getElementById('l_last_name').style.color = 'red';
		document.getElementById('l_last_name').style.fontWeight = 'bold';
		document.getElementById('last_name').style.background = '#E19999';
		errorFlag = true;
	} if ((document.getElementById('f_company').value == '')||(document.getElementById('f_company').value == undefined)) {
		document.getElementById('l_company').style.color = 'red';
		document.getElementById('l_company').style.fontWeight = 'bold';
		document.getElementById('f_company').style.background = '#E19999';
		errorFlag = true;
	} if ((document.getElementById('email').value == '')||(document.getElementById('email').value == undefined)||(!validateEmail(document.getElementById('email').value))) {
		document.getElementById('l_email').style.color = 'red';
		document.getElementById('l_email').style.fontWeight = 'bold';
		document.getElementById('email').style.background = '#E19999';
		errorFlag = true;
	} if ((document.getElementById('phone').value == '')||(document.getElementById('phone').value == undefined)||(!validatePhone(document.getElementById('phone').value))) {
		document.getElementById('l_phone').style.color = 'red';
		document.getElementById('l_phone').style.fontWeight = 'bold';
		document.getElementById('phone').style.background = '#E19999';
		errorFlag = true;
	} if ((document.getElementById('description').value == '')||(document.getElementById('description').value == undefined)) {
		document.getElementById('l_description').style.color = 'red';
		document.getElementById('l_description').style.fontWeight = 'bold';
		document.getElementById('description').style.background = '#E19999';
		errorFlag = true;
	} if (errorFlag) {
		document.getElementById('heading').src = '../img/Please_Correct.gif';
		document.getElementById('ask_jennifer_text').innerHTML = 'We have found errors in the fields marked below. Please revise and submit again. All fields must be completed.';
		return false;
	} else { return true;}
}


/*******************************************************************
 * validateWatchJennifer()
 *------------------------------------------------------------------
 * Purpose:  This method is used to make sure all fields on watch_jennifer 
 * 			 have some value before submiting.  
 * 			 Additionally, email address is parsed for @, and phone 
 *			 numbers must be numeric.  
 * Dependency:  None.
 * Input(s): None.
 * Created:  March 28, 2007
 * Author:  Kyle Cunningham <kyle@lottershelly.com>
 ******************************************************************/

function validateWatchJennifer() {
	resetValidation('watch_jennifer');
	var errorFlag = false;
	if ((document.getElementById('first_name').value == '')||(document.getElementById('first_name').value == undefined)) {
		document.getElementById('l_first_name').style.color = 'red';
		document.getElementById('l_first_name').style.fontWeight = 'bold';
		document.getElementById('first_name').style.background = '#E19999';
		errorFlag = true;
	} if ((document.getElementById('last_name').value == '')||(document.getElementById('last_name').value == undefined)) {
		document.getElementById('l_last_name').style.color = 'red';
		document.getElementById('l_last_name').style.fontWeight = 'bold';
		document.getElementById('last_name').style.background = '#E19999';
		errorFlag = true;
	} if ((document.getElementById('f_company').value == '')||(document.getElementById('f_company').value == undefined)) {
		document.getElementById('l_company').style.color = 'red';
		document.getElementById('l_company').style.fontWeight = 'bold';
		document.getElementById('f_company').style.background = '#E19999';
		errorFlag = true;
	} if ((document.getElementById('email').value == '')||(document.getElementById('email').value == undefined)||(!validateEmail(document.getElementById('email').value))) {
		document.getElementById('l_email').style.color = 'red';
		document.getElementById('l_email').style.fontWeight = 'bold';
		document.getElementById('email').style.background = '#E19999';
		errorFlag = true;
	} if ((document.getElementById('phone').value == '')||(document.getElementById('phone').value == undefined)||(!validatePhone(document.getElementById('phone').value))) {
		document.getElementById('l_phone').style.color = 'red';
		document.getElementById('l_phone').style.fontWeight = 'bold';
		document.getElementById('phone').style.background = '#E19999';
		errorFlag = true;
	} if (errorFlag) {
		document.getElementById('heading').src = '../img/Please_Correct.gif';
		document.getElementById('watch_jennifer_text').innerHTML = 'We have found errors in the fields marked below. Please revise and submit again. All fields must be completed.';
		return false;
	} else { return true;}
}

/*******************************************************************
 * validateWatchMotorolla()
 *------------------------------------------------------------------
 * Purpose:  This method is used to make sure all fields on watch_motorolla 
 * 			 have some value before submiting.  
 * 			 Additionally, email address is parsed for @, and phone 
 *			 numbers must be numeric.  
 * Dependency:  None.
 * Input(s): None.
 * Created:  March 28, 2007
 * Author:  Kyle Cunningham <kyle@lottershelly.com>
 ******************************************************************/

function validateWatchMotorolla() {
	resetValidation('watch_motorolla');
	var errorFlag = false;
	if ((document.getElementById('first_name').value == '')||(document.getElementById('first_name').value == undefined)) {
		document.getElementById('l_first_name').style.color = 'red';
		document.getElementById('l_first_name').style.fontWeight = 'bold';
		document.getElementById('first_name').style.background = '#E19999';
		errorFlag = true;
	} if ((document.getElementById('last_name').value == '')||(document.getElementById('last_name').value == undefined)) {
		document.getElementById('l_last_name').style.color = 'red';
		document.getElementById('l_last_name').style.fontWeight = 'bold';
		document.getElementById('last_name').style.background = '#E19999';
		errorFlag = true;
	} if ((document.getElementById('f_company').value == '')||(document.getElementById('f_company').value == undefined)) {
		document.getElementById('l_company').style.color = 'red';
		document.getElementById('l_company').style.fontWeight = 'bold';
		document.getElementById('f_company').style.background = '#E19999';
		errorFlag = true;
	} if ((document.getElementById('email').value == '')||(document.getElementById('email').value == undefined)||(!validateEmail(document.getElementById('email').value))) {
		document.getElementById('l_email').style.color = 'red';
		document.getElementById('l_email').style.fontWeight = 'bold';
		document.getElementById('email').style.background = '#E19999';
		errorFlag = true;
	} if ((document.getElementById('phone').value == '')||(document.getElementById('phone').value == undefined)||(!validatePhone(document.getElementById('phone').value))) {
		document.getElementById('l_phone').style.color = 'red';
		document.getElementById('l_phone').style.fontWeight = 'bold';
		document.getElementById('phone').style.background = '#E19999';
		errorFlag = true;
	} if (errorFlag) {
		document.getElementById('heading').src = '../img/Please_Correct.gif';
		document.getElementById('watch_jennifer_text').innerHTML = 'We have found errors in the fields marked below. Please revise and submit again. All fields must be completed.';
		return false;
	} else { return true;}
}



function validateEmail(str) {
	var at="@"
	var dot="."
	var lat=str.indexOf(at)
	var lstr=str.length
	var ldot=str.indexOf(dot)
	if (str.indexOf(at)==-1) {return false}
	if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr) {return false}
	if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)==lstr) {return false}
	if (str.indexOf(at,(lat+1))!=-1) {return false}
 	if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot) {return false}
    if (str.indexOf(dot,(lat+2))==-1) {return false}
	if (str.indexOf(" ")!=-1) {return false}
    return true					
} // end

function validatePhone(phoneNumber) {
    if (phoneNumber == '') {return false;}
	else {
		var stripped = phoneNumber.replace(/[\(\)\.\-\ ]/g, '');
		if (isNaN(parseInt(stripped))) {
   			error = false;
		}
		else {return true;}
	}	
} // end validatePhone()

function resetValidation(flag) {
	document.getElementById('l_first_name').style.color = 'black';
	document.getElementById('l_first_name').style.fontWeight = 'normal';
	document.getElementById('first_name').style.background = '#FFFFFF';
	
	document.getElementById('l_last_name').style.color = 'black';
	document.getElementById('l_last_name').style.fontWeight = 'normal';
	document.getElementById('last_name').style.background = '#FFFFFF';
	
	document.getElementById('l_company').style.color = 'black';
	document.getElementById('l_company').style.fontWeight = 'normal';
	document.getElementById('f_company').style.background = '#FFFFFF';
	
	document.getElementById('l_email').style.color = 'black';
	document.getElementById('l_email').style.fontWeight = 'normal';
	document.getElementById('email').style.background = '#FFFFFF';
	
	document.getElementById('l_phone').style.color = 'black';
	document.getElementById('l_phone').style.fontWeight = 'normal';
	document.getElementById('phone').style.background = '#FFFFFF';
	
	if (flag == 'ask_jennifer') {
		document.getElementById('l_description').style.color = 'black';
		document.getElementById('l_description').style.fontWeight = 'normal';
		document.getElementById('description').style.background = '#FFFFFF';
	}
	return;
}