$("document").ready(function() {

	changePage("home.html", "pageContent");
	init();
});
function vidnavclick(element) {
	$(".videolink").parent().removeClass("currentVid");
	$("#"+element.id).parent().addClass("currentVid");
	var target = $("#"+($("#"+element.id).attr("href")));
	//alert(target.css("display"));
	if (target.css('display')=='none')
	{
		$("#videocontainer > div").css("display", "none");
		target.css("display", "block");
	}
}
function init() {
		
	$(".navspan").click(function() {
		$(".navspan").parent().removeClass("currentPage");
		$("#"+$(this).attr("name")).parent().addClass("currentPage");
		changePage($(this).attr("target"), "pageContent");
		$("html,body").animate({
			scrollTop: $("body").offset().top
		});
	});
	$(".navspan").hover(function() {
		//alert('test');
		$(this).parent().addClass("hovernav");
	}, function() {
		$(this).parent().removeClass("hovernav");
	});
	
}

function changeVid(targetElement) {
	$("#videocontainer > div").each(function() {
		$(this).css("display", "none");
	});
	var container = $("#"+targetElement);
	container.css("display", "block");
	
}

function changePage(URL,targetElement) {
	
	var container = $("#"+targetElement)[0];
	var request = new XMLHttpRequest();
	
	request.open("GET", URL, true);	
	request.onreadystatechange = function() {
		if ((request.readyState == 4) || (request.readyState == 0)) {
			container.innerHTML = request.responseText.toString();
		}
	}
	request.send();
	
}