$(document).ready(function(){
						   

	/* Language Translation */
	var lang = $.cookie('lang_pref'); //get previously translated language
	
	if(lang && lang != "en") { //only translate if language is set and it is not set to english. If the cookies is set to english no need to translate.
		translateTo(lang);
		langForm(lang); //set the selected language in the lang form to the lang saved in the cookie						
	}
	else
	{
		langForm("en"); //no language set, use english
	}
	
});

/* LANGUAGE TRANSLATION FUNCTIONS */

function translateTo(destLang){ //this can be declared in the global scope too if you need it somewhere else 
	$('body').translate( 'english', destLang, {   //translate from english to the selected language 
	 not: '#langSelect, #mini_cal_body, #lang_overlay, #cal_overlay',  //by default the generated element has this className 
	fromOriginal:true,   //always translate from english (even after the page has been translated) 
	start: function(){ 
		$('#lang_overlay').empty();
		$('#lang_overlay').append("<p>Translating</p><img class='spinner' src='http://www.shorelineschools.org/design_elements/ajax-loader.gif' alt='spinner' height='16' width='16' />");
		$('#lang_overlay').css("visibility", "visible")	;			
	},
	complete:  function(){ $('#lang_overlay').css("visibility", "hidden") },
	error:         function(){ $('#lang_overlay').css("visibility", "hidden") }
	}); 
	
	$.cookie('lang_pref', destLang, { expires: 7, path: '/', domain: 'shorelineschools.org', secure: false }); //set a cookie for future pages to use the same language

} 

function langForm(selectedLang){
	$("#languages").val(selectedLang); //set the selected language in the form
}

// Function to make the drop down navigation menus work in IE6 since it doesn't support the hover psuedo class on the li element.

function createMenu(nav_id) {
				if (document.all&&document.getElementById) {
					var menu = document.getElementById(nav_id).getElementsByTagName("li");
					for (var i = 0; i < menu.length; i++) {
						menu[i].onmouseover = function() {
							this.className += " over";
						}
						menu[i].onmouseout = function() {
							this.className=this.className.replace("over", "");
						}
					}
				}
			}


init = function() {
		createMenu("nav_menu");		
			}

window.onload=init;