$(function(){
	
	$("#body").slideToggle(1000);
	
	var dayLi = document.getElementById('daySelected');
	var monthLi = document.getElementById('monthSelected');
	var yearLi = document.getElementById('yearSelected');
	
	var dayVal = document.getElementById('dayValue');
	var monthVal = document.getElementById('monthValue');
	var yearVal = document.getElementById('yearValue');
	
	
	var dayClicked = false;
	var monthClicked = false;
	var yearClicked = false;
	var daySelected = 1;
	var monthSelected = 1;
	var yearSelected = 1920;
	
	
	$('#newSubmit').click(function(){
		var date = [$(dayVal).val(),$(monthVal).val(),$(yearVal).val()];
		if(date[0]!="" && date[1]!="" && date[2]!="")
		{
			var minAge = 18;
			
			var day = date[0];
			var month = date[1]-1;
			var year = date[2];
			
			var theirDate = new Date((parseInt(year) + minAge), month, day);
			var today = new Date;
			if ( (today.getTime() - theirDate.getTime()) < 0) 
			{
				$(".hid-msg").slideDown();
				$(".hid-msg2").slideUp();
			}
			else enterSite();
		}
		else
		{
			$(".hid-msg").slideUp();
			$(".hid-msg2").slideDown();
		}
	});
	
	function enterSite(){
		$("#body").css('overflow','hidden');
		$("#body").animate({height:'0px',marginTop:'197px'},1000,function(){
			location.href = '/historia';
		});
	}
	
	$('.opDay').click(function(){
		daySelected = $(this).html();
		dayLi.innerHTML = daySelected;
		$(dayVal).val(daySelected);
	});
	
	$('.opMonth').click(function(){
		monthSelected = $(this).html();
		monthLi.innerHTML = monthSelected;
		$(monthVal).val(monthSelected);
	});
	
	$('.opYear').click(function(){
		yearSelected = $(this).html();
		yearLi.innerHTML = yearSelected;
		$(yearVal).val(yearSelected);
	});
	
	$("#day").click(function(){
		var pane = $("#dayScroll");
		pane.jScrollPane();
		var api = pane.data('jsp');
		if(!dayClicked){
			$('#dayScroll').find('.jspVerticalBar').fadeIn();
			dayClicked = true;
			$(".day-picker").animate({
				height:'150px',
				marginTop:'-60px'
			});
		}
		else{
			dayClicked = false;
			api.scrollToY(0);
			$('#dayScroll').find('.jspVerticalBar').fadeOut();
			$(".day-picker").animate({
				height:'25px',
				marginTop:'0px'
			});
		}
	});
	
	$("#month").click(function(){
		var pane = $("#monthScroll");
		pane.jScrollPane();
		var api = pane.data('jsp');
		if(!monthClicked){
			$('#monthScroll').find('.jspVerticalBar').fadeIn();
			monthClicked = true;
			$(".month-picker").animate({
				height:'150px',
				marginTop:'-60px'
			});
		}
		else{
			monthClicked = false;
			$('#monthScroll').find('.jspVerticalBar').fadeOut();
			api.scrollToY(0);
			$(".month-picker").animate({
				height:'25px',
				marginTop:'0px'
			});
		}
	});
	
	$("#year").click(function(){
		var pane = $("#yearScroll");
		pane.jScrollPane({verticalDragMinHeight: 20});
		var api = pane.data('jsp');
		if(!yearClicked){
			$('#yearScroll').find('.jspVerticalBar').fadeIn();
			yearClicked = true;
			$(".year-picker").animate({
				marginTop:'-60px',
				height:'150px'
			});
		}
		else{
			yearClicked = false;
			$('#yearScroll').find('.jspVerticalBar').fadeOut();
			api.scrollToY(0);
			$(".year-picker").animate({
				marginTop:'0px',
				height:'25px'
			});
		}
	});
});