// JavaScript Document

if(!('console' in window) || !('log' in window.console)) {
	window.console = {
		log:function(){}
	};
}

$(document).ready(function() {
var $watch 		= $('#watch');
var $watchTitle = $('#watch-title');
var watching = false;
var hashRef = window.location.hash;
//window.location.hash = 'home';

	$.address.init(function(e) {
		//console.log('init', e.value);
		if (e.value == '/') $.address.value('/home');

		//e.pathNames
	})
	.change(function(e) {
		//console.log('change', e.value, e.pathNames[0]);
		//e.pathNames[0];
		
		$('ul#items li a').live('click', function(){
		nbr = $(this).parent().parent().index();
		var url = $(this).attr('href');
		var title = $('ul#items li:eq('+nbr+') a').text();
	
		if (watching == false) {
			$('#separator').show();
			$.scrollTo('#separator', 800);
			$watchTitle.empty();
			watching = true;
			var id = url.substring(url.lastIndexOf("/")+1);
			$watch.slideDown();
			displayWatch(id,title);
			return false;		
		}
		else {
			$('iframe').remove();
			$watchTitle.empty();
			watching = true;
			var url = $(this).attr('href');
			var id = url.substring(url.lastIndexOf("/")+1);
			displayWatch(id,title);
			return false;	
		}
		})
	});


if (hashRef != "" && hashRef != "/home" && hashRef != "#/home") {
	hashRef = hashRef.replace(/#/g, "");
	hashRef = hashRef.substring(hashRef.lastIndexOf("/")+1);

	var id_video = hashRef;
	var title_video = $('ul#items li#'+id_video+' a').text();
	$watchTitle.empty();
	watching = true;
	$watch.slideDown();
	displayWatch(id_video,title_video);
}	

	/*$('ul#items li a').live('click', function(){
		hashRef = $(this).parent().parent().attr('id');
		hashRef = hashRef.replace(/#/g, "");
		window.location.hash = hashRef;
		
		nbr = $(this).parent().parent().index();
		var url = $(this).attr('href');
		var title = $('ul#items li:eq('+nbr+') a').text();

		if (watching == false) {
			$('#separator').show();
			$.scrollTo('#separator', 800);
			$watchTitle.empty();
			watching = true;
			var id = url.substring(url.lastIndexOf("/")+1);
			$watch.slideDown();
			displayWatch(id,title);
			return false;	
		}
		else {
			$('iframe').remove();
			$watchTitle.empty();
			watching = true;
			var url = $(this).attr('href');
			var id = url.substring(url.lastIndexOf("/")+1);
			displayWatch(id,title);
			return false;	
		}
	});*/
	
	$('ul#items li').hover(function(){
			nr = $(this).index();
			$('ul#items li:eq('+nr+') .thumbhover').addClass('rollHover');
			$('ul#items li:eq('+nr+') a').addClass('hover');
	}, function() {
			$('ul#items li:eq('+nr+') .thumbhover').removeClass('rollHover');
			$('ul#items li:eq('+nr+') a').removeClass('hover');
	});	
	
	$('ul#items li').bind('click',function() {
		var i = $(this).index();
		setActHov(i);
	});
	
		
	$('a#close').live('click', function(){
		$watch.slideUp(function(){
			hashRef = "/home";
			window.location.hash = hashRef;
			$('#separator').hide();
			$('iframe').remove();
			$('ul#items li').removeClass('borderHover');
			$('ul#items li a').removeClass('aHover');
			$('ul#items li .thumbhover').removeClass('rollActive');
			return false;			
		});
		
		watching = false;
		return false;
	});
	
	function displayWatch (id,title) {
	var embed = '<iframe src="http://player.vimeo.com/video/'+id+'?title=0&amp;byline=0&amp;portrait=0&amp;color=ce1212&amp;autoplay=1" width="984" height="554" frameborder="0"></iframe>';
	$watchTitle.append(title);
	$('#watch-video').append(embed);		
	}
	
	function setActHov(idList) {
		$('ul#items li').removeClass('borderHover');
		$('ul#items li .thumbhover').removeClass('rollActive');
		$('ul#items li a').removeClass('aHover');
		
		$('ul#items li:eq('+idList+')').addClass('borderHover');
		$('ul#items li:eq('+idList+') .thumbhover').addClass('rollActive');
		$('ul#items li:eq('+idList+') a').addClass('aHover');
	}

});