/// Infinite blink/fade
    function effectFadeIn(classname) {
             $("."+classname).animate({"bottom": "-=20px"}, 1000).animate({"bottom": "+=20px"}, 1000, effectFadeOut(classname))
    }
    function effectFadeOut(classname) {
             $("."+classname).animate({"bottom": "+=20px"}, 1000).animate({"bottom": "-=20px"}, 1000, effectFadeIn(classname))
    }
//mapa
 function initialize() {
	      var myLatlng = new google.maps.LatLng(40.4195,-3.700844);
	      var myOptions = {
		zoom: 14,
		center: myLatlng,
		mapTypeId: google.maps.MapTypeId.ROADMAP
	      }	  
	      var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);	  
	      var contentString = '<div id="sarasa" style="font-size: 12px; font-weight: bold; height">PINK SUSHIMAN HERE!!<br><span style="font-size: 10px">Calle del Caballero de Gracia, 8 - 28013 Madrid, Espa–a </span></div>';		  
	      var infowindow = new google.maps.InfoWindow({
		  content: contentString
	      });	  
	      var marker = new google.maps.Marker({
		  position: myLatlng,
		  map: map,
		  title: 'Uluru (Ayers Rock)'
	      });
	      google.maps.event.addListener(marker, 'click', function() {
		infowindow.open(map,marker);
	      });
	    }


function onAfter() {
            // alert(this.title)
    //$('.texto h5').html(this.title); 
//    $('.texto p').html(this.alt); 
}


// INICIALIZACION
$(document).ready(function() {
                
 // carga Menu calientes                
$("#catalogo2").load("sushi.html");
$("#btn_enlacinta").addClass("seleccionado");
                
$("#btn_temakis").click(function () { 
                $("#catalogo2").load("temakis.html");
                $(this).addClass("seleccionado");
                $("#btn_calientes, #btn_postres, #btn_enlacinta, #btn_ramen").removeClass("seleccionado");
                return false 		
})	
                      
$("#btn_calientes").click(function () { 
                $("#catalogo2").load("calientes.html");	
                $(this).addClass("seleccionado");
                $("#btn_temakis, #btn_postres, #btn_enlacinta, #btn_ramen").removeClass("seleccionado");
                return false 		
})	
                               
$("#btn_postres").click(function () { 
                $("#catalogo2").load("postres.html");	
                $(this).addClass("seleccionado");
              $("#btn_calientes, #btn_temakis, #btn_enlacinta, #btn_ramen").removeClass("seleccionado");
                return false 		
})	
                                 
$("#btn_enlacinta").click(function () { 
                $("#catalogo2").load("sushi.html");	
                $(this).addClass("seleccionado");
               $("#btn_calientes, #btn_postres, #btn_temakis, #btn_ramen").removeClass("seleccionado");
                return false 		
})	
                                 
$("#btn_ramen").click(function () { 
                $("#catalogo2").load("ramen.html");	
                $(this).addClass("seleccionado");
               $("#btn_calientes, #btn_postres, #btn_enlacinta, #btn_temakis").removeClass("seleccionado");
                return false 		
})	


   
                
// Slideshow HOME       
         $("#slideshowPres").cycle({
                speed:  'slow', 
                timeout: 0, 
                after:   onAfter,
                pager:  '#nav'
        })
        function onAfter() {
                $('#output').html('<h5>' + this.title + '</h5><p>' + this.id + '</p>')
        }

//Pink en los medios
        $("#nav_medios").click(function() {
                $("body").scrollTo( '#intro', 2000,{offset:{top:0, left:-165}},{easing:'swing'} );	                            
        })
         $("a[rel^='prettyPhoto']").prettyPhoto({
                         theme:'facebook',
                         allowresize: false,
                         default_width: 750,
                         opacity: 0,
                         markup: '<div class="pp_pic_holder"> \
                                         <div class="pp_top"> \
                                                 <div class="pp_left"></div> \
                                                 <div class="pp_middle"></div> \
                                                 <div class="pp_right"></div> \
                                         </div> \
                                         <div class="pp_content_container"> \
                                                 <div class="pp_left"> \
                                                 <div class="pp_right"> \
                                                         <div class="pp_content"> \
                                                                 <div class="pp_fade"> \
                                                                         <a href="#" class="pp_expand" title="Expand the image">Expand</a> \
                                                                         <a class="pp_close" href="#">Close</a> \
                                                                         <div class="pp_loaderIcon"></div> \
                                                                         <div class="pp_hoverContainer"> \
                                                                                 <a class="pp_next" href="#">next</a> \
                                                                                 <a class="pp_previous" href="#">previous</a> \
                                                                         </div> \
                                                                         <div id="pp_full_res"></div> \
                                                                         <div class="pp_details clearfix"> \
                                                                         <p class="pp_description"></p> \
                                                                                 <div class="pp_nav"> \
                                                                                         <a href="#" class="pp_arrow_previous">Previous</a> \
                                                                                         <p class="currentTextHolder">0/0</p> \
                                                                                         <a href="#" class="pp_arrow_next">Next</a> \
                                                                                 </div> \
                                                                         </div> \
                                                                 </div> \
                                                         </div> \
                                                 </div> \
                                                 </div> \
                                         </div> \
                                         <div class="pp_bottom"> \
                                                 <div class="pp_left"></div> \
                                                 <div class="pp_middle"></div> \
                                                 <div class="pp_right"></div> \
                                         </div> \
                                 </div> \
                                 <div class="pp_overlay"></div> \
                                 <div class="ppt"></div>'
         });
           
        
             
///////////////-------------------------------------------------- CIRCULOS
	//for (i = 0; i < 2000; i++) {
	//	$(".circulo_verde_claro").animate({"bottom": "-=20px"}, 1000);
	//	$(".circulo_verde_claro").animate({"bottom": "+=20px"}, 1000);
	//	$(".circulo_fucsia").animate({"bottom": "-=20px"}, 3000);
	//	$(".circulo_fucsia").animate({"bottom": "+=20px"}, 3000);		
	//}

///////////////-------------------------------------------------- SCROLLTO
	
	$("body").scrollTo( '#intro', 2000,{offset:{top:0, left:-165}},{easing:'swing'} );	
	
	$("#logo").click(function () { 
		$("body").scrollTo( '#intro', 2000,{offset:{top:0, left:-165}},{easing:'swing'} );	
		$(".menu").fadeOut("slow");		
		return false 		
	})	
	$("#entrar").click(function () { 
		$("body").scrollTo( '#home', 2000,{offset:{top:0, left:-165}},{easing:'swing'} );	
		$(".menu").fadeIn();
		$("#back_home").fadeOut();
			return false 		
	})		
	$("#back_home").click(function () { 
		$("body").scrollTo( '#home', 2000,{offset:{top:0, left:-165}},{easing:'swing'} );	
		$(".menu").fadeIn();
		$("#nav_eventos, #nav_conocenos, #nav_contacto, #nav_contacto, #nav_carta").css("color","#ED145B")
		$("#back_home").fadeOut();
		return false 		
	})	
	/////////////////////------------------------------------- SCROLLTO - MENU	
	$("#nav_conocenos").click(function () { 
		$("#back_home").fadeIn();
		$(this).css("color","#92D33B")
		$("#nav_eventos, #nav_contacto, #nav_contacto, #nav_carta").css("color","#ED145B")
		$("body").scrollTo( '#conocenos', 2000,{offset:{top:0, left:-165}},{easing:'swing'} );	
		return false 		
	})	
	$("#nav_eventos").click(function () { 
		$("#back_home").fadeIn();
		$(this).css("color","#92D33B")
		$("#nav_conocenos, #nav_contacto, #nav_contacto, #nav_carta").css("color","#ED145B")
		$("body").scrollTo( '#eventos', 2000,{offset:{top:0, left:-165}}, {easing:'swing'} );	
		return false 		
	})	
	$("#nav_carta").click(function () { 
		$("#back_home").fadeIn();
		$(this).css("color","#92D33B")
		$("#nav_eventos, #nav_contacto, #nav_contacto, #nav_conocenos").css("color","#ED145B")
		$("body").scrollTo( '#carta', 2000,{offset:{top:0, left:-165}}, {easing:'swing'} );	
		return false 		
	})
	$("#nav_contacto").click(function () { 
		$("#back_home").fadeIn();
		$(this).css("color","#92D33B")
		$("#nav_eventos, #nav_conocenos, #nav_eventos, #nav_carta").css("color","#ED145B")
		$("body").scrollTo( '#contacto', 2000,{offset:{top:0, left:-165}}, {easing:'swing'} );	
		return false 		
	})	

           
});