function lgn_initializeLogin() {
	
	// add onchange event to the university country
	Event.observe($('university_country'), 'change', lgn_onChangeUniversityCountry);
	Event.observe($('university'), 'change', lgn_onChangeUniversity);
	lgn_onChangeUniversity($('university'));
}

function lgn_onChangeUniversityCountry(e) {
		
	var obj = XPS_getEventSubject(e);
	if (!obj) return;
	
	philox_xhr(
		'lgn', 
		'university_country', 
		{ countryid: obj.value }, 
		function(reply) {
			var universities = {};
			for (var i in reply) {
				if (i in Array.prototype) continue;
				
				universities[reply[i]['universityid']] = reply[i]['name'];
			}
			XPS_rebuildSelectElement($('university'), universities);
		});
}

function lgn_onChangeUniversity(e) {
	var obj = XPS_getEventSubject(e);
	if (!obj) return;
	
	if (obj.value == 0 || obj.value == '')
		$('registration_university_group').show();
	else
		$('registration_university_group').hide();
}

function closepleaseregister(){
	var obj = $('pleaseregister');
	if(obj){
		obj.style.display = 'none';
	}
	
}



var lastmenutop = '';

function hiLite(idmenu){
		
	var amenu = idmenu.id.split('_');
	var menu = amenu[0];
		
	// Get object 
	var obj = $(idmenu);
	if(obj){
					
		// Getting img source
		var src = obj.src;

		// remove extension 	
		var img = src.substring(0, src.length - 4);
					
		// Deteminate if image if higlighted at the moment or not
		var checkhi = img.substring(img.length,img.length-2);
			
		// Do nothing when it's the current item
		// But processed when the item is clicked		
		if(lastmenutop != idmenu){			
						
			// Change back to normal when is no
			if(checkhi == 'hi'){
				var newsrc = src.substring(0, src.length - 6);				
			}
			else{
				var newsrc = img + 'hi';		
			}
										
			// Update current img
			obj.src = newsrc + '.jpg';
						
			// Reset Old One
			var oldhi = $(lastmenutop);						
			if(oldhi){
				oldhi.src = oldhi.src.substring(0, oldhi.src.length - 6) + '.jpg';		
			}
			// Update last
			lastmenutop = idmenu;
		}		
	} 
}

function changeStyle(elm,on){
	if(on == true){
		elm.style.color = '#00dc9a';
	}
	else{
		elm.style.color = '#b1b1b1';
	}
}