$(document).ready(function(){
	//reserveer buttons hoverstyle on home. in JS because chrome/safari didnt register the css :hover on the buttons
	$("#summary ul li .reserveer a").hover(function(){
		$(this).toggleClass("reserveer-btn");
		$(this).toggleClass("reserveer-btn-hover");
	});
	//postit on home, close button
	$(".cross").click(function(){$("#visualtext").css('display','none');});
	
	//aint got no clue what this is... =]
	/*if($("ul").hasClass("sub-items")){
		var submenuHeight = $("ul.sub-items").height();
		var fixedHeight = submenuHeight+110+"px";
		$("#leftmenu").css("backgroundPosition-y",fixedHeight);
	}
	*/
	$("#programmering ul li.active").next("li").css("marginTop","-4px");
	//
	$(".search").focus(
		function(){
			if(this.value==$(this).attr("rel")){
				this.value='';
			}
			$(this).attr('style', "color: black;");
		}		
	);
	$(".calendar").click(function(){
		$("#divcalendar").css('display','block');										
	});
	
	$("#divcalendar").mouseleave(function(){
		$(this).toggle('fast');									
	});

	$(".search").blur(
		function(){
			if(this.value == ""){
				this.value = $(this).attr("rel");
			}
			$(this).attr('style', "color: #B3B3B3;");
		}		
	);
	
	$("#menu-details-overview li:first a").click(function(){
		$("#menu-details-overview li:first a").removeClass();
		$(this).addClass("active");
		$(".fotos").toggle();
	});
	
	$("#menu-details-overview li a").click(function(){
		$("#menu-details-overview li a").removeClass();
		$(this).addClass("active");
		$("#tabs").children().css("display","none");
		$(".movie-" + this.id).css("display","block");
	});
	
	$("td.time").mouseover(function(){
			if($(this).html()=="")
		$(this).css("cursor","normal");
	}); 
	


	
//reserve movie & select date
var reserveren, movieTitle
movieTitle = $(".title-page").html();
	switch(strLangCode){
		case 'en':
			reserveren = ' ' +
						   '<div class="text">' +
						   '<h2 class="title-reserveren">You want to make a reservation for:</h2>' +
						   '<a class="reserveren-tijd" title="" href="#">Tijd?</a>' +
						   '<p>No date or time has been selected. When do you want to go to the movies?</p>' +
						   '</div>' +
						   '<div class="bottom"></div>';	
			break;
		case 'nl':
		default:
			reserveren = '&nbsp;' +
						   '<div class="text">' +
						   '<h2 class="title-reserveren">U wilt reserveren voor:</h2>' +
						   '<a class="reserveren-tijd" title="" href="#">Tijd?</a>' +
						   '<p>Er is nog geen datum en tijd geselecteerd. Wanneer wilt u naar de film?</p>' +
						   '</div>' +
						   '<div class="bottom"></div>';	
			break;
	}

$("#reserveren").html(reserveren);
	
	$("td.time").click(function(){	
	var movieTime = $(this).html().replace(/[^\d:]*/g,'');
	var movieDay = $(this).siblings(':first').children(".dag").html().replace(/[^a-z|A-Z]*/g,'');
	var movieDate = $(this).siblings(':first').children(".date").html().replace(/[^\d\-]*/g,'');
	var strRedirectUrl = $('.RedirectUrl').html();
	switch(strLangCode){
		case 'en':
			var reserverenSelected = '&nbsp;' +
											 '<div class="text">' +
											 '<h2 class="title-reserveren">You want to make a reservation for:</h2>' +
											 '<span class="movie-title">'+movieTitle+'</span> on <span class="movie-date">' + movieDay + ' ' + movieDate +'</span> at <span class="movie-time">'+movieTime+'</span>' +
											 '</div>' +
											 '<div class="bottom"><div class="default-btn"><a href="#" onclick="belbios_reserveer(\'' + strRedirectUrl + '?id='+id+'&date='+movieDate+'&time='+movieTime+'\',\'\');" title=""><span class="left-side"></span><span class="mid">Make reservation</span><span class="right-side"></span></a></div></div>';	
			break;
		case 'nl':
		default:
			var reserverenSelected = '&nbsp;' +
											 '<div class="text">' +
											 '<h2 class="title-reserveren">U wilt reserveren voor:</h2>' +
											 '<span class="movie-title">'+movieTitle+'</span> op <span class="movie-date">' + movieDay + ' ' + movieDate +'</span> om <span class="movie-time">'+movieTime+'</span>' +
											 '</div>' +
											 '<div class="bottom"><div class="default-btn"><a href="#" onclick="belbios_reserveer(\'' + strRedirectUrl + '?id='+id+'&date='+movieDate+'&time='+movieTime+'\',\'\');" title=""><span class="left-side"></span><span class="mid">Reservering plaatsen</span><span class="right-side"></span></a></div></div>';	
			break;
	}
	
		if($(this).hasClass("empty") == false){
			$("td.time").removeClass("active-time");
			$(this).addClass("active-time");						
		  $("#reserveren").html(reserverenSelected);
		}
	});
});