$(window).bind("load", function() {
    var activeOpacity   = 1.0,
        inactiveOpacity = 0.6,
        fadeTime = 50,
        clickedClass = "selected";
		bordo = '#752c31';
		var logo = ".logo";
		var idioma = ".idioma";
		
		$(".sub_video_trabajos").hide();
		
		if (screen.width>=1200)
			{
				//Código de ejemplo...
				$("#container").css("left","11%");
				$(".col_derecha").css("margin-right","7%");
				$(".col_derecha").css("margin-top","10%");
				$("#tv").css("margin-top","20%");
					$("#radio").css("margin-top","30%");
					$("#cine").css("margin-top","40%");
					$("#misc").css("margin-top","50%");
				
				
			}else{
					if (screen.width>=1000)
					{
					//	alert('1024');
					
						$("#container").css("left","3%");
						$(".col_derecha").css("margin-right","0");
						$(".col_derecha").css("margin-top","10%");
					$("#tv").css("margin-top","10%");
					$("#radio").css("margin-top","20%");
					$("#cine").css("margin-top","30%");
					$("#misc").css("margin-top","40%");
						
					}
			}
			
				
		/*	alert('screen.width'+screen.width+ '   screen.height'+screen.height);*/
			

$(logo).click(function() {
					   
					   $("dd").hide();
								$("#trabajos").hide();
								$("#amigos").hide(); 
								$("#contacto").hide(); 
								$("#servicios").hide();
								$("#misc").hide();
								$("#cine").hide();
								$("#radio").hide();
								$("#tv").hide();
								

								$("#logo_yupanky").fadeTo(fadeTime, activeOpacity);
								
								$(".idioma").show();
								
								
					   
					   
					   
					   	})
					   
$("#btn_eng").click(function() {	
									$(this).fadeTo(fadeTime, activeOpacity);
									$("#btn_esp").fadeTo(fadeTime, inactiveOpacity);
									/* SERVICIOS */
									var src = "images/botones/" + $("#btnservicios").attr("id").match(/[^\.]+/) + "_eng.png";
                                     $("#btnservicios").attr("src", src);
									/* CONTACTO */ 
									 	var src = "images/botones/" + $("#btncontacto").attr("id").match(/[^\.]+/) + "_eng.png";
                                     $("#btncontacto").attr("src", src);
									/* CINE */ 
									  	var src = "images/botones/portfolio/" + $("#btncine").attr("id").match(/[^\.]+/) + "_eng.png";
                                     $("#btncine").attr("src", src);
									 /* GALERIA */ 
									  	var src = "images/botones/portfolio/" + $("#btngaleria").attr("id").match(/[^\.]+/) + "_eng.png";
                                     $("#btngaleria").attr("src", src);
									 
									 $(".servicios_es").hide();
									  $(".servicios_eng").show();
															  
							
										  
							    })

$("#btn_esp").click(function() {	$(this).fadeTo(fadeTime, activeOpacity);
									 $("#btn_eng").fadeTo(fadeTime, inactiveOpacity);
									 /* SERVICIOS */
									/* var src = $(this).attr("src").match(/[^\.]+/) + "_esp.png";*/
									 var src = "images/botones/" + $("#btnservicios").attr("id").match(/[^\.]+/) + "_esp.png";
                                     $("#btnservicios").attr("src", src);
									 /* CONTACTO */ 
									 	var src = "images/botones/" + $("#btncontacto").attr("id").match(/[^\.]+/) + "_esp.png";
                                     $("#btncontacto").attr("src", src);
									 /* CINE */ 
									  	var src = "images/botones/portfolio/" + $("#btncine").attr("id").match(/[^\.]+/) + "_esp.png";
                                     $("#btncine").attr("src", src);
									 
									  /* GALERIA */ 
									  	var src = "images/botones/portfolio/" + $("#btngaleria").attr("id").match(/[^\.]+/) + "_esp.png";
                                     $("#btngaleria").attr("src", src);
									 
									  $(".servicios_es").show();
								 $(".servicios_eng").hide();

									 
									 })
/*------------------------------------MOSTRAR MENU ---------------------------------------*/		
	
	$(idioma).click(function() {
								
								$("dd").hide();
								$("#trabajos").hide();
								$("#amigos").hide(); 
								$("#contacto").hide(); 
								$("#servicios").hide();
								$("#misc").hide();
								$("#cine").hide();
								$("#radio").hide();
								$("#tv").hide();
								

								$("#logo_yupanky").fadeTo(fadeTime, activeOpacity);
								/*----------------------cargar video de los marziano--------------------------*/
								var id_actual = 'los_marziano';
		 						var id_categoria = 'cine';
								var ancho = '500';
								var alto = '300';
								if (screen.width<=1000)
								{ 	
									var ancho = '320';
									var alto = '200';
								}
								
								var imagen = '';
						

								var titulo_actual =$('#'+id_actual+' span').html();
							    // alert(titulo_actual);
							    titulo_actual='';
								titulo_actual=titulo_actual.replace(/\n/g,"<br>");
					
								//var content = ($.browser.msie) ? $(this).context.xml : $("#titulovideo").html(titulo_actual);
								document.getElementById("titulovideo").innerHTML = titulo_actual;
								
								Cufon.replace('#titulovideo');
							//	$("#container").removeClass("container_chico").addClass("container_grande");
								$("#container").removeClass("container_chico").addClass("container_marziano");
						        
								//createPlayer('portfolio/'+id_categoria+'/'+id_actual+'.mp4',ancho,alto,imagen);
								/* VIMEO MARZIANO */
						        createVimeoPlayer('36852506',ancho,alto);
								setTimeout(
										function(){
										$("#container").show(); 
										//Lo que debe pasar pasados 10 segundos (10mil milisegundos)
										}, 300);

								$(".menu").show();
	
								})
								
			

/*------------------------------------BOTON MENU DE ARRIBA ---------------------------------------*/
     var boton_top = ".boton_top";
    $(boton_top).fadeTo(1, inactiveOpacity);

    $(boton_top).hover(
        function(){
            $(this).fadeTo(fadeTime, activeOpacity);
        },
        function(){
            // Only fade out if the user hasn't clicked the thumb
            if(!$(this).hasClass(clickedClass)) { 
                $(this).fadeTo(fadeTime, inactiveOpacity);
            }
			
        });
     $(boton_top).click(function() {
         // Remove selected class from any elements other than this
	
	/*swfobject.removeSWF("myFlashID");
    $('#div_vimeo').prepend("<div id='player_vimeo'></div>");*/

	//$('#div_vimeo').addClass("hidden");	
		// unloadVimeoVideo();
		 

		 
         var previous = $(boton_top+'.'+clickedClass).eq();
		 
		 if($('#btnportfolio').hasClass(clickedClass)) 
		 {  $('#btnportfolio').fadeTo(fadeTime, inactiveOpacity);
		 	$('#btnportfolio').removeClass(clickedClass);} 
		 if($('#btnservicios').hasClass(clickedClass)) 
		 {  $('#btnservicios').fadeTo(fadeTime, inactiveOpacity); 
		 	$('#btnservicios').removeClass(clickedClass);} 
		 if($('#btnamigos').hasClass(clickedClass)) 
		 {  $('#btnamigos').fadeTo(fadeTime, inactiveOpacity);
		 	$('#btnamigos').removeClass(clickedClass);} 
		 if($('#btncontacto').hasClass(clickedClass)) 
		 { 	$('#btncontacto').fadeTo(fadeTime, inactiveOpacity);
			$('#btncontacto').removeClass(clickedClass);} 
			
		var id_actual = $(this).attr('id');
		/*alert(id_actual);*/
		if (id_actual=='btnportfolio') {$("#amigos").hide(); $("#contacto").hide(); $("#servicios").hide();
										$("#misc").hide();$("#cine").hide();$("#radio").hide();$("#tv").hide();
		
										
										$("#trabajos").show();
										};
		
		if (id_actual=='btncontacto') {$("#amigos").hide(); $("#trabajos").hide(); $("#container").hide(); $("#servicios").hide();
										
									    $("#contacto").show(); 
									  };
		if (id_actual=='btnservicios') {$("#amigos").hide(); $("#contacto").hide(); $("#container").hide(); $("#trabajos").hide();
										$("#servicios").show(); 
										};
		if (id_actual=='btnamigos') {$("#trabajos").hide();$("#servicios").hide(); $("#container").hide(); $("#contacto").hide();
										$("#amigos").show();
		};
		
	
		 
		
		// alert(previous);
         var clicked = $(this);
         if(clicked !== previous) {
             previous.removeClass(clickedClass);
         }
         clicked.addClass(clickedClass).fadeTo(fadeTime, activeOpacity);
     });
/*------------------------------------SUB BOTON [TV- RADIO - CINE MISC ] ---------------------------------------*/
    var sub_boton_top = ".sub_boton_top";
    $(sub_boton_top).fadeTo(1, inactiveOpacity);

    $(sub_boton_top).hover(
        function(){
            $(this).fadeTo(fadeTime, activeOpacity);
        },
        function(){
            // Only fade out if the user hasn't clicked the thumb
            if(!$(this).hasClass(clickedClass)) { 
                $(this).fadeTo(fadeTime, inactiveOpacity);
            }
			
        });
	
/*----------------------------------------EVENTOS COLOR ACTIVO BOTONERA DE PORFOLIO -----------------------------*/	
     $(sub_boton_top).click(function() {
         // Remove selected class from any elements other than this
         var previous = $(sub_boton_top+'.'+clickedClass).eq();
		 
		  $(sub_boton_top).removeClass(clickedClass).fadeTo(fadeTime, inactiveOpacity);
		  
		  $(".sub_video_trabajos").hide();
	  
	    var id_actual = $(this).attr('id');
		if (id_actual=='btntv')  {$("#container").hide(); $("#tv").show();} else{$("#tv").hide()};
		if (id_actual=='btnradio') { $("#container").hide(); $("#radio").show();}else{$("#radio").hide()};
		if (id_actual=='btncine') { $("#container").hide(); $("#cine").show();}else{$("#cine").hide()};
		if (id_actual=='btngaleria') { $("#container").hide(); $("#misc").show();}else{$("#misc").hide()};
		
		
		
         var clicked = $(this);
         if(clicked !== previous) {
             previous.removeClass(clickedClass);
         }
         clicked.addClass(clickedClass).fadeTo(fadeTime, activeOpacity);
     });	 
	 
	 
/*-----------------------------------IDIOMA ------------------------------------------------------*/	 
     var idioma = "#intro_idiomas img";
	$(idioma).fadeTo(1, inactiveOpacity);

    $(idioma).hover(
        function(){
            $(this).fadeTo(fadeTime, activeOpacity);
        },
        function(){
            // Only fade out if the user hasn't clicked the thumb
            if(!$(this).hasClass(clickedClass)) { 
                $(this).fadeTo(fadeTime, inactiveOpacity);
            }
			
        });
     $(idioma).click(function() {
         // Remove selected class from any elements other than this
         var previous = $(idioma+'.'+clickedClass).eq();
		 
		 if($('#btn_english').hasClass(clickedClass)) 
		 {  $('#btn_english').fadeTo(fadeTime, inactiveOpacity); 
		 	$('#btn_english').removeClass(clickedClass);} 
		 if($('#btn_spanish').hasClass(clickedClass)) 
		 {  $('#btn_spanish').fadeTo(fadeTime, inactiveOpacity);
		 	$('#btn_spanish').removeClass(clickedClass);} 

		
		// alert(previous);
         var clicked = $(this);
         if(clicked !== previous) {
             previous.removeClass(clickedClass);
         }
         clicked.addClass(clickedClass).fadeTo(fadeTime, activeOpacity);
     });
	 
});

/*-----------CLICK EN SERVICIOS----------------------*/
var servicios = "#servicios";
     $(servicios).click(function(eventoclickLi) {
		eventoclickLi.stopPropagation(); //evito que se pase mas de una vez sobre esta funcion al hacer click en un item
								})