jQuery(function( $ ){	
	var $sections = $('#videoNav a'),// Scene  btns
	last = null;// Last section	
	$sections.click(function(){
		if( last != this ){ // let's avoid needless requests
			var url = this.hash.slice(1) + '.cfm';
			$('#videoContainer').html( "<div style='margin:10px; clear:both;'><img src='/images/loading.gif' /> <span style='font-size:12px; color:#333'>Loading content...</span></div>" ).load( url, function(){
			});
		}
		return false;
	});
	
});

window.onload = function() {
	reload = true;
    checkAndParseURL();
} 
function getURL(id){
	window.location.hash = id;
}
function checkAndParseURL() {
     var newstate = window.location.hash;
	 var url = newstate.slice(1) + '.cfm';	 
	 if(reload){
		 if(newstate.slice(1) ==''){
			 url = 'scene1.cfm';
			 newstate='#scene1'
			 }
		 //alert(url);	 
		 $('#videoContainer').html( "<div style='margin:20px; clear:both; '><img src='/images/loading.gif' alt='Loading...' /> <span style='font-size:12px;color:#333'>Loading content...</span></div>" ).load( url, function(){
			text = newstate.slice(6)	
			var currentTarget = document.getElementById(text);
		// Change its classname:
			currentTarget.className = 'selected';
			});
		}
}


function applySelectedTo(link) {
	var ul = document.getElementsByTagName("ul")['videoNav'];
	var allLinks = ul.getElementsByTagName("a");
	  for (var r=0; r<allLinks.length; r++) { 
		allLinks[r].className = "";
		}
	  
	  link.className = "selected"; 
}