$(document).ready(function(){  
	
$("#searchform").bind("submit", function(e){
	var q = $("#query").val();
	if(q != "" && q != "Search"){
		return true;	
	} else {
		$("#query").val("").focus();
		return false;
	}
});

$("#query").focus(function(){
	$(this).val("");
})


$.fn.hoverClass = function(c) {
    return this.each(function(){
        $(this).hover( 
            function() { $(this).addClass(c);  },
            function() { $(this).removeClass(c); }
        );
    });
}

$("li.current-page").parentsUntil("#menuContainer").addClass("current-page");

$('.menu li ul.menu li ul.menu li').has('ul').addClass("hasChildren");

$(".menu li").hoverClass("sfhover");
	
	//La Ronge
	var laronge_q = new Object();
	laronge_q.Location = "CAXX0233";
	$.get("/media/js/ajax/get_weather.php", laronge_q, function(xml){
		var Condition = $(xml).find("Condition").text();
		var Temp = $(xml).find("Temperature").text();
		var Img = $(xml).find("Image").text();
		var Title = "Twin Falls Lodge";
		
		var html =	format_weather(Condition, Temp, Title, Img);
		$("#laronge").html(html).show();
		bind_events("#laronge");
	});
	
	//La Ronge
	var laronge2_q = new Object();
	laronge2_q.Location = "CAXX0233";
	$.get("/media/js/ajax/get_weather.php", laronge2_q, function(xml){
		var Condition = $(xml).find("Condition").text();
		var Temp = $(xml).find("Temperature").text();
		var Img = $(xml).find("Image").text();
		var Title = "Thompsons Camps Otter Lake Resort";
		
		var html =	format_weather(Condition, Temp, Title, Img);
		$("#laronge2").html(html);
		bind_events("#laronge2");
	});
	
	//Stony Rapids
	var stony_q = new Object();
	stony_q.Location = "CAXX2313";
	$.get("/media/js/ajax/get_weather.php", stony_q, function(xml){
		var Condition = $(xml).find("Condition").text();
		var Temp = $(xml).find("Temperature").text();
		var Img = $(xml).find("Image").text();
		var Title = "Selwyn Lake Lodge";
		
		var html =	format_weather(Condition, Temp, Title, Img);
		$("#stony").html(html);
		bind_events("#stony");
	});

});

function highlight_events(year, month, inst){
	
	var q = new Object();
	q.Method = "Get";
	q.Class = "Object";
	
	q.Query = new Object();
	q.Query.Type = "3";
	q.Query = JSON.stringify(q.Query);
	
	$.post("/ohcms/objects.json", q, function(data){
		var Results = data.Results;
		
		$("#event-calendar").datepicker({
			beforeShowDay : function(date){
				for(key in Results){
					var dayToHighlight = parseInt(Results[key].Properties.date.Day);
					var monthToHighlight = parseInt(parseInt(Results[key].Properties.date.Month) - 1);
					var yearToHighlight = parseInt(Results[key].Properties.date.Year);
					
					if(parseInt(date.getDate()) == dayToHighlight 
					&& parseInt(date.getFullYear()) == yearToHighlight 
					&& parseInt(date.getMonth()) == monthToHighlight) {
						return [true,"ui-state-active",Results[key].Properties.title]; 
					}
						
				}
				return [true, ""];//enable all other days
			},
			onSelect : function(dateText){
				dateText = dateText.split("/");
				var Month = dateText[0];
				var Day = dateText[1];
				var Year = dateText[2];
				document.location = "/events?month=" + Month + "&day=" + Day + "&year=" + Year;
			}
		});

	},"json");
}

function format_weather(condition, temp, title, image){
	return '<div class="condition clearfix" style="background:url(/media/img/icons/'+image.toLowerCase().replace(" ","_")+'.png) no-repeat">\
				<span class="temp">'+temp+'&ordm;C</span>\
				<span class="condition_text">'+condition+'</span>\
			</div>\
			<div class="location">\
					<a class="prev-arrow" href="#">Previous</a>\
					'+title+'\
					<a class="next-arrow" href="#">Next</a>\
			</div>';
}

function bind_events(el){
	$(".prev-arrow", el).bind("click", function(e){
		e.preventDefault();
		$(el).hide();
		
		if(!$(el).prev(".weather-item").html()){
			$(".weather-item:last").show();
		} else $(el).prev(".weather-item").show();
			
		
	});
	$(".next-arrow", el).bind("click", function(e){
		e.preventDefault();
		$(el).hide();
		
		if(!$(el).next(".weather-item").html()){
			$(".weather-item:first").show();
		} else $(el).next(".weather-item").show();

	});
}