/* documentation:
slider used in projects page: http://bxslider.com/
modal used in projects page: http://www.ericmmartin.com/projects/simplemodal/
cloud zoom used in services page: http://www.professorcloud.com/mainsite/cloud-zoom.htm
*/

// $(document).ready()
$(function() {
	
	//make sure background image goes to the bottom
	var winHeight = $(window).height();
	$("body").css("min-height", winHeight);
	
	//sets widths depending on window size while resizing
	$(window).resize(function(){
		var winHeight = $(window).height();
	    $("body").css("min-height", winHeight);
	});

	
	//active a in main nav
	$("#nav ul li a").each(function() {
		var hreflink = $(this).attr("href");
		var urlCurrent = location.href.split("#");
		if (hreflink==urlCurrent) {
			$(this).addClass("active");
		}
	});
	
	//store selections in variables
	var $elMandadoNav = $("#elMandadoNav");
	var $aboutElMandadoLink = $("#nav ul li.aboutElMandado a");
	var $projectsNav = $("#projectsNav");
	var $projectsLink = $("#nav ul li.projects a");
	
	//hide elMandado/Projects nav until it's called
	$elMandadoNav.hide();
	$projectsNav.hide();
	
	//if any of the links in elMandado/Projects nav is active, El Mandado/Projects link in the main nav will become active too
	$("#elMandadoNav li a").each(function(){
	 	if($(this).hasClass('active')){
	 		$aboutElMandadoLink.addClass("active");
	 	}
	 });
	 
	 $("#projectsNav li a").each(function(){
	 	if($(this).hasClass('active')){
	 		$projectsLink.addClass("active");
	 	}
	 });
	 
	//open elMandado/Projects nav 
	 if($aboutElMandadoLink.hasClass("active")){
		$elMandadoNav.toggleClass("active").slideToggle("slow");
	 }
	 
	 
	 if($('#projects').length){
		 if($projectsLink.hasClass("active")){
			$projectsNav.toggleClass("active").slideToggle("slow");
		 }
		 
		 //add last class to last element in ul.projectsBatch (or each 3 elements)
		 var $projectsEndRow = $("#projects ul.projectsBatch li");
		 var i=0;
		 $("#projects ul.projectsBatch li").each(function(){
		 	$projectsEndRow.eq(i+2).addClass('last');
		 	i+=3;
		 });
	 }
	
	 //activate project slider
	 if($('#projectsSlider').length){
		 $('#projectsSlider').bxSlider({
		 	nextText: 'Next projects',
		 	prevText: 'Prev projects',
		 	infiniteLoop: false,
		 	hideControlOnEnd: true
		 });
	 }
	 
	//activate project modal
		
	$('.projectItem').hide();
	
	$('#projects ul.projectsBatch li a, .mainContent ul li a').click(function(){
		var idLink = $(this).attr("href");
		//activate modal window (lightbox)
		$(idLink).modal({
			opacity:88,
			zIndex: 90,
			overlayCss: {backgroundColor:"#000"},
			overlayClose:true,
			autoResize:true,
			onOpen: function (dialog) {				
					dialog.data.hide();	
					dialog.overlay.fadeIn('slow');
					$('a.modalCloseImg').hide();				
					dialog.container.fadeIn('slow', function () {
						$('a.modalCloseImg').fadeIn('slow');
						dialog.data.fadeIn('slow');
					});
					
			}, 
			onClose: function (dialog) {				
				dialog.data.fadeOut('slow');
				$('a.modalCloseImg').fadeOut('slow');
				dialog.overlay.fadeOut('slow', function () {
					$.modal.close();
					$(idLink).css('display', 'none');
				});
				
			} 
		});
		$(idLink).fadeIn('slow').css('display', 'block');
		//activate project slider per item
		if($(idLink +' '+'.rightCol ul.projectItemSlider li').length > 1){
			$(idLink +' '+'.rightCol ul').bxSlider({
			 	nextImage: 'images/btn-next.png',
			 	prevImage: 'images/btn-prev.png',
			 	mode: 'fade',
			 	pager: true,
			 	speed: 900
			 });
		};
		//scroll smoothly to the top so the logo is visible
		$('html, body').animate({scrollTop:0}, 600);
		
		return false;
		
	});	
	
	$("#about").hover(function(){
		//$('#about .home_infografia').slideUp("normal");
		$('#about .home_infografia').animate({ top: -150 }, "normal");
		$('#about .home_txt').animate({ top: 0 }, "normal");
	}, function(){
		//$('#about .home_infografia').slideDown("slow");
		$('#about .home_infografia').animate({ top: 0 }, "normal");
		$('#about .home_txt').animate({ top: 150 }, "normal");
	});
	
	//Highlight the phrase "El mandado" or "#elmandado"
	//$('.twtr-tweet-text p').highlight('el mandado');
	//setInterval( function(){ $('.twtr-tweet-text p').highlight('el mandado'); }, 3000 );
	//setTimeout( function(){ $('.twtr-tweet-text p').highlight('el mandado'); }, 3000 );
	
});