$(document).ready(function(){
	// js detection
	//$(".no-js").removeClass("no-js").addClass("js");
	
	//login popup stuff
	var docHeight = $(document).height();
	$("#studentLoginPopup").height(docHeight);
	$("#teacherLoginPopup").height(docHeight);
	
/*	$("#studentLogin a").click(function(){
		$("#studentLoginPopup").fadeIn(function(){
			$("#studentLoginPopupInner").slideToggle();
		});
		return false;
	});
	
	$("#studentLoginPopup .close").click(function(){
		$("#studentLoginPopupInner").slideToggle(function(){
			$("#studentLoginPopup").fadeOut();
		});
		return false;
	});
*/	
	$("#teacherLogin a").click(function(){
		$("#teacherLoginPopup").fadeIn(function(){
			$("#teacherLoginPopupInner").slideToggle();
		});
		return false;
	});
	
	$("#teacherLoginPopup .close").click(function(){
		$("#teacherLoginPopupInner").slideToggle(function(){
			$("#teacherLoginPopup").fadeOut();
		});
		return false;
	});

	//drop down script
	var timeout    = 500;
	var closetimer = 0;
	var ddmenuitem = 0;
	
	function jsddm_open() {  
		jsddm_canceltimer();
	   	jsddm_close();
		ddmenuitem = $(this).find('ul').css('display', 'block');
	}
	
	function jsddm_close() {  
		if(ddmenuitem) ddmenuitem.css('display', 'none');
	}
	
	function jsddm_timer() {  
		closetimer = window.setTimeout(jsddm_close, timeout);
	}
	
	function jsddm_canceltimer() {  
		if(closetimer) {  
			window.clearTimeout(closetimer);
			closetimer = null;
		}
	}
	
	$('li#menu-item-18').bind('mouseover', jsddm_open);
	$('li#menu-item-18').bind('mouseout',  jsddm_timer);
	$('li#menu-item-34').bind('mouseover', jsddm_open);
	$('li#menu-item-34').bind('mouseout',  jsddm_timer);
	
	document.onclick = jsddm_close;

	//Listado Completo Expand/Contract
	$(".centros").addClass("js").children("li").click(function(){
		$(this).find("h3").toggleClass("on");
		$(this).children("div").slideToggle();
	});

	//delete value of form on click
	$(".postalSearchSideBar").find("#location_search_widget_zip_field").click(function(){
		var thisValue = $(this).attr("value");
		if (thisValue == "Tu Código Postal") {
			$(this).attr("value","");
		}
	});
	$(".postalSearchInPage").find("#location_search_widget_zip_field").click(function(){
		var thisValue = $(this).attr("value");
		if (thisValue == "Código Postal") {
			$(this).attr("value","");
		}
	});



	//prices filtering
	$("#wp-table-reloaded-id-2-no-1 tr").hide();
	$("a.showAll").click(function(){
		$("#wp-table-reloaded-id-2-no-1 tr").show();
		return false;
	});
	$("#preciosFilter").css({display:"block"});
	
	//grab each DIFFERENT value for col1
	var column1 = new Array;
	$("#wp-table-reloaded-id-2-no-1").find("td.column-1").each(function() {
		var grupo = $(this).html();
		//first value, get it in the array
		if (column1.length < 1) {
			column1[0] = grupo;
		} else {
			if (jQuery.inArray(grupo, column1) < 0) {
				column1[column1.length] = grupo;
			}
		}

	});
	//add the first column stuff to the form
	for ( var i=0, len=column1.length; i<len; ++i ){
		$("#grupo").append("<option value=" + column1[i] + ">" + column1[i] + "</option>");
	}
	//change handler
	$("#grupo").change(function(){
		$("#nivel").html("<option value='0'>Nivel</option>")
		var str = "";
		$("#grupo option:selected").each(function () {
			str = $(this).text();
			//once I have the str, I can grab the next set of values
			$("td.column-1").each(function() {
				thisHTML = $(this).html();
				if (str == thisHTML) {
					column2 = $(this).siblings("td.column-2").text();
					$("#nivel").append("<option value=" + column2 + ">" + column2 + "</option>")
				}
			});
		});
	});

	//grab the click and do some magic
	$("#preciosForm .submit").click(function(){
		$("#wp-table-reloaded-id-2-no-1 tr").hide();
		$("#wp-table-reloaded-id-2-no-1 tr:eq(0)").show();
		column1Str = $("#grupo option:selected").text();
		column2Str = $("#nivel option:selected").text();

		if (column1Str != "Grupo Edad") {
			//1st column is selected, do something
			if (column2Str != "Nivel") {
				//both selected, do this
				$("td.column-1").each(function() {
					var thisCol1a = $(this).html();
					if (column1Str == thisCol1a) {
						thisCol2 = $(this).siblings("td.column-2").html();
						if (column2Str == thisCol2) {
							$(this).parent("tr").show();
						}
					}
				});
			} else {
				//just column1 selected, do this
				$("td.column-1").each(function() {
					var thisCol1 = $(this).html();
					if (column1Str == thisCol1) {
						$(this).parent("tr").show();
					}
				});
			}

		} else {
			//nothing selected, display all
			$("#wp-table-reloaded-id-2-no-1 tr").show();
		}
		return false;
	});
});