// JavaScript Document for Learna.com

var msg="";
var ChildNumber = 1;

/*
function check_ChildNumber(){
	document.getElementById("childCount").value=document.getElementById("selectChildNumber").value;
	//alert(document.getElementById("childCount").value);
	document.getElementById("save").value="NO";
	document.submit_request_brochure.submit(); // << Modified 130105 by Alex
}
*/

function check_ChildNumber(){
	document.getElementById("dchildCount").value=document.getElementById("selectChildNumber").value;
	//alert("Selected child :"+document.getElementById("dchildCount").value);
	document.getElementById("dtxtFName").value=document.getElementById("txtFName").value;
	document.getElementById("dtxtLName").value=document.getElementById("txtLName").value;
	document.getElementById("dtxtAddress1").value=document.getElementById("txtAddress1").value;
	document.getElementById("dtxtAddress2").value=document.getElementById("txtAddress2").value;
	document.getElementById("dtxtCity").value=document.getElementById("txtCity").value;
	document.getElementById("dtxtProvince").value=document.getElementById("txtProvince").value;
	document.getElementById("dtxtPostalCode").value=document.getElementById("txtPostalCode").value;
	document.getElementById("dtxtDayPhone1").value=document.getElementById("txtDayPhone1").value;
	document.getElementById("dtxtDayPhone2").value=document.getElementById("txtDayPhone2").value;
	document.getElementById("dtxtEveningPhone1").value=document.getElementById("txtEveningPhone1").value;
	document.getElementById("dtxtEveningPhone2").value=document.getElementById("txtEveningPhone2").value;
	document.getElementById("dtxtEmailID").value=document.getElementById("txtEmailID").value;
	document.getElementById("dtxtQs_or_Comments").value=document.getElementById("txtQs_or_Comments").value;

	document.self_submit.submit(); // << Modified 130105 by Alex
}


// Update Children Details -------------------

function upDate_Children_details() {
	ChildNumber = document.getElementById("selectChildNumber").value;	
	var populateHTML = "";
	var ChildNumber_iteration = 1;
	if(ChildNumber >= 1) {
			while (ChildNumber_iteration <= ChildNumber) {
				 //alert(populateHTML+", >> "+ChildNumber_iteration);
				 populateHTML = populateHTML + "<table width='100%'  border='0' cellspacing='0' cellpadding='0'><tr align='right'><td width='148' class='darkBlue Bold'><span class='form_field_marker' id='lblChild"+ChildNumber_iteration+"_Name'>*</span>Child "+ChildNumber_iteration+":</td><td align='left' style='padding-left:8px'><input id='txtChild"+ChildNumber_iteration+"_Name' type='text' class='txtBx' maxlength='32' /></td></tr><tr align='right' valign='middle'><td class='darkBlue Bold' style='padding-top:9px'>Grade at school:</td><td align='left' style='padding-left:8px;padding-top:9px'><select id='selectChild"+ChildNumber_iteration+"_Grade'><option>Pre - school</option><option>Kindergarten</option><option>Grade 1</option><option>Grade 2</option><option>Grade 3</option><option>Grade 4</option><option>Grade 5</option><option>Grade 6</option><option>Grade 7</option><option>Grade 8</option></select></td></tr><tr align='right' valign='middle'><td class='darkBlue Bold' style='padding-bottom:15px;padding-top:10px'>Subject to enroll:</td><td align='left' style='padding-bottom:15px;padding-left:8px;padding-top:10px'><select id='selectChild"+ChildNumber_iteration+"_Subject'><option>Math</option><option>English</option><option>Both</option></select></td></tr></table>";
			ChildNumber_iteration++; 
			}
			document.getElementById("tblChildren_Details").innerHTML = populateHTML;
			return(populateHTML);
	}
}


// Validate Request Brochure Form ---------------------------------

function validate_request_brochure(){
	msg="We require the following information to be filled or corrected: \n\n";
	flag=true;
	
	//alert(msg);
	//First Name
	if (document.getElementById("txtFName").value=="") {
		msg=msg+"First Name\n";
		document.getElementById("lblFName").style.color="#ff0000";
		flag=false;
	}else
	if (!isNaN(document.getElementById("txtFName").value))
	{
		msg=msg+"A valid First Name\n";
		document.getElementById("lblFName").style.color="#ff0000";
		flag=false;				
	}else document.getElementById("lblFName").style.color="#669900";

	//alert(msg);
	//Last Name
	if (document.getElementById("txtLName").value=="") {
		msg=msg+"Last Name \n";
		document.getElementById("lblLName").style.color="#ff0000";
		flag=false;
	}else
	if (!isNaN(document.getElementById("txtLName").value))
	{
		msg=msg+"A valid Last Name\n";
		document.getElementById("lblLName").style.color="#ff0000";
		flag=false;				
	}else document.getElementById("lblLName").style.color="#669900";


	//Address Line 1
	if (document.getElementById("txtAddress1").value=="") {
		msg=msg+"Address Line 1 \n";
		document.getElementById("lblAddress1").style.color="#ff0000";
		flag=false;
	}else document.getElementById("lblAddress1").style.color="#669900";
	
	//City
	if (document.getElementById("txtCity").value=="") {
		msg=msg+"City \n";
		document.getElementById("lblCity").style.color="#ff0000";
		flag=false;
	}else
	if (!isNaN(document.getElementById("txtCity").value))
	{
		msg=msg+"A valid City name\n";
		document.getElementById("lblCity").style.color="#ff0000";
		flag=false;				
	}else document.getElementById("lblCity").style.color="#669900";
	
	//Province
	if (document.getElementById("txtProvince").value=="") {
		msg=msg+"Province\n";
		document.getElementById("lblProvince").style.color="#ff0000";
		flag=false;
	}else
	if (!isNaN(document.getElementById("txtProvince").value))
	{
		msg=msg+"A valid Province name\n";
		document.getElementById("lblProvince").style.color="#ff0000";
		flag=false;				
	}else document.getElementById("lblProvince").style.color="#669900";
	
	
	//Postal Code
	if (document.getElementById("txtPostalCode").value=="") {
		msg=msg+"Postal code\n";
		document.getElementById("lblPostalCode").style.color="#ff0000";
		flag=false;
	}else document.getElementById("lblPostalCode").style.color="#669900";
	
	//Daytime phone number
	if (document.getElementById("txtDayPhone1").value=="" ||
		document.getElementById("txtDayPhone2").value=="") {
		
		msg=msg+"Daytime phone number\n";
		document.getElementById("lblDayPhone").style.color="#ff0000";
		flag=false;
	}else
	if (isNaN(document.getElementById("txtDayPhone1").value
		+document.getElementById("txtDayPhone2").value)){
		msg=msg+"A valid Daytime phone number\n";
		document.getElementById("lblDayPhone").style.color="#ff0000";
		flag=false;				
	}else document.getElementById("lblDayPhone").style.color="#669900";

		
	//Evening phone number
	if (!document.getElementById("txtEveningPhone1").value=="" ||
		!document.getElementById("txtEveningPhone2").value=="") {
		if (isNaN(document.getElementById("txtEveningPhone1").value
			+document.getElementById("txtEveningPhone2").value)){
			msg=msg+"A valid Evening phone number\n";
			flag=false;				
		}
	}

	//E-mail ID
	/*
	if (document.getElementById("txtEmailID").value=="") {
			msg=msg+"Email Address\n";
			document.getElementById("lblEmailID").style.color="#ff0000";
			flag=false;				
		}else{ */
		// Email Validation
			
			var filter=/^.+@.+\..{2,3}$/;
			if (!filter.test(document.getElementById("txtEmailID").value) && document.getElementById("txtEmailID").value!="")
			{
				msg=msg+"A valid Email Address\n";
				//document.getElementById("lblEmailID").style.color="#ff0000";
				flag=false;				
			}//else document.getElementById("lblEmailID").style.color="#669900";
	/*}*/

	/*
	//Child Number
	if (document.getElementById("selectChildNumber").value=="") {
		msg=msg+"Number of children\n";
		//document.forms.submit_request_brochure_form.selectChildNumber.focus();
		flag=false;
	}*/

	//Child Number
	/*
	var ChildNumber = document.getElementById("selectChildNumber").value;	
	for (var j=1; j<=ChildNumber; j++) {
		//alert(msg+"\n\n"+document.getElementById("txtChild"+j+"_Name").value);
		if (document.getElementById("txtChild"+j+"_Name").value=="") {
			msg=msg+"Child Name for *Child" +j+ "\n";
			document.getElementById("lblChild"+j+"_Name").style.color="#ff0000";
			flag=false;
		}else
		if (!isNaN(document.getElementById("txtChild"+j+"_Name").value))
		{
			msg=msg+"A valid Child Name for *Child " +j+ "\n";
			flag=false;			
		}else document.getElementById("lblChild"+j+"_Name").style.color="#669900";
	}
	*/
	
	if(flag){
		// if no error found submit form to server...
		document.getElementById("save").value="YES";
		document.submit_request_brochure.submit();
		}else{
		alert(msg+"\n\n* Please re-check for submiting the above information. ");
		document.getElementById("error_message_holder").innerHTML = "<span class='ERROR Red'>ERROR!:</span><span>The following fields marked with an asterisk (<span class='form_field_error_marker'>*</span>) are important.</span>";
		document.submit_request_brochure.txtFName.focus();
		return false
		}
} // validate_request_brochure Ends


// validate_contact_information ------------------------------------------------------------------

function validate_contact_information (){ 
	msg="We require the following information to be filled or corrected: \n\n";
	flag=true;
	
	//First Name
	if (document.getElementById("txtFName").value=="") {
		msg=msg+"First Name\n";
		document.getElementById("lblFName").style.color="#ff0000";
		flag=false;
	}else
	if (!isNaN(document.getElementById("txtFName").value))
	{
		msg=msg+"A valid First Name\n";
		document.getElementById("lblFName").style.color="#ff0000";
		flag=false;				
	}else document.getElementById("lblFName").style.color="#669900";

	//alert(msg);
	//Last Name
	if (document.getElementById("txtLName").value=="") {
		msg=msg+"Last Name \n";
		document.getElementById("lblLName").style.color="#ff0000";
		flag=false;
	}else
	if (!isNaN(document.getElementById("txtLName").value))
	{
		msg=msg+"A valid Last Name\n";
		document.getElementById("lblLName").style.color="#ff0000";
		flag=false;				
	}else document.getElementById("lblLName").style.color="#669900";

	//Daytime phone number
	if (document.getElementById("txtDayPhone1").value=="" ||
		document.getElementById("txtDayPhone2").value=="") {
		
		msg=msg+"Daytime phone number\n";
		document.getElementById("lblDayPhone").style.color="#ff0000";
		flag=false;
	}else
	if (isNaN(document.getElementById("txtDayPhone1").value
		+document.getElementById("txtDayPhone2").value)){
		msg=msg+"A valid Daytime phone number\n";
		document.getElementById("lblDayPhone").style.color="#ff0000";
		flag=false;				
	}else document.getElementById("lblDayPhone").style.color="#669900";


	//Evening phone number
	if (!document.getElementById("txtEveningPhone1").value=="" ||
		!document.getElementById("txtEveningPhone2").value=="") {
		if (isNaN(document.getElementById("txtEveningPhone1").value
			+document.getElementById("txtEveningPhone2").value)){
			msg=msg+"A valid Evening phone number\n";
			flag=false;				
		}
	}

	//E-mail ID
	if (document.getElementById("txtEmailID").value=="") {
			msg=msg+"Email Address\n";
			document.getElementById("lblEmailID").style.color="#ff0000";
			flag=false;				
		}else{
		// Email Validation
			var filter=/^.+@.+\..{2,3}$/
			if (!filter.test(document.getElementById("txtEmailID").value))
			{
				msg=msg+"A valid Email Address\n";
				document.getElementById("lblEmailID").style.color="#ff0000";
				flag=false;				
			}else document.getElementById("lblEmailID").style.color="#669900";
	}

	if(flag){
		// if no error found submit form to server...
		//document.getElementById("save").value="YES";
		document.submit_contact_information.submit();
	}else{
		alert(msg+"\n\n* Please re-check for submiting the above information. ");
		document.getElementById("error_message_holder").innerHTML = "<span class='ERROR Red'>ERROR!:</span><span>The following fields marked with an asterisk (<span class='form_field_error_marker'>*</span>) are important.</span>";
		document.submit_contact_information.txtFName.focus();
		return false
		}

} // validate_contact_information
		
// ------------------------------------------------------------------------------------------ //


// start Learna at a glance 

var learna_chart_main = "<table width='100%'  border='0' cellspacing='0' cellpadding='0'><tr><td colspan='2' valign='bottom' style='padding-bottom:10px'><span style='padding-right:5px'><img src='images/active_message_separator4.gif' /></span><span class='learna_chart_update_head'>Learna</span></td></tr><tr><td width='6' style='padding-left:35px;padding-right:5px'><img src='images/active_message_bullet_7.gif' width='6' height='6' /></td><td class='learna_chart_update_message darkBlue'>Operates computer-based supplementary math & language education centers</td></tr></table>";

var learna_chart_method = "<table width='100%'  border='0' cellspacing='0' cellpadding='0'><tr><td colspan='2' valign='bottom' style='padding-bottom:10px'><span style='padding-right:5px'><img src='images/active_message_separator4.gif' /></span><span class='learna_chart_update_head'>Learna Method</span></td></tr><tr><td width='6' style='padding-left:35px;padding-right:5px'><img src='images/active_message_bullet_7.gif' width='6' height='6' /></td><td class='learna_chart_update_message darkBlue'>Focuses on understanding and application rather than drill</td></tr><tr><td style='padding-left:35px;padding-right:5px'><img src='images/active_message_bullet_7.gif' width='6' height='6' /></td><td class='learna_chart_update_message darkBlue'>Adapts instantly to the learning strengths and weaknesses of each child</td></tr><tr><td style='padding-left:35px;padding-right:5px'><img src='images/active_message_bullet_7.gif' width='6' height='6' /></td><td class='learna_chart_update_message darkBlue'>Teaches the curriculum exclusively through computer-based activities</td></tr></table>";

var learna_chart_software = "<table width='100%'  border='0' cellspacing='0' cellpadding='0'><tr><td colspan='2' valign='bottom' style='padding-bottom:10px'><span style='padding-right:5px'><img src='images/active_message_separator4.gif' /></span><span class='learna_chart_update_head'>Learna Software</span></td></tr><tr><td width='6' style='padding-left:35px;padding-right:5px'><img src='images/active_message_bullet_7.gif' width='6' height='6' /></td><td class='learna_chart_update_message darkBlue'>Consists of comprehensive curriculum based multimedia-rich activities</td></tr><tr><td style='padding-left:35px;padding-right:5px'><img src='images/active_message_bullet_7.gif' width='6' height='6' /></td><td class='learna_chart_update_message darkBlue'>Offers remedial and enrichment activities for children of all skill levels</td></tr><tr><td style='padding-left:35px;padding-right:5px'><img src='images/active_message_bullet_7.gif' width='6' height='6' /></td><td class='learna_chart_update_message darkBlue'>Designed by experienced educators to empower all students to excel</td></tr></table>";

var learna_chart_teachers = "<table width='100%'  border='0' cellspacing='0' cellpadding='0'><tr><td colspan='2' valign='bottom' style='padding-bottom:10px'><span style='padding-right:5px'><img src='images/active_message_separator4.gif' /></span><span class='learna_chart_update_head'>Learna Teachers</span></td></tr><tr><td width='6' style='padding-left:35px;padding-right:5px'><img src='images/active_message_bullet_7.gif' width='6' height='6' /></td><td class='learna_chart_update_message darkBlue'>Aid your child in reaching his or her true  potential</td></tr><tr><td style='padding-left:35px;padding-right:5px'><img src='images/active_message_bullet_7.gif' width='6' height='6' /></td><td class='learna_chart_update_message darkBlue'>Provide continuous monitoring and feedback at every stage of learning</td></tr><tr><td style='padding-left:35px;padding-right:5px'><img src='images/active_message_bullet_7.gif' width='6' height='6' /></td><td class='learna_chart_update_message darkBlue'>Partner with you in ensuring your child’s  progress in education</td></tr></table>";


var learna_chart_additional_features = "<table width='100%'  border='0' cellspacing='0' cellpadding='0'><tr><td colspan='2' valign='bottom' style='padding-bottom:10px'><span style='padding-right:5px'><img src='images/active_message_separator4.gif' /></span><span class='learna_chart_update_head'>Learna Features</span></td></tr><tr><td width='6' style='padding-left:35px;padding-right:5px'><img src='images/active_message_bullet_7.gif' width='6' height='6' /></td><td class='learna_chart_update_message darkBlue'>Diverse hands-on summer programs, books, and online resources are available</td></tr></table>";

var prev_flush = false;

var prev_highlight="learna_main";

function clear_prev_highlight(highlight_element) {
	//alert("prev-highlight= " + prev_highlight);
	//alert("highlight= "+highlight_element);
	if(highlight_element!='' &&  prev_flush) {
		//alert("dai panni!");
		switch(highlight_element) {
			case 'method':document.getElementById("method").src="images/learna_chart_method.gif";break;
			case 'learna_main':document.getElementById("learna_main").src="images/learna_chart_main.gif";break;
			case 'software':document.getElementById("software").src="images/learna_chart_software.gif";break;
			case 'teachers':document.getElementById("teachers").src="images/learna_chart_teachers.gif";break;
			case 'additional_features':document.getElementById("additional_features").src="images/learna_chart_additional_features.gif";break;
		}
		//prev_flush = true;
	}else 
		if(highlight_element=='learna_main'){
			//alert("dai!");
			document.getElementById("learna_main").src="images/learna_chart_main.gif";
			//prev_flush = true;
			}
}


function refresh_page_contents(element) {
	if(!prev_flush) {
		prev_flush = true;
		}
	switch(element) {
		case 'method':document.getElementById("learna_chart_update").innerHTML = learna_chart_method;document.getElementById("method").src="images/learna_chart_method_1.gif";clear_prev_highlight(prev_highlight);prev_highlight="method";break;

		case 'learna_main':document.getElementById("learna_chart_update").innerHTML = learna_chart_main;clear_prev_highlight(prev_highlight);document.getElementById("learna_main").src="images/learna_chart_main_1.gif";prev_highlight="learna_main";break;

		case 'software':document.getElementById("learna_chart_update").innerHTML = learna_chart_software;document.getElementById("software").src="images/learna_chart_software_1.gif";clear_prev_highlight(prev_highlight);prev_highlight="software";break;

		case 'teachers':document.getElementById("learna_chart_update").innerHTML = learna_chart_teachers;document.getElementById("teachers").src="images/learna_chart_teachers_1.gif";clear_prev_highlight(prev_highlight);prev_highlight="teachers";break;
		
		case 'additional_features':document.getElementById("learna_chart_update").innerHTML = learna_chart_additional_features;document.getElementById("additional_features").src="images/learna_chart_additional_features_1.gif";clear_prev_highlight(prev_highlight);prev_highlight="additional_features";break;

	}
}


// software demo  - bread crumb trails -------------------------------------------------------------------------------------------------------------------------

var button_state = 0;
var win_close = false;
var check_once = false;
var crumb_counts = 1;

var window_close_notify = "Learna Software demo window will now close. \nThank you for viewing our demo. You may close this window and continue browsing at Learna.com";

// software demo  - bread crumb trails

var document_head = ["Sign in", "Welcome", "Learning Mode", "Review", "Practice Mode", "Feedback", "Recess", "Sample Game", "Session Summary"];

/*
var document_message = ["Sign in &raquo; At Learna we provide an interactive learning environment. Our centres have spacious open learning areas, where each child has an individual computer station for computer-based learning, as well as classrooms that are used for traditional one-on-one teaching, group learning and meetings.", 
						"Welcome &raquo; At Learna we provide an interactive learning environment. Our centres have spacious open learning areas, where each child has an individual computer station for computer-based learning, as well as classrooms that are used for traditional one-on-one teaching, group learning and meetings.",
						"Learning mode &raquo; At Learna we provide an interactive learning environment. Our centres have spacious open learning areas, where each child has an individual computer station for computer-based learning, as well as classrooms that are used for traditional one-on-one teaching, group learning and meetings.",
						"Practice mode &raquo; At Learna we provide an interactive learning environment. Our centres have spacious open learning areas, where each child has an individual computer station for computer-based learning, as well as classrooms that are used for traditional one-on-one teaching, group learning and meetings.",
						"Correct mode &raquo; At Learna we provide an interactive learning environment. Our centres have spacious open learning areas, where each child has an individual computer station for computer-based learning, as well as classrooms that are used for traditional one-on-one teaching, group learning and meetings.",
						"Recess mode &raquo; At Learna we provide an interactive learning environment. Our centres have spacious open learning areas, where each child has an individual computer station for computer-based learning, as well as classrooms that are used for traditional one-on-one teaching, group learning and meetings.",
						"Recess game &raquo; At Learna we provide an interactive learning environment. Our centres have spacious open learning areas, where each child has an individual computer station for computer-based learning, as well as classrooms that are used for traditional one-on-one teaching, group learning and meetings.",
						"Session summary &raquo; At Learna we provide an interactive learning environment. Our centres have spacious open learning areas, where each child has an individual computer station for computer-based learning, as well as classrooms that are used for traditional one-on-one teaching, group learning and meetings."];
*/

// above CONTENT to be updated. modified on 010205 » benvsben_au@hotmail.com

var document_message = ["", "", "", "", "", "", "", "", ""];


/*
var document_pic = ["<img src='images/Learna_software_demo_0.gif' width='390' height='293' alt='' />", 
					"<img src='images/Learna_software_demo_1.gif' width='390' height='293' alt='' />", 
					"<img src='images/Learna_software_demo_2.gif' width='390' height='293' alt='' />", 
					"<img src='images/Learna_software_demo_3.gif' width='390' height='293' alt='' />", 
					"<img src='images/Learna_software_demo_4.gif' width='390' height='293' alt='' />", 
					"<img src='images/Learna_software_demo_5.gif' width='390' height='293' alt='' />", 
					"<img src='images/Learna_software_demo_6.gif' width='390' height='293' alt='' />", 
					"<img src='images/Learna_software_demo_7.gif' width='390' height='293' alt='' />"];
*/
/*
var document_pic = ["", "", "", "", "", "", "", ""];
*/
/**/
					
var crumb_trails = ["<!-- // Sign in --><img src='images/trail_head_active.gif' width='8' height='8' border='0' id='trail_head_start' alt='Sign in' />",	 
					"<!-- // Sign in --><img src='images/trail_head_active.gif' width='8' height='8' border='0' id='trail_head_start' alt='Sign in' />",		
// Welcome
					"<!-- // Welcome --><a href='#' onclick='button_state=-1;crumb_counts=0;advance_traverse();'>" +
					"<img src='images/trail_head.gif' width='8' height='8' border='0' id='trail_head_start' alt='Sign in' /></a>" + 
					"<img src='images/crumb_trails.gif' width='16' height='1' alt='' style='padding-bottom:3px' />" + 
					"<img src='images/trail_head_active.gif' width='8' height='8' border='0' id='trail_head' alt='Welcome' />",		
// Learning mode
					"<!-- // Learning mode --><a href='#' onclick='button_state=-1;crumb_counts=0;advance_traverse();'>" +
					"<img src='images/trail_head.gif' width='8' height='8' border='0' id='trail_head_start' alt='Sign in' /></a>" + 
					"<img src='images/crumb_trails.gif' width='16' height='1' alt='' style='padding-bottom:3px' />" + 
					"<a href='#' onclick='button_state=0;crumb_counts=1;advance_traverse();'>" +
					"<img src='images/trail_head.gif' width='8' height='8' border='0' id='trail_head' alt='Welcome' /></a>" + 
					"<img src='images/crumb_trails.gif' width='16' height='1' alt='' style='padding-bottom:3px' />" + 
					"<img src='images/trail_head_active.gif' width='8' height='8' border='0' id='trail_head' alt='Learning mode' />",
// Review
					"<!-- // Practice mode --><a href='#' onclick='button_state=-1;crumb_counts=0;advance_traverse();'>" +
					"<img src='images/trail_head.gif' width='8' height='8' border='0' id='trail_head_start' alt='Sign in' /></a>" + 
					"<img src='images/crumb_trails.gif' width='16' height='1' alt='' style='padding-bottom:3px' />" + 
					"<a href='#' onclick='button_state=0;crumb_counts=1;advance_traverse();'>" +
					"<img src='images/trail_head.gif' width='8' height='8' border='0' id='trail_head' alt='Welcome' /></a>" + 
					"<img src='images/crumb_trails.gif' width='16' height='1' alt='' style='padding-bottom:3px' />" + 
					"<a href='#' onclick='button_state=1;crumb_counts=2;advance_traverse();'>" +
					"<img src='images/trail_head.gif' width='8' height='8' border='0' id='trail_head' alt='Learning mode' /></a>" + 
					"<img src='images/crumb_trails.gif' width='16' height='1' alt='' style='padding-bottom:3px' />" + 
					"<img src='images/trail_head_active.gif' width='8' height='8' border='0' id='trail_head' alt='Review' />",
// Practice Mode
					"<!-- // Review --><a href='#' onclick='button_state=-1;crumb_counts=0;advance_traverse();'>" +
					"<img src='images/trail_head.gif' width='8' height='8' border='0' id='trail_head_start' alt='Sign in' /></a>" + 
					"<img src='images/crumb_trails.gif' width='16' height='1' alt='' style='padding-bottom:3px' />" + 
					"<a href='#' onclick='button_state=0;crumb_counts=1;advance_traverse();'>" +
					"<img src='images/trail_head.gif' width='8' height='8' border='0' id='trail_head' alt='Welcome' /></a>" + 
					"<img src='images/crumb_trails.gif' width='16' height='1' alt='' style='padding-bottom:3px' />" + 
					"<a href='#' onclick='button_state=1;crumb_counts=2;advance_traverse();'>" +
					"<img src='images/trail_head.gif' width='8' height='8' border='0' id='trail_head' alt='Learning mode' /></a>" + 
					"<img src='images/crumb_trails.gif' width='16' height='1' alt='' style='padding-bottom:3px' />" + 
					"<a href='#' onclick='button_state=2;crumb_counts=3;advance_traverse();'>" +
					"<img src='images/trail_head.gif' width='8' height='8' border='0' id='trail_head' alt='Review' /></a>" + 
					"<img src='images/crumb_trails.gif' width='16' height='1' alt='' style='padding-bottom:3px' />" + 
					"<img src='images/trail_head_active.gif' width='8' height='8' border='0' id='trail_head' alt='Practice Mode' />",
// Feedback
					"<!-- // Feedback --><a href='#' onclick='button_state=-1;crumb_counts=0;advance_traverse();'>" +
					"<img src='images/trail_head.gif' width='8' height='8' border='0' id='trail_head_start' alt='Sign in' /></a>" + 
					"<img src='images/crumb_trails.gif' width='16' height='1' alt='' style='padding-bottom:3px' />" + 
					"<a href='#' onclick='button_state=0;crumb_counts=1;advance_traverse();'>" +
					"<img src='images/trail_head.gif' width='8' height='8' border='0' id='trail_head' alt='Welcome' /></a>" + 
					"<img src='images/crumb_trails.gif' width='16' height='1' alt='' style='padding-bottom:3px' />" + 
					"<a href='#' onclick='button_state=1;crumb_counts=2;advance_traverse();'>" +
					"<img src='images/trail_head.gif' width='8' height='8' border='0' id='trail_head' alt='Learning mode' /></a>" + 
					"<img src='images/crumb_trails.gif' width='16' height='1' alt='' style='padding-bottom:3px' />" + 
					"<a href='#' onclick='button_state=2;crumb_counts=3;advance_traverse();'>" +
					"<img src='images/trail_head.gif' width='8' height='8' border='0' id='trail_head' alt='Review' /></a>" + 
					"<img src='images/crumb_trails.gif' width='16' height='1' alt='' style='padding-bottom:3px' />" + 
					"<a href='#' onclick='button_state=3;crumb_counts=4;advance_traverse();'>" +
					"<img src='images/trail_head.gif' width='8' height='8' border='0' id='trail_head' alt='Practice Mode' /></a>" +
					"<img src='images/crumb_trails.gif' width='16' height='1' alt='' style='padding-bottom:3px' />" + 
					"<img src='images/trail_head_active.gif' width='8' height='8' border='0' id='trail_head' alt='Feedback' />",
// Recess
					"<!-- // Recess --><a href='#' onclick='button_state=-1;crumb_counts=0;advance_traverse();'>" +
					"<img src='images/trail_head.gif' width='8' height='8' border='0' id='trail_head_start' alt='Sign in' /></a>" + 
					"<img src='images/crumb_trails.gif' width='16' height='1' alt='' style='padding-bottom:3px' />" + 
					"<a href='#' onclick='button_state=0;crumb_counts=1;advance_traverse();'>" +
					"<img src='images/trail_head.gif' width='8' height='8' border='0' id='trail_head' alt='Welcome' /></a>" + 
					"<img src='images/crumb_trails.gif' width='16' height='1' alt='' style='padding-bottom:3px' />" + 
					"<a href='#' onclick='button_state=1;crumb_counts=2;advance_traverse();'>" +
					"<img src='images/trail_head.gif' width='8' height='8' border='0' id='trail_head' alt='Learning mode' /></a>" + 
					"<img src='images/crumb_trails.gif' width='16' height='1' alt='' style='padding-bottom:3px' />" + 
					"<a href='#' onclick='button_state=2;crumb_counts=3;advance_traverse();'>" +
					"<img src='images/trail_head.gif' width='8' height='8' border='0' id='trail_head' alt='Review' /></a>" + 
					"<img src='images/crumb_trails.gif' width='16' height='1' alt='' style='padding-bottom:3px' />" + 
					"<a href='#' onclick='button_state=3;crumb_counts=4;advance_traverse();'>" +
					"<img src='images/trail_head.gif' width='8' height='8' border='0' id='trail_head' alt='Practice Mode' /></a>" +				"<img src='images/crumb_trails.gif' width='16' height='1' alt='' style='padding-bottom:3px' />" + 
					"<a href='#' onclick='button_state=4;crumb_counts=5;advance_traverse();'>" +
					"<img src='images/trail_head.gif' width='8' height='8' border='0' id='trail_head' alt='Feedback' /></a>" + 
					"<img src='images/crumb_trails.gif' width='16' height='1' alt='' style='padding-bottom:3px' />" +					
					"<img src='images/trail_head_active.gif' width='8' height='8' border='0' id='trail_head' alt='Recess' />",
// Sample game
					"<!-- // Sample game --><a href='#' onclick='button_state=-1;crumb_counts=0;advance_traverse();'>" +
					"<img src='images/trail_head.gif' width='8' height='8' border='0' id='trail_head_start' alt='Sign in' /></a>" + 
					"<img src='images/crumb_trails.gif' width='16' height='1' alt='' style='padding-bottom:3px' />" + 
					"<a href='#' onclick='button_state=0;crumb_counts=1;advance_traverse();'>" +
					"<img src='images/trail_head.gif' width='8' height='8' border='0' id='trail_head' alt='Welcome' /></a>" + 
					"<img src='images/crumb_trails.gif' width='16' height='1' alt='' style='padding-bottom:3px' />" + 
					"<a href='#' onclick='button_state=1;crumb_counts=2;advance_traverse();'>" +
					"<img src='images/trail_head.gif' width='8' height='8' border='0' id='trail_head' alt='Learning mode' /></a>" + 
					"<img src='images/crumb_trails.gif' width='16' height='1' alt='' style='padding-bottom:3px' />" + 
					"<a href='#' onclick='button_state=2;crumb_counts=3;advance_traverse();'>" +
					"<img src='images/trail_head.gif' width='8' height='8' border='0' id='trail_head' alt='Review' /></a>" + 
					"<img src='images/crumb_trails.gif' width='16' height='1' alt='' style='padding-bottom:3px' />" + 
					"<a href='#' onclick='button_state=3;crumb_counts=4;advance_traverse();'>" +
					"<img src='images/trail_head.gif' width='8' height='8' border='0' id='trail_head' alt='Practice Mode' /></a>" +				"<img src='images/crumb_trails.gif' width='16' height='1' alt='' style='padding-bottom:3px' />" + 
					"<a href='#' onclick='button_state=4;crumb_counts=5;advance_traverse();'>" +
					"<img src='images/trail_head.gif' width='8' height='8' border='0' id='trail_head' alt='Feedback' /></a>" + 
					"<img src='images/crumb_trails.gif' width='16' height='1' alt='' style='padding-bottom:3px' />" +
					"<a href='#' onclick='button_state=5;crumb_counts=6;advance_traverse();'>" +
					"<img src='images/trail_head.gif' width='8' height='8' border='0' id='trail_head' alt='Recess' /></a>" + 
					"<img src='images/crumb_trails.gif' width='16' height='1' alt='' style='padding-bottom:3px' />" + 
					"<img src='images/trail_head_active.gif' width='8' height='8' border='0' id='trail_head' alt='Sample game' />",
// Session summary
					"<!-- // Session summary --><a href='#' onclick='button_state=-1;crumb_counts=0;advance_traverse();'>" +
					"<img src='images/trail_head.gif' width='8' height='8' border='0' id='trail_head_start' alt='Sign in' /></a>" + 
					"<img src='images/crumb_trails.gif' width='16' height='1' alt='' style='padding-bottom:3px' />" + 
					"<a href='#' onclick='button_state=0;crumb_counts=1;advance_traverse();'>" +
					"<img src='images/trail_head.gif' width='8' height='8' border='0' id='trail_head' alt='Welcome' /></a>" + 
					"<img src='images/crumb_trails.gif' width='16' height='1' alt='' style='padding-bottom:3px' />" + 
					"<a href='#' onclick='button_state=1;crumb_counts=2;advance_traverse();'>" +
					"<img src='images/trail_head.gif' width='8' height='8' border='0' id='trail_head' alt='Learning mode' /></a>" + 
					"<img src='images/crumb_trails.gif' width='16' height='1' alt='' style='padding-bottom:3px' />" + 
					"<a href='#' onclick='button_state=2;crumb_counts=3;advance_traverse();'>" +
					"<img src='images/trail_head.gif' width='8' height='8' border='0' id='trail_head' alt='Review' /></a>" + 
					"<img src='images/crumb_trails.gif' width='16' height='1' alt='' style='padding-bottom:3px' />" + 
					"<a href='#' onclick='button_state=3;crumb_counts=4;advance_traverse();'>" +
					"<img src='images/trail_head.gif' width='8' height='8' border='0' id='trail_head' alt='Practice Mode' /></a>" +				"<img src='images/crumb_trails.gif' width='16' height='1' alt='' style='padding-bottom:3px' />" + 
					"<a href='#' onclick='button_state=4;crumb_counts=5;advance_traverse();'>" +
					"<img src='images/trail_head.gif' width='8' height='8' border='0' id='trail_head' alt='Feedback' /></a>" + 
					"<img src='images/crumb_trails.gif' width='16' height='1' alt='' style='padding-bottom:3px' />" +
					"<a href='#' onclick='button_state=5;crumb_counts=6;advance_traverse();'>" +
					"<img src='images/trail_head.gif' width='8' height='8' border='0' id='trail_head' alt='Recess' /></a>" + 
					"<img src='images/crumb_trails.gif' width='16' height='1' alt='' style='padding-bottom:3px' />" + 
					"<a href='#' onclick='button_state=6;crumb_counts=7;advance_traverse();'>" +
					"<img src='images/trail_head.gif' width='8' height='8' border='0' id='trail_head' alt='Sample game' /></a>" + 
					"<img src='images/crumb_trails.gif' width='16' height='1' alt='' style='padding-bottom:3px' />" + 
					"<img src='images/trail_head_active.gif' width='8' height='8' border='0' id='trail_head' alt='Session summary' />"];

/**/

function  refresh_document_contents(pageId) {
//
/*
	switch(pageId) {
			case 0:document.getElementById("document_pic").innerHTML = document_pic[0];document.getElementById("document_head").innerHTML = document_head[0];
				document.getElementById("document_message").innerHTML = document_message[0];break;
			case 1:document.getElementById("document_pic").innerHTML = document_pic[1];document.getElementById("document_head").innerHTML = document_head[1];
				document.getElementById("document_message").innerHTML = document_message[1];document.getElementById("hide_show_pic1").style.display = 'inline';break;
			case 2:document.getElementById("document_pic").innerHTML = document_pic[2];document.getElementById("document_head").innerHTML = document_head[2];
				document.getElementById("document_message").innerHTML = document_message[2];document.getElementById("hide_show_pic2").style.display = 'inline';break;
			case 3:document.getElementById("document_pic").innerHTML = document_pic[3];document.getElementById("document_head").innerHTML = document_head[3];
				document.getElementById("document_message").innerHTML = document_message[3];document.getElementById("hide_show_pic3").style.display = 'inline';break;
			case 4:document.getElementById("document_pic").innerHTML = document_pic[4];document.getElementById("document_head").innerHTML = document_head[4];
				document.getElementById("document_message").innerHTML = document_message[4];document.getElementById("hide_show_pic4").style.display ='inline';break;
			case 5:document.getElementById("document_pic").innerHTML = document_pic[5];document.getElementById("document_head").innerHTML = document_head[5];
				document.getElementById("document_message").innerHTML = document_message[5];document.getElementById("hide_show_pic5").style.display = 'inline';break;
			case 6:document.getElementById("document_pic").innerHTML = document_pic[6];document.getElementById("document_head").innerHTML = document_head[6];
				document.getElementById("document_message").innerHTML = document_message[6];document.getElementById("hide_show_pic6").style.display = 'inline';break;
			case 7:document.getElementById("document_pic").innerHTML = document_pic[7];document.getElementById("document_head").innerHTML = document_head[7];
				document.getElementById("document_message").innerHTML = document_message[7];document.getElementById("hide_show_pic7").style.display = 'inline';break;
			default:break;
	}
*/
	switch(pageId) {
			case 0:document.getElementById("swf_demo_pic").src = "images/Learna_software_demo_0.jpg";document.getElementById("document_head").innerHTML = document_head[0];
				//document.getElementById("document_message").innerHTML = document_message[0];
				break;
			case 1:document.getElementById("swf_demo_pic").src = "images/Learna_software_demo_1.jpg";document.getElementById("document_head").innerHTML = document_head[1];
				//document.getElementById("document_message").innerHTML = document_message[1];
				break;
			case 2:document.getElementById("swf_demo_pic").src = "images/Learna_software_demo_2.jpg";document.getElementById("document_head").innerHTML = document_head[2];
				//document.getElementById("document_message").innerHTML = document_message[2];
				break;
			case 3:document.getElementById("swf_demo_pic").src = "images/Learna_software_demo_3.jpg";document.getElementById("document_head").innerHTML = document_head[3];
				//document.getElementById("document_message").innerHTML = document_message[3];
				break;
			case 4:document.getElementById("swf_demo_pic").src = "images/Learna_software_demo_4.jpg";document.getElementById("document_head").innerHTML = document_head[4];
				//document.getElementById("document_message").innerHTML = document_message[4];
				break;
			case 5:document.getElementById("swf_demo_pic").src = "images/Learna_software_demo_5.jpg";document.getElementById("document_head").innerHTML = document_head[5];
				//document.getElementById("document_message").innerHTML = document_message[5];
				break;
			case 6:document.getElementById("swf_demo_pic").src = "images/Learna_software_demo_6.jpg";document.getElementById("document_head").innerHTML = document_head[6];
				//document.getElementById("document_message").innerHTML = document_message[6];
				break;
			case 7:document.getElementById("swf_demo_pic").src = "images/Learna_software_demo_7.jpg";document.getElementById("document_head").innerHTML = document_head[7];
				//document.getElementById("document_message").innerHTML = document_message[7];
				break;
			case 8:document.getElementById("swf_demo_pic").src = "images/Learna_software_demo_8.jpg";document.getElementById("document_head").innerHTML = document_head[8];
				//document.getElementById("document_message").innerHTML = document_message[8];
				break;
			default:break;
	}

}

function button_down(state) {
	if(state <= 7) 	document.getElementById("sd_next_button").src="images/learna_software_demo_next_1.gif";	
	else {
		document.getElementById("sd_next_button").src="images/learna_software_demo_close.gif";
	}
}

function button_out(state) {
	if(state <= 7) 	document.getElementById("sd_next_button").src="images/learna_software_demo_next.gif";	
	else document.getElementById("sd_next_button").src="images/learna_software_demo_close.gif";	
}

function button_up(state) {
	if(state <= 7) 	document.getElementById("sd_next_button").src="images/learna_software_demo_next.gif";	
	else document.getElementById("sd_next_button").src="images/learna_software_demo_close.gif";	
}

function check_for_button_state(button_state) {
	if(button_state >= 7 && !check_once) {
		document.getElementById("sd_next_button").src="images/learna_software_demo_close.gif";
		button_state = 0;
		win_close = true;
		check_once = true;
	} else 
		if (button_state < 7) {
				document.getElementById("sd_next_button").src="images/learna_software_demo_next.gif";
				win_close = true;
				check_once = false;
		}
}

function check_for_window(win_close){
//	if(win_close && button_state >=  8 && confirm(window_close_notify) )
	if(win_close && button_state >= 9) {
		//window.close();
		document.getElementById("confirm_win_close").style.visibility="visible";
		document.getElementById("confirm_win_close").style.top = "194px";
	}
}

function advance_trail(trail_count) {
	if(trail_count <= 9) {
		document.getElementById("crumb_trails").innerHTML = crumb_trails[trail_count];
	}
}

function advance_traverse() {
//	window.status = ("crumb counts  = " + crumb_counts + " button state = " + button_state + " checking val bound = " + button_state);
	check_for_button_state(button_state);
//	window.status = ("crumb counts  = " + crumb_counts + " button state = " + button_state + " checking val bound = " + button_state);
	crumb_counts++;
//	window.status = ("crumb counts  = " + crumb_counts + " button state = " + button_state + " checking val bound = " + button_state);
	advance_trail(crumb_counts);
//	window.status = ("crumb counts  = " + crumb_counts + " button state = " + button_state + " checking val bound = " + button_state);
	button_state++;
//	window.status = ("crumb counts  = " + crumb_counts + " button state = " + button_state + " checking val bound = " + button_state);
	refresh_document_contents(button_state);
//	window.status = ("crumb counts  = " + crumb_counts + " button state = " + button_state + " checking val bound = " + button_state);
	check_for_window(win_close);
	
}

function retarde_document() {
	document.getElementById("document_pic").style.backgroundImage = "url(images/loading.gif)";	
	document.getElementById("document_pic").style.backgroundRepeat = "no-repeat";
	document.getElementById("document_pic").style.backgroundPositionX = "165px";
	document.getElementById("document_pic").style.backgroundPositionY = "125px";
}


// Learna Getting Started mouse over event --------------------------------------------

function aspect_prop_swap(element, state) {
	//alert(element + "+" + state);
	if (state=="over") {
		switch(element) {
			case 1: document.aspect_bullet1.src = "images/active_message_bullet_7_1.gif";break;
			case 2: document.aspect_bullet2.src = "images/active_message_bullet_7_1.gif";break;
			case 3: document.aspect_bullet3.src = "images/active_message_bullet_7_1.gif";break;
			case 4: document.aspect_bullet4.src = "images/active_message_bullet_7_1.gif";break;
			case 5: document.aspect_bullet5.src = "images/active_message_bullet_7_1.gif";break;
			case 6: document.aspect_bullet6.src = "images/active_message_bullet_7_1.gif";break;
		}
	}else {
		switch(element) {
			case 1: document.aspect_bullet1.src = "images/active_message_bullet_7.gif";break;
			case 2: document.aspect_bullet2.src = "images/active_message_bullet_7.gif";break;
			case 3: document.aspect_bullet3.src = "images/active_message_bullet_7.gif";break;
			case 4: document.aspect_bullet4.src = "images/active_message_bullet_7.gif";break;
			case 5: document.aspect_bullet5.src = "images/active_message_bullet_7.gif";break;
			case 6: document.aspect_bullet6.src = "images/active_message_bullet_7.gif";break;
		}
	}
}