// en mouse wheel salta de seccion para abajo. poner Min height y acomodar nav
// on resize acomodar espacios en Slider
// call us que lleve al bottom
//INIT

var isTweening = false;

$(document).ready(function() {
	//DOCUMENT EVENTS
	//$.event.add(window, "resize", resizeFrame);
	//
	
	
	$('.menuLink a , #mapEnter, #botRequest, #botCalendar, .link_home').bind('click', function(event) {
		
		if (isTweening) {
			return false;
		}
		
		var dir = this.href;
		var urlArray =dir.split("#");
		var page = urlArray[urlArray.length-1]; 
		
		
		animateScroll(page)
		
		return false;
	});

	setBotones();
	
	$('#jqContainer').load("php/menu.php?section=1&page=0", function() {
																	 setBotones();
																	 });
	
	$('#jsEventCalendar').load("php/calendar.php?page=0", function() {
																   setBotones();
																   });
	
	$('#jqGalleryContainer').load("php/gallery.php", function() {
																   setBotones();
																   });
																   
	$.getJSON("http://twitter.com/statuses/user_timeline/lupecantina.json?count=10&callback=?", function(json){
		
		var lastTweet = "";
		var tweetTime = "";
		var vinculo = "";
		
		for (i = 0; i<10; i++) {
			lastTweet += "<p>" + json[i].text;
			vinculo = " <a id='retweetTwitter" + i + "' href='" + "http://twitter.com/home?status=" + "RT @lupecantina:  " + json[i].text + "' target='_blank' title='Lupe Retweet'><img src='img/twitter-retweet.png' alt='Lupe Retweet' /></a>";
			tweetTime = relative_time(json[i].created_at);
			lastTweet += vinculo + "<br/><span>" + tweetTime + "</span></p>";
		}
		$("#twittexto").html(lastTweet);
		
		$("#shareTwitter").attr("href", "http://twitter.com/home?status=" + "http://www.lupecantina.com/");
	});
	
});

// Carga de imagen en Location.
function evLocationLoad () {
	//
	this.hide ();
	this.fadeIn (300, function () {});
}

// 
function evLocationPrev () {
	//
	locationImagePos --;
	if (locationImagePos < 0) {
		//
		locationImagePos = 2;
	}
	$('#locationImage').attr("src", locationImageLis [locationImagePos]);
	return false;
}

// 
function evLocationNext () {
	//
	locationImagePos ++;
	if (locationImagePos > 2) {
		//
		locationImagePos = 0;
	}
	//
	$('#locationImage').attr("src", locationImageLis [locationImagePos]);
	return false;
}

var locationImageLis = new Array ("img/mapa-sushi.jpg", "img/location-1.jpg", "img/location-2.jpg");
var locationImagePos = 0;

// Configurar botones.
function setBotones(){
	
	$('#locationImage').load (evLocationLoad);
	
	$('#locationPrev').click (evLocationPrev);
	$('#locationNext').click (evLocationNext);
	
	$('#send').click (evSendEventsForm);
	
	// botones menu
	$('#menuA, #menuB, #menuC, #menuD, #menuE').bind('click', function(event) {
			//
		$('#menuA').removeClass ();
		$('#menuB').removeClass ();
		$('#menuC').removeClass ();
		$('#menuD').removeClass ();
		$('#menuE').removeClass ();
		$(this).addClass ('menuov');
									
	if (isTweening) {
		return false;
	}

	// alert(this.href);
	var dir=this.href;
	//
	var urlArray =dir.split("/");
	
	var page = urlArray[urlArray.length-1]; 
	//
	isTweening = true
	$("#jqContainer").fadeOut(300, function(){$('#jqContainer').load(dir, function() {
			setBotones()
			$("#jqContainer").fadeIn(300, function(){
												   
				 isTweening = false;
				 
				 
				 onSelectMenu(page)
				 
			});
	
		});
		 
		 
	});
	return false;
	});
	
	$('.jqNext').bind('click', function(event) {
									
	if (isTweening) {
		return false;
	}
	
	var dir=this.href;
	//
	var urlArray =dir.split("/");
	
	var page = urlArray[urlArray.length-1]; 
	//
	isTweening = true
	$("#jqContainer").fadeOut(300, function(){$('#jqContainer').load(dir, function() {
			setBotones()
			$("#jqContainer").fadeIn(300, function(){
												   
				 isTweening = false;
				 
				 
				 onSelectMenu(page)
				 
			});
	
		});
		 
		 
	});
	return false;
	});
	
	// Gallery.
	$('.jqGalleryNext').bind('click', function(event) {
										
	if (isTweening) {
		return false;
	}

	// alert(this.href);
	var dir=this.href;
	//
	var urlArray =dir.split("/");
	
	var page = urlArray[urlArray.length-1]; 
	//
	isTweening = true
	$("#jqGalleryContainer").fadeOut(300, function(){
		var cargando = "<p align='center'><img src='img/ajax-loader.gif' /></p>";
		$(this).html (cargando);
		$(this).show ();
		$('#jqGalleryContainer').load(dir, function() {
			setBotones()
			$(this).hide ();
			$("#jqGalleryContainer").fadeIn(300, function(){
				//
				isTweening = false;
			});
	
		});
		 
		 
	});
	return false;
	});
	

	// botones concepts
	$('#conceptButton0, #conceptButton1, #conceptButton2, #conceptButton3').click(function(event) {
		//
		$('#conceptButton0').removeClass ();
		$('#conceptButton1').removeClass ();
		$('#conceptButton2').removeClass ();
		$('#conceptButton3').removeClass ();
		$(this).addClass ('conceptov');
		//
		if (isTweening) {
			return false;
		}
		//
		var dir=this.href;
		isTweening = true;
		$("#jqConceptDescription").fadeOut(700, function(){$('#jqConceptDescription').load(dir, function() {
				setBotones()
				$("#jqConceptDescription").fadeIn(500, function(){
					isTweening = false;
				});
			});
		});
		//
		
		return false;
	});
	
	//botones calendario jsEventCalendar
	$('.jqCalendarNext').bind('click', function(event) {

	if (isTweening) {
		return false;
	}
	
	var dir=this.href;
	isTweening = true;
	$("#jsEventCalendar").fadeOut(700, function(){$('#jsEventCalendar').load(dir, function() {
			setBotones()
			$("#jsEventCalendar").fadeIn(500, function(){
				isTweening = false;
				 
			});
	
		});
		 
		 
	});
	return false;
	});
	
	
	// botones gallery
/*	$('.jqGalleryNext').bind('click', function(event) {

		if (isTweening) {
			return false;
		}
		
		var dir=this.href;
		isTweening = true;
		$("#jqImageThumbs").fadeOut(700, function(){$('#jqImageThumbs').load(dir, function() {
				setBotones()
				$("#jqImageThumbs").fadeIn(500, function(){
					isTweening = false;
					 
				});
		
			});
			 
			 
		});
		return false;
	});*/
	
	$('.jqConceptNext').bind('click', function(event) {

		if (isTweening) {
			return false;
		}
		
		var dir=this.href;
		isTweening = true;
		$("#jqConceptDescription").fadeOut(700, function(){$('#jqConceptDescription').load(dir, function() {
				setBotones()
				$("#jqConceptDescription").fadeIn(500, function(){
					isTweening = false;
					 
				});
		
			});
			 
			 
		});
		return false;
	});
	
}
function onSelectMenu(page){

	// $("#jqConceptNext").css("color","black")
	// $("#jqGalleryNext a").css("color","white")
	
	
	
	
	
	if(page.indexOf("food") != -1)
	{
		$("#menuA").css("color","red")
	}
	if(page.indexOf("drinks") != -1)
	{
		$("#menuB").css("color","red")
	}
	//if(page.indexOf("happyhour") != -1)
	//{
	//	$("#menuC").css("color","red")
	//}
	if(page.indexOf("reservation") != -1)
	{
		$("#menuD").css("color","red")
	}

}
function animateScroll(page){
	
	var yPos=$('#'+page).position().top;
	$('html,body').animate( { scrollTop: yPos },700, "easeOutCubic");
	
	}

function evSendEventsForm () {
	// Formulario de events.
	var name = $("input#name").val();
	var lastName = $("input#lastname").val();
	var email = $("input#mail").val();
	
	// Comprobar.
	if (name == "") {
		//
		$("#requestStatus").text ("Write your name.");
		return false;
	} else if (lastName == "") {
		//
		$("#requestStatus").text ("Write your last name.");
		return false;
	} else if (email == "") {
		//
		$("#requestStatus").text ("Write your e-mail address.");
		return false;
	}
	
	var dob = $("input#dob").val();
	var doa = $("input#doa").val();
	var toa = $("input#toa").val();
	var aos = $("input#aos").val();
	var dataString = "name=" + name + "&lastName=" + lastName  + "&email=" +  email + "&dob=" + dob  + "&doa=" + doa  + "&toa=" + toa  + "&aos=" + aos
	
	$("#requestStatus").text ("Sending message...");
	
	//
	$.ajax({
		   type: "POST",
		   url: "php/events.php",
		   data: dataString,
		   success: function() {
			   //
			   $("input#name").val("");
			   $("input#lastname").val("");
			   $("input#mail").val("");
			   $("input#dob").val("");
			   $("input#doa").val("");
			   $("input#toa").val("");
			   $("input#aos").val("");
			   
			   $("#requestStatus").text ("Message was sent!");
			   
			   var yPos=$('#eventsMixingBar').position().top;
				$('html,body').animate( { scrollTop: yPos },700, "easeOutCubic");
			}
	});
	return false;
}

// Pop Up.
function openPopUp(_url){
	void (window.open(_url,"","fullscreen=no,toolbar=no,status=yes, menubar=no,scrollbars=no,resizable=no,directories=no,location=yes, width=400,height=350,left=100,top=100,screenX=100,screenY=100"));
	return;
}

// Pop Up de galerķa..
function openGalleryPopUp(){
	void (window.open("php/timthumb.php?src=" + galleryBigPhoto + "&w=640&h=480","","fullscreen=no,toolbar=no,status=yes, menubar=no,scrollbars=no,resizable=no,directories=no,location=yes, width=640,height=480,left=100,top=100,screenX=100,screenY=100"));
	return;
}