var $grade = getQueryVariable("grades");
if (typeof $grade != "undefined") {
	if ( $grade == "prekk" || $grade == "12" || $grade == "35" || $grade == "68" || $grade == "912" ) {
		$grade = 'sa_' + $grade + '_inc';
	}
	else { $grade = 'sa_35_inc'; }
}
else {
	$grade = readCookie('saGrade') ? readCookie('saGrade') : 'sa_35_inc';
}
var $currTab = 'tab_' + $grade.substring(0,$grade.length-4);
var styles = [];
styles['sa_prekk_inc'] = ['#F4CF21','#F4D020'];
styles['sa_12_inc'] = ['#F16596','#F16596'];
styles['sa_35_inc'] = ['#79CEF5','#449CD3'];
styles['sa_68_inc'] = ['#6ACCA7','#6BCDA7'];
styles['sa_912_inc'] = ['#FF962D','#FF962D'];
document.write('<style type="text/css">');
document.write('#' + $grade + '{display: block;}');
document.write('.default { border-color:' + styles[$grade][0] + ';border-top-color:' + styles[$grade][1] + '}');
document.write('</style>');


addLoadEvent(function() {
	(function($){		
		$('#saTabs a').hover(
			function() { $(this).addClass("on"); }, 
		    function() { if ( !$(this).hasClass("selected") ) {	$(this).removeClass("on"); } }
		);
	  $('#saTabs a').click(function(){
		if ( $(this).hasClass('selected') ) { return false; }
		$('#saTabs a').removeAttr("class");
		$(this).addClass("on").addClass("selected");
		$currTab = $(this).attr("id");
		$('#sa_prekk_inc, #sa_12_inc, #sa_35_inc, #sa_68_inc, #sa_912_inc').hide();
		$('#saGrades').removeClass().addClass($(this).parent().attr("id").substring(4) + '_on');		
		var $curr = $(this).parent().attr("id").substring(4) + '_inc';
		$('#' + $curr).fadeIn();
		saveCookie('saGrade',$curr);
		return false;
	  });
	})(jQuery);
});

addLoadEvent(function(){
	jQuery('#query').bind('focus',function(){ if ( this.value == this.defaultValue ) { this.value = ""; } }).bind('blur',function(){
			if ( this.value == "" ) { this.value = this.defaultValue; } });;
});


function displayTabs() {
	var selected1 = selected2 = selected3 = selected4 = selected5 = '';
	switch($currTab){
		case 'tab_sa_prekk': selected1 = ' class="on selected" '; break;
		case 'tab_sa_12': selected2 = ' class="on selected" '; break;
		case 'tab_sa_35': selected3 = ' class="on selected" '; break;
		case 'tab_sa_68': selected4 = ' class="on selected" '; break;
		case 'tab_sa_912': selected5 = ' class="on selected" '; break;
		default: break;
	}
	var tabs = '<ul>';
	tabs += '<li id="tab_sa_prekk"><a href="#"' + selected1 + '>PREK - K</a></li>';
	tabs += '<li id="tab_sa_12"><a href="#"' + selected2 + '>1 - 2</a></li>';
	tabs += '<li id="tab_sa_35"><a href="#"' + selected3 + '>3 - 5</a></li>';
	tabs += '<li id="tab_sa_68"><a href="#"' + selected4 + '>6 - 8</a></li>';
	tabs += '<li id="tab_sa_912"><a href="#"' + selected5 + '>9 - 12</a></li>';
	tabs += '</ul>';
	document.write(tabs);
}

function gotoPage() {
	location.href = "http://teacher.scholastic.com" + document.Title.Page.options[document.Title.Page.selectedIndex].value;
}