function menuSuperior(opcion){
    $('#menuOculto').toggle('slow');
    muestraMenu(opcion);
    
    $('#menuOcultoInterior').toggle('slow');
    muestraMenu(opcion);
   
}

function muestraMenu(opcion){
	$(".menuOcultoItems").hide();
	$(opcion).show();
}

$(document).ready(function(){
  
     $('#menuHome li').bind('click', function(){ 
	     var path = $(this).find('a').attr('href');
	     menuSuperior(path);
	  });
     $('#menuHome li').bind('mouseover', function(){ 
	     var display = $("#menuOculto").css('display');
	     if(display != 'none'){
			 var path = $(this).find('a').attr('href');
	          muestraMenu(path);
		 }
		  	 
	  });
	    $('#header').bind('mouseleave', function(){
	   $('#menuOculto').hide('slow');

	  });
	  
	  
     $('#menuInterior li').bind('click', function(){ 
	     var path = $(this).find('a').attr('href');
	     menuSuperior(path);
	  });
     $('#menuInterior li').bind('mouseover', function(){ 
	     var display = $("#menuOcultoInterior").css('display');
	     if(display != 'none'){
			 var path = $(this).find('a').attr('href');
	          muestraMenu(path);
		 }
		  	 
	  });
	    $('#header').bind('mouseleave', function(){
	   $('#menuOcultoInterior').hide('slow');

	  });	  
	  
	  

  $('#menuPrincipal').bind('click', function(){
	    $('#menuPrincipalContenedor').toggle('slow');
	    $('#menuPrincipal').css({'position':'absolute'});
	    var display = $("#menuPrincipalContenedor").css('display');
	    console.debug(display);
	    if(display == 'none'){
		
			$('#menuPrincipal').css({'position':'fixed'});
		}	
		
	  } );
  $('#menuPrincipalContenedor').bind('mouseleave', function(){
	     $('#menuPrincipalContenedor').hide('slow');
	     $('#menuPrincipal').css({'position':'fixed'});
	  });
  $('#alamosTab').bind('click', function(){
	     $('#alamosHide').toggle();
	    
	  });
  $('#menuTabs li').bind('click', function(e){
	      e.preventDefault();
	      /* primero cambiamos la imagen activa actual a inactiva */
	      var tabactivaactual = $('#menuTabs li[class=activaTab]').find('a').attr('href');
	      var imgactiva = $('#menuTabs li[class=activaTab]').find('img').attr('src');
	      var altactiva = $('#menuTabs li[class=activaTab]').find('img').attr('alt');
	      var imgaux = imgactiva.substr(0, imgactiva.length-5);
	      var imginactiva = imgaux+".png";
	      $('#menuTabs li[class=activaTab]').html("<a href='"+tabactivaactual+"'><img src='"+imginactiva+"'   /></a>");
	      $('#menuTabs li[class=activaTab]').removeClass('activaTab').addClass('inactivaTab');
	      
	      /* despues cambiamos la imagen inactiva a activa del tab se que cliqueó */
	      var tabid = $(this).find('a').attr('href');
	      var imginactivo = $(this).find('img').attr('src');
	      var alt =  $(this).find('img').attr('alt');
	       imgaux = imginactivo.substr(0, imginactivo.length-4);
	     
	      var imgactivo = imgaux+"2.png";
	      $(this).html("<a href='"+tabid+"'><img src='"+imgactivo+"'   /></a>");
	      $(this).removeClass('inactivaTab').addClass('activaTab'); 
	  }); 


  	         $("#ctab1").click(function(){
	         var html = "<div id='ctab1IzqHome'><h2>Capitulos IPEA</h2><BR><BR>";
			 html +="<p>Red de j&oacute;venes l&iacute;deres en Universidades p&uacute;blicas y privadas de M&eacute;xico que estan dispuestos a pensar ";
             html +="y actuar, que generan ideas, propuestas y soluciones innovadoras para enfrentar los grandes retos que ";
			 html +="tiene el pa&iacute;s. <BR><BR>";
			 html +="IPEA conecta las ideas con los tomadores de decisiones para implementar estos proyectos y que ellos ";
			 html +="mismos sean los protagonistas de los cambios que el pa&iacute;s requiere. Adem&aacute;s todos deben pasar por un ";
			 html +="proceso de formaci&oacute;n que incluye: Valores 2.0 Comunicaci&oacute;n y Pol&iacute;ticas P&uacute;blicas.<br><br></p><br><br><br>";

			 html +="<div id='img1'><div id='divImg'><img src='assets/images/logoEscuela/itam.png'></div><div id='titleImg'>&nbsp;<br>&nbsp;<BR>ITAM</div></div>";
			 html +="<div id='img1'><div id='divImg'><img src='assets/images/logoEscuela/unam.png'></div><div id='titleImg'>&nbsp;<br>&nbsp<BR>UNAM</div></div>";
             html +="<div id='img1'><div id='divImg'><img src='assets/images/logoEscuela/panamericana.png'></div><div id='titleImg'>&nbsp;<br>&nbsp;<BR>&nbsp;UP</div></div>";
             html +="<div id='img1'><div id='divImg'><img src='assets/images/logoEscuela/ibero.png'></div><div id='titleImg'>&nbsp;<br>&nbsp;<BR>&nbsp;Ibero</div></div>";

             html +="<div id='img1'><div id='divImg'><img src='assets/images/logoEscuela/eldnew.png'></div><div id='titleImg'>&nbsp;&nbsp;ELD<br>&nbsp;&nbsp;(Escuela Libre<BR>&nbsp;&nbsp;de Derecho)</div></div>";
             html +="<div id='img1'><div id='divImg'><img src='assets/images/logoEscuela/itesm.png'></div><div id='titleImg'>&nbsp;&nbsp;ITESM<br>&nbsp;&nbsp;Campus<BR>&nbsp;&nbsp;Cd M&eacute;xico</div></div>";
             html +="<div id='img1'><div id='divImg'><img src='assets/images/logoEscuela/itesm.png'></div><div id='titleImg'>&nbsp;&nbsp;ITESM<br>&nbsp;&nbsp;Campus<BR>&nbsp;&nbsp;Quer&eacute;taro</div></div>";
             html +="<div id='img1'><div id='divImg'><img src='assets/images/logoEscuela/itesm.png'></div><div id='titleImg'>&nbsp;&nbsp;ITESM<br>&nbsp;&nbsp;Campus<BR>&nbsp;&nbsp;Monterrey</div></div>";


             html +="</div><style>#ctBody{height:460px!important;}</style>";
			 $("#ctBody").empty(); 
	         $("#ctBody").append(html);

		     });
 					
 	         $("#ctab2").click(function(){

	         var html = "<div id='ctab1IzqHome'><h2>M&eacute;xico 2005</h2><BR><BR>";
			 html +="<p>En coordinaci&oacute;n con j&oacute;venes l&iacute;deres de universidades p&uacute;blicas y privadas, el IPEA esta definiendo un ";
             html +="proyecto ciudadano para vislumbrar el M&eacute;xico que vamos a contruir hacia el 2050.<BR>";
			 html +="<BR>";
			 html +="La combinaci&oacute;n de juventud y experiencia ser&aacute;n el motor que impulse una transormaci&oacute;n para que ";
			 html +="M&eacute;xico se convierta en el pa&iacute;s incluyente y prospero que puede y debe ser.<BR></p></div>";

			 $("#ctBody").empty(); 
	         $("#ctBody").append(html);
     
		     });

		     $("#ctab3").click(function(){
	         
	         var html = "<div id='ctab1IzqHomeshort'><H2>Valores 2.0</H2><BR><BR>";
			 html +="<p>El &eacute;xito, gobernabilidad, seguridad, rentabilidad y formaci&oacute;n son temas de principios ";
             html +="M&eacute;xico necesita ser un pa&iacute;s de ciudadanos &iacute;ntegros.";
			 html +="<BR>";
			 html +="Este curso es una herramienta extraordinaria para fortalecer a la persona internamente ";
			 html +="y le ayuda a sacar su m&aacute;ximo potencial.";
			 html +="<BR><BR></p>";
			 html +="<div id='ctabBotonShort'><a href='/assets/files/Valores 2.0.pdf'><img src='assets/images/bot_conocer.png' alt='conoce más'></a></div></div>";
			 
			 html +="<div id='ctab1DerHome'>";
             html +="<img src='assets/images/img_fotos/valores4.jpg' width='100px' height='85px' >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";
             html +="<img src='assets/images/img_fotos/valores3.jpg' width='100px' height='85px'><BR><BR>";
             html +="<img src='assets/images/img_fotos/valores2.jpg' width='100px' height='85px'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";
             html +="<img src='assets/images/img_fotos/valores1.jpg' width='100px' height='85px'>";
             html +="</div>";
			 
                     
			 $("#ctBody").empty(); 
	         $("#ctBody").append(html);
     
		     });

			$("#ctab4").click(function(){
	         
	         var html = "<div id='ctab1IzqHome'><H2>L&iacute;deres IPEA<BR></H2><BR><BR>";
			 html +="<p>El IPEA esta formado a una nueva generaci&oacute;n de j&oacute;venes para ser ciudadanos &iacute;ntegros y convertirse en l&iacute;deres actores y agentes ";
             html +="de cambio.<BR>";
			 html +="<BR>";
			 html +="Concientes de que la transformaci&oacute;n de M&eacute;xico ser&aacute; a trav&eacute;s de una nueva generaci&oacute;n, IPEA les ofrece las herramientas ";
			 html +="necesarias para preparar a los futuros tomadores de decisiones.<BR></p>";
			 html +="<BR></div>";

			 $("#ctBody").empty(); 
	         $("#ctBody").append(html);
     
		    });

			$("#ctab5").click(function(){
	         
	         var html = "<div id='ctab1IzqHome'><H2>Mi pacto con M&eacute;xico</H2><BR><BR>";
			 html +="<p>Al cumplir 200 años, M&eacute;xico me necesita m&aacute;s que nunca. La historia me presenta una oportunidad &uacute;nica para que se ";
             html +="cumpla la promesa de libertad que inspir&oacute; la fundaci&oacute;n de mi pa&iacute;s.<BR>";
			 html +="<BR>";
			 html +="Por ello, de que soy importatnte para M&eacute;xico, de mi valor como ser humano y mi capacidad para eligir libremente, ";
			 html +="me comprometo a ser un ciudadano mexicano ejemplar.<BR></p>";
			 html +="<BR>";
			 html +="<div id='ctabBoton'><a href='/assets/files/MipactoconMexico.pdf'><img src='assets/images/bot_conocer.png' alt='conoce más'></a></div></div>";

			 $("#ctBody").empty(); 
	         $("#ctBody").append(html);
     
		    });

 	         $("#ctab3").click();



$("#videoIPEAver").click(function(){
	flashvars = '';
	params = {
		menu: "false",
		wmode: "Transparent",
        flashvars: "file=/assets/files/UniversidadIPEA09.mp4&autostart=true&repeat=always&plugins="        
	}
	swfobject.embedSWF('assets/files/player.swf','videoIPEA','280','250','9.0.0','',flashvars,params);
	
});
  

$("#videoIPEAverGen").click(function(){
	flashvars = '';
	params = {
		menu: "false",
		wmode: "Transparent",
        flashvars: "file=/assets/files/UniversidadIPEA09.mp4&autostart=true&repeat=always&plugins="        
	}
	swfobject.embedSWF('assets/files/player.swf','videoIPEAGen','376','308','9.0.0','',flashvars,params);
	
});


});


function mycarousel_initCallback(carousel)
{
    // Disable autoscrolling if the user clicks the prev or next button.
    carousel.buttonNext.bind('click', function() {
        carousel.startAuto(0);
    });

    carousel.buttonPrev.bind('click', function() {
        carousel.startAuto(0);
    });

    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};

jQuery(document).ready(function() {
    jQuery('#mycarouselToolGeneraciones').jcarousel({
        auto: 2,
		wrap: 'circular',
		scroll: 1,
        initCallback: mycarousel_initCallback
    });


  $("#btnSlideprev").click(function(){
	  $(".jcarousel-skin-tango-Generaciones .jcarousel-prev-horizontal").click();
 });

  $("#btnSlidenext").click(function(){
      $(".jcarousel-skin-tango-Generaciones .jcarousel-next-horizontal").click();
 });

}); 



    
