<!--
// JavaScript Document
// Author: Mike Turner, Youthography Inc.

//create function on page load
window.onload = function(){
	//switch_status['xray_switch'] = 'off';
	preloadImages();
}//window.onload

//this funtion is called when the page loads
function preloadImages(){
	if (document.images){
		preload_image_object = new Image();
		// set image url
		image_url = new Array();
		image_url[0] = "images/clipboard_bg.gif";
		image_url[1] = "images/clipboard_close.gif";
		image_url[2] = "images/eyes_over.gif";
		image_url[3] = "images/flare.gif";
		image_url[4] = "images/inside_bg.gif";
		image_url[5] = "images/inside_drool.gif";
		image_url[6] = "images/inside_facts.gif";
		image_url[7] = "images/inside_home.gif";
		image_url[8] = "images/inside_home2.gif";
		image_url[9] = "images/inside_sticker.gif";
		image_url[10] = "images/inside_tactics.gif";
		image_url[11] = "images/logo_home.gif";
		image_url[12] = "images/nose_over.gif";
		image_url[13] = "images/spin_over.gif";
		image_url[14] = "images/submit.gif";
		image_url[15] = "images/switch_off.gif";
		image_url[16] = "images/switch_on.gif";
		image_url[17] = "images/teeth_over.gif";
		image_url[18] = "images/txt_drool.gif";
		image_url[19] = "images/txt_facts.gif";
		image_url[20] = "images/txt_sinister.gif";
		image_url[21] = "images/txt_stickem.gif";
		image_url[22] = "images/xray_outside.gif";
		var i = 0;
		for(i=0; i<=22; i++) 
		 preload_image_object.src = image_url[i];
	}	
}//preloadImages

//this function is called when the xray machine switch is clicked
//it will toggle the switch on and off
switch_status = new Array();
function toggleSwitch(){
	if(document.getElementById){
		var switch_id = document.getElementById('xray_switch');
		//if the switch is not on
		if(switch_status[switch_id] != 'on'){
			//turn it on
			switch_id.src = 'images/switch_on.gif';
			switch_status[switch_id] = 'on';
		}else{
			//turn it off
			switch_id.src = 'images/switch_off.gif';
			switch_status[switch_id] = 'off';
		}//if
	}//if
}//toggleSwitch

////this function will use scriptaculous Appear effect
////to fade in an element. It accepts the element id as a parameter
//function fadeIn(theId){
//	new Effect.Appear(theId, { duration: 1.1 });
//}//fadeIn
//
////this function will use hide an element
////It accepts the element id as a parameter
//function hide(theId){
//	if(document.getElementById){
//		//new Effect.Fade(theId, { duration: 1.1 });
//		document.getElementById(theId).style.display = 'none';
//		//document.getElementById(theId).style.visibility = 'hidden';
//	}//if
//	
//}//fadeIn

//************************************************** Facts ***************************************************
function changeToFacts(){
	if(document.getElementById){
		new Effect.Fade('inside_home', { duration:1.4,  fps: 100, transition: Effect.Transitions.wobble, afterFinish: showFacts });
	}//if
}//changeToFacts
function showFacts(obj){
	flash();
	new Effect.Appear('inside_facts', { duration:1.4,  fps: 100, transition: Effect.Transitions.wobble, afterFinish: showClipBoard });
}//showFacts
function showFactsCopy(obj){
	document.getElementById('facts_copy_container').style.display = 'block';
	document.getElementById('facts_track').style.display = 'block';
	//initialize vertical slider control
	var slider1 = new Control.Slider('facts_handle', 'facts_track', {
		axis: 'vertical',
		onSlide: function(v) { scrollVertical(v, $('facts_scrollable'), slider1);  },
		onChange: function(v) { scrollVertical(v, $('facts_scrollable'), slider1); }
	});	
	// disable vertical scrolling if text doesn't overflow the div
	if ($('facts_scrollable').scrollHeight <= $('facts_scrollable').offsetHeight) {
		slider1.setDisabled();
		$('facts_track').hide();
	}
}

//************************************************** Sinister Tactics ***************************************************
function changeToTactics(){
	if(document.getElementById){
		new Effect.Fade('inside_home', { duration:1.4,  fps: 100, transition: Effect.Transitions.wobble, afterFinish: showTactics });
	}//if
}//changeToFacts
function showTactics(obj){
	flash();
	new Effect.Appear('inside_tactics', { duration:1.4,  fps: 100, transition: Effect.Transitions.wobble, afterFinish: showClipBoard });
}//showFacts
function showTacticsCopy(obj){
	document.getElementById('tactics_copy_container').style.display = 'block';
	document.getElementById('tactics_track').style.display = 'block';
	//initialize vertical slider control
	var slider2 = new Control.Slider('tactics_handle', 'tactics_track', {
		axis: 'vertical',
		onSlide: function(v) { scrollVertical(v, $('tactics_scrollable'), slider2);  },
		onChange: function(v) { scrollVertical(v, $('tactics_scrollable'), slider2); }
	});	
	// disable vertical scrolling if text doesn't overflow the div
	if ($('tactics_scrollable').scrollHeight <= $('tactics_scrollable').offsetHeight) {
		slider2.setDisabled();
		$('tactics_track').hide();
	}
}

function showHomePage(){
	if(document.getElementById){
		document.getElementById('inside_facts').style.display = 'none';
		document.getElementById('facts_copy_container').style.display = 'none';
		document.getElementById('inside_tactics').style.display = 'none';
		document.getElementById('tactics_copy_container').style.display = 'none';
		flash();
		hideClipBoard();
		new Effect.Appear('inside_home', { duration:1.4,  fps: 100, transition: Effect.Transitions.wobble });
	}//if
}//showHomePage

//************************************************** Drool Much ******************************************************
function changeToDrool(){
	if(document.getElementById){
		new Effect.Fade('inside_home', { duration:1.4,  fps: 100, transition: Effect.Transitions.wobble, afterFinish: showDrool });
	}//if	
}//changeToFacts
function showDrool(obj){
	flash();
	new Effect.Appear('inside_drool', { duration:1.4,  fps: 100, transition: Effect.Transitions.wobble, afterFinish: showClipBoard });
}//showFacts
function showDroolCopy(obj){
	document.getElementById('drool_copy_container').style.display = 'block';
	document.getElementById('drool_track').style.display = 'block';
	//initialize vertical slider control
	var slider2 = new Control.Slider('drool_handle', 'drool_track', {
		axis: 'vertical',
		onSlide: function(v) { scrollVertical(v, $('drool_scrollable'), slider2);  },
		onChange: function(v) { scrollVertical(v, $('drool_scrollable'), slider2); }
	});	
	// disable vertical scrolling if text doesn't overflow the div
	if ($('drool_scrollable').scrollHeight <= $('drool_scrollable').offsetHeight) {
		slider2.setDisabled();
		$('drool_track').hide();
	}
}

//************************************************** Stickem Up ******************************************************
function changeToSticker(){
	if(document.getElementById){
		new Effect.Fade('inside_home', { duration:1.4,  fps: 100, transition: Effect.Transitions.wobble, afterFinish: showSticker });
	}//if	
}//changeToFacts
function showSticker(obj){
	flash();
	new Effect.Appear('inside_sticker', { duration:1.4,  fps: 100, transition: Effect.Transitions.wobble, afterFinish: showClipBoard });
}//showFacts
function showStickerCopy(obj){
	document.getElementById('sticker_copy_container').style.display = 'block';
	document.getElementById('sticker_track').style.display = 'block';
	//initialize vertical slider control
	var slider2 = new Control.Slider('sticker_handle', 'sticker_track', {
		axis: 'vertical',
		onSlide: function(v) { scrollVertical(v, $('sticker_scrollable'), slider2);  },
		onChange: function(v) { scrollVertical(v, $('sticker_scrollable'), slider2); }
	});	
	// disable vertical scrolling if text doesn't overflow the div
	if ($('sticker_scrollable').scrollHeight <= $('sticker_scrollable').offsetHeight) {
		slider2.setDisabled();
		$('sticker_track').hide();
	}
}

//************************************************** Links ******************************************************
function changeToLinks(){
	if(document.getElementById){
		new Effect.Fade('inside_home', { duration:1.4,  fps: 100, transition: Effect.Transitions.wobble, afterFinish: showLinks });
	}//if	
}//changeToFacts
function showLinks(obj){
	flash();
	new Effect.Appear('inside_links', { duration:1.4,  fps: 100, transition: Effect.Transitions.wobble, afterFinish: showClipBoard });
}//showFacts
function showLinksCopy(obj){
	document.getElementById('links_copy_container').style.display = 'block';
	document.getElementById('links_track').style.display = 'block';
	//initialize vertical slider control
	var slider2 = new Control.Slider('links_handle', 'links_track', {
		axis: 'vertical',
		onSlide: function(v) { scrollVertical(v, $('links_scrollable'), slider2);  },
		onChange: function(v) { scrollVertical(v, $('links_scrollable'), slider2); }
	});	
	// disable vertical scrolling if text doesn't overflow the div
	if ($('links_scrollable').scrollHeight <= $('links_scrollable').offsetHeight) {
		slider2.setDisabled();
		$('links_track').hide();
	}
}

//************************************************** Legal ******************************************************
function changeToLegal(){
	if(document.getElementById){
		new Effect.Fade('inside_home', { duration:1.4,  fps: 100, transition: Effect.Transitions.wobble, afterFinish: showLegal });
	}//if	
}//changeToFacts
function showLegal(obj){
	flash();
	new Effect.Appear('inside_legal', { duration:1.4,  fps: 100, transition: Effect.Transitions.wobble, afterFinish: showClipBoard });
}//showFacts
function showLegalCopy(obj){
	document.getElementById('legal_copy_container').style.display = 'block';
	document.getElementById('legal_track').style.display = 'block';
	//initialize vertical slider control
	var slider2 = new Control.Slider('legal_handle', 'legal_track', {
		axis: 'vertical',
		onSlide: function(v) { scrollVertical(v, $('legal_scrollable'), slider2);  },
		onChange: function(v) { scrollVertical(v, $('legal_scrollable'), slider2); }
	});	
	// disable vertical scrolling if text doesn't overflow the div
	if ($('legal_scrollable').scrollHeight <= $('legal_scrollable').offsetHeight) {
		slider2.setDisabled();
		$('legal_track').hide();
	}
}


//******************************************* Shared ************************************************

//this function will close all pages and display the home page
function showHomePage(){
	if(document.getElementById){
		document.getElementById('inside_facts').style.display = 'none';
		document.getElementById('facts_copy_container').style.display = 'none';
		document.getElementById('inside_tactics').style.display = 'none';
		document.getElementById('tactics_copy_container').style.display = 'none';
		document.getElementById('inside_drool').style.display = 'none';
		document.getElementById('drool_copy_container').style.display = 'none';
		document.getElementById('inside_sticker').style.display = 'none';
		document.getElementById('sticker_copy_container').style.display = 'none';
		document.getElementById('inside_links').style.display = 'none';
		document.getElementById('links_copy_container').style.display = 'none';
		document.getElementById('inside_legal').style.display = 'none';
		document.getElementById('legal_copy_container').style.display = 'none';
		flash();
		hideClipBoard();
		new Effect.Appear('inside_home', { duration:1.4,  fps: 100, transition: Effect.Transitions.wobble });
	}//if
}//showHomePage

//following function will flash the overlay for scan effect
function flash(){
	if(document.getElementById){
		document.getElementById('flare_overlay').className = 'flare_overlay';
		window.setTimeout("document.getElementById('flare_overlay').className = 'hide';", 70);
	}//if
}//flash

//this function will display the clip board and the content depending on which page was selected by user
function showClipBoard(obj){
	if(document.getElementById){
		if(obj.element.id == 'inside_facts'){
			document.getElementById('clipboard').style.display = 'block';
			//new Effect.MoveBy('clipboard', -631, 0, { afterFinish: showFactsCopy });
			new Effect.MoveBy('clipboard', 0, 1000, { afterFinish: showFactsCopy });

		}
		else if(obj.element.id == 'inside_tactics'){
			document.getElementById('clipboard').style.display = 'block';
			//new Effect.MoveBy('clipboard', -631, 0, { afterFinish: showTacticsCopy });
			new Effect.MoveBy('clipboard', 0, 1000, { afterFinish: showTacticsCopy });
		}//if
		else if(obj.element.id == 'inside_drool'){
			document.getElementById('clipboard').style.display = 'block';
			//new Effect.MoveBy('clipboard', -631, 0, { afterFinish: showDroolCopy });
			new Effect.MoveBy('clipboard', 0, 1000, { afterFinish: showDroolCopy });
		}//if
		else if(obj.element.id == 'inside_sticker'){
			document.getElementById('clipboard').style.display = 'block';
			//new Effect.MoveBy('clipboard', -631, 0, { afterFinish: showStickerCopy });			
			new Effect.MoveBy('clipboard', 0, 1000, { afterFinish: showStickerCopy });			
		}//if
		else if(obj.element.id == 'inside_links'){
			document.getElementById('clipboard').style.display = 'block';
			//new Effect.MoveBy('clipboard', -631, 0, { afterFinish: showStickerCopy });			
			new Effect.MoveBy('clipboard', 0, 1000, { afterFinish: showLinksCopy });			
		}//if		
		else if(obj.element.id == 'inside_legal'){
			document.getElementById('clipboard').style.display = 'block';
			//new Effect.MoveBy('clipboard', -631, 0, { afterFinish: showStickerCopy });			
			new Effect.MoveBy('clipboard', 0, 1000, { afterFinish: showLegalCopy });			
		}//if			
	}//if
}//showClipBoard

function hideClipBoard(){
	if(document.getElementById){
		//new Effect.MoveBy('clipboard', 631, 0, { afterFinish: hideClipBoard2 });
		new Effect.MoveBy('clipboard', 0, -1000, { afterFinish: hideClipBoard2 });
	}//if
}//hideClipBoard
function hideClipBoard2(){
	if(document.getElementById){
		document.getElementById('clipboard').style.display = 'none';
	}//if	
}

//the following functions are used for the verticle scroll
// scroll the element vertically based on its width and the slider maximum value
function scrollVertical(value, element, slider) {
	element.scrollTop = Math.round(value/slider.maximum*(element.scrollHeight-element.offsetHeight));
}

// scroll the element horizontally based on its width and the slider maximum value
function scrollHorizontal(value, element, slider) {
	element.scrollLeft = Math.round(value/slider.maximum*(element.scrollWidth-element.offsetWidth));
}

//validate form data
function validateForm(){

	if(document.getElementById){
		var name1 = document.getElementById('txt_name1');
		var email1 = document.getElementById('txt_email1');
		var name2 = document.getElementById('txt_name2');
		var email2 = document.getElementById('txt_email2');
		var f1 = document.getElementById('f1');
		
		var emailRegex = /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/;
		var emailOk = emailRegex.exec(email1.value);		
		
		if(name1.value == "" || name1.value == null){
			alert('Please enter atleast one name');
			name1.focus()
		}else if(email1.value == "" || email1.value == null){
			alert('Please enter atleast one email address');
			email1.focus();
		}else if(!emailOk){
			alert('Please enter a valid email address');
		}else{
			f1.submit();
		}
			
		
		
	}//if


}


//\b[A-Z0-9._%-]+@[A-Z0-9.-]+\.[A-Z]{2,4}\b








//-->