$(document).ready(function(){
	//if login panel is chosen
	if(getHash(0)){
		changeView('#initialPanel',getHash(0));
	}
	//if state is chosen
	if(stateId = getHash(1)){
		findAndSelect(document.getElementById('state_id'),stateId);
		$.post("remote/json.php/mdeLogin.getSchoolSystems/" + stateId,{},function(ret){
			var options = '<option value="0">Choose Your School System</option>';
			for (var i = 0 ; i < ret.rows.length ; i++){
				if( ret.rows[i][0] != '15'){
					options += '<option value="' + ret.rows[i][0] + '">' + ret.rows[i][1] + '</option>';
				}
			}
			$('#schoolSystem_id').html(options).removeAttr('disabled');
			if(getHash(2)){
				findAndSelect(document.getElementById('schoolSystem_id'),getHash(2));
			}
		},'json');
	}
	//if school system is chosen;
	if(getHash(2)){
		$.post("remote/json.php/mdeLogin.getSchools/" + getHash(2),{},function(ret){
			var options = '<option value="0">Choose Your School</option>';
			for (var i = 0 ; i < ret.rows.length ; i++){
				options += '<option value="' + ret.rows[i][0] + '">' + ret.rows[i][1] + '</option>';
			}
			$('#school_id').html(options).removeAttr('disabled');
			if(getHash(3)){
				findAndSelect(document.getElementById('school_id'),getHash(3));
				$('#password').removeAttr('disabled').focus();
				$('#submitBtn').removeAttr('disabled')
			}
		},'json');
	}
})

function findAndSelect(ele,val){
	if(!ele.options){
		return false;
	}
	for(var i = 0 ; i < ele.options.length ; i++){
		if(ele.options[i].value && ele.options[i].value == val){
			ele.selectedIndex = i;
			break;
		}
	}
}

function getHash(i,val,dropTheRest){
	tmpArray = document.location.hash.replace(/#/g,"").split('/');
	if(val){
		tmpArray[i] = val;
		if(dropTheRest){
			tmpArray = tmpArray.slice(0,(i+1));	
		}
		document.location.hash = tmpArray.join('/');
		return val;
	}else{
		return document.location.hash.replace(/#/g,'').split('/')[i];
	}
}

function stateChange(ele){
		stateId = $(ele).val();
		if(stateId != '0'){
			getHash(1,stateId,true);
			$.post("remote/json.php/mdeLogin.getSchoolSystems/" + stateId,{},function(ret){
				var options = '<option value="0">Choose Your School System</option>';
				for (var i = 0 ; i < ret.rows.length ; i++){
					if( ret.rows[i][0] != '15'){
						options += '<option value="' + ret.rows[i][0] + '">' + ret.rows[i][1] + '</option>';
					}
				}
				$('#schoolSystem_id').html(options).removeAttr('disabled');
				$('#school_id').html('').attr('disabled',true);
				$('#password').val('').attr('disabled',true);
				$('#submitBtn').attr('disabled',true);
			},'json');
		}else{
			//clear out
			getHash(0,getHash(0),true);
			$('#schoolSystem_id').html('').attr('disabled',true);
			$('#school_id').html('').attr('disabled',true);
			$('#password').val('').attr('disabled',true);
			$('#submitBtn').attr('disabled',true);
		}
	}
	
	function schoolSystemChange(ele){
		schoolSystemId = $(ele).val();
		if(schoolSystemId != '0'){
			getHash(2,schoolSystemId);
			$.post("remote/json.php/mdeLogin.getSchools/" + schoolSystemId,{},function(ret){
				var options = '<option value="0">Choose Your School</option>';
				for (var i = 0 ; i < ret.rows.length ; i++){
					options += '<option value="' + ret.rows[i][0] + '">' + ret.rows[i][1] + '</option>';
				}
				$('#school_id').html(options).removeAttr('disabled');
				$('#password').val('').attr('disabled',true);
				$('#submitBtn').attr('disabled',true);
			},'json');
		}else{
			//clear out
			getHash(1,getHash(1),true);
			$('#school_id').html('').attr('disabled',true);
			$('#password').val('').attr('disabled',true);
			$('#submitBtn').attr('disabled',true);
		}		
	}
	
	function schoolChange(ele){
		schoolId = $(ele).val();
		if(schoolId != 0){
			getHash(3,schoolId);	
			$('#password').removeAttr('disabled').focus();
			$('#submitBtn').removeAttr('disabled')
		}else{
			getHash(2,getHash(2),true);
			$('#password').val('').attr('disabled',true);
			$('#submitBtn').attr('disabled',true);
		}
	}
	
	function changeView(parentEle,showItem){
		getHash(0,showItem);
		if(showItem=='teacher'){
			$(parentEle).slideUp('slow',function(){ 
				$('#teacherLogin').slideDown('slow');
			})
		}else{
			$(parentEle).slideUp('slow',function(){ 
				$('#studentLogin').slideDown('slow');
			});
		}
	}