$(window).bind("load", function() {
    var activeOpacity   = 1.0,
        inactiveOpacity = 0.6,
        fadeTime = 50,
        clickedClass = "selected";
		
		$(".sub_video_trabajos").hide();
	/*	//detectar resolucion de pantalla
			if ((screen.width>=1200) && (screen.height>=700))
			{
				//Código de ejemplo...
				$(".col_derecha").css("margin-right","14%");
			}*/
		
		
		
		/*----------------------------------- VIDEOS DENTRO DE PORTFOLIO ------------------------------------------------------*/	
	var trabajos = "#trabajos ul li";
	$(trabajos).fadeTo(1, inactiveOpacity);

    $(trabajos).hover(
        function(){
            $(this).fadeTo(200, activeOpacity);
        },
        function(){
            // Only fade out if the user hasn't clicked the thumb
            if(!$(this).hasClass(clickedClass)) { 
                $(this).fadeTo(fadeTime, inactiveOpacity);
            }
			
    });
	

	
     /*-----------CLICK EN UN ITEM DE PORTFOLIO----------*/
     $(trabajos).click(function(eventoclickLi) {
		eventoclickLi.stopPropagation(); //evito que se pase mas de una vez sobre esta funcion al hacer click en un item
						
	/*	if($(this).hasClass(".sub_video_item")) 
	    { 
			          $(".sub_video_trabajos").slideUp("slow");
		}else
		{*/
         // Remove selected class from any elements other than this
         var previous = $(trabajos+'.'+clickedClass).eq();
         var clicked = $(this);		 
         if(clicked !== previous) {
             previous.removeClass(clickedClass);
            // alert(previous);
             // Remove selected class from any elements other than this
			 if(!$(this).hasClass(".sub_video_item")) /* Sino es un subvideoitem entonces quita el foco */
			 {              $(trabajos).removeClass(clickedClass).fadeTo(fadeTime, inactiveOpacity); 
			 }else /* Si es subvideoitem tengo que quitar el foco a todos menos al clikeado  */
			 {
				$(trabajos+'.sub_video_item').removeClass(clickedClass).fadeTo(fadeTime, inactiveOpacity); 
			 }
			//$(trabajos).removeClass(clickedClass);

         };
		 clicked.addClass(clickedClass).fadeTo(fadeTime, activeOpacity);
		
		  
	
          /* ACA OCULTO TODOS LOS SUBMENU DESPLEGADOS SALVO AL QUE SE CLIKEO */
         if (!($(this).children(".sub_video_trabajos").is(':visible'))) {
             if(!$(this).hasClass(".sub_video_item")) 
                { 
                      $(".sub_video_trabajos").slideUp("slow");
                }
         }
         /* ACA MUESTRO EL SUBMENU QUE SE CLICKEO */
		 if ($(clicked).hasClass('tiene_hijos'))
		 {
			if (!($(this).children(".sub_video_trabajos").is(':visible'))) {
			$(this).children(".sub_video_trabajos").slideDown("slow");
			return false;
			}
				
		
		 }else{  /* ACÁ SINO TIENE SUBMENU Y TAMPOCO ES UN SUBMENU ITEM ENTONCES OCULTO TODOS LOS SUBMENU PORQUE ES UN VIDEO SINGLE. */
		       if(!$(this).hasClass(".sub_video_item")) 
			    { 
			          $(".sub_video_trabajos").slideUp("slow");
				}
		 	//----------------PREPARO EL PLAYER SEGUN EL VIDEO CLIKEADO----------------------------
         	var id_actual = $(this).attr('id');
		 	var id_categoria = $(this).parents('div:eq(0)').attr('id');
			//alert(id_categoria);
			
			
			if($(this).hasClass(".video_grande"))  {
				$("#container").removeClass("container_chico").addClass("container_grande");
				}
			else{
				$("#container").removeClass("container_grande").addClass("container_chico");
			}
			//detectar resolucion de pantalla

			if (screen.width>=1200)
			{ 	
				var ancho = '500';
				var alto = '400';
			}else{
					if (screen.width>=1000)
					{
						var ancho = '450';
						var alto = '350';
					}else{var ancho = '320';
						  var alto = '200';}
			}
								
			
			if($(this).hasClass(".mp4"))  { 
                var extension='mp4';
				/*alert(extension);*/
            }else
			{ if($(this).hasClass(".mp3")) { var extension='mp3';
			   }else { var extension='flv';
			   }
			}
			
			if($(this).hasClass(".jpg"))  { 
                var imagen='portfolio/'+id_categoria+'/stones_for_kids.jpg';

				/*alert(extension);*/
            }else {var imagen=''; }
			if($(this).hasClass(".vimeo")) {
				$("#container").css("top","15%");
				createVimeoPlayer(id_actual,ancho,alto);
				}else{
					if (id_categoria=='radio') 
							{   $("#container").css("top","65%");
								createPlayerMp3('portfolio/'+id_categoria+'/'+id_actual+'.'+extension);
							}else { $("#container").css("top","30%");
							createPlayer('portfolio/'+id_categoria+'/'+id_actual+'.'+extension,ancho,alto,imagen);}
				}
   			var titulo_actual =$('#'+id_actual+' span').html();
		// alert(titulo_actual);

	   		titulo_actual=titulo_actual.replace(/\n/g,"<br>");
			document.getElementById("titulovideo").innerHTML = titulo_actual;
		 	Cufon.replace('#titulovideo');
      
			
			
		 setTimeout(
			function(){
	   		$("#container").show(); 
      		//Lo que debe pasar pasados 10 segundos (10mil milisegundos)
   			}, 300);

		 
         	
     		};
	 
	 	/*$("#CONVERSE").click(function(){
								  //alert('click en converse');
		createPlayer('portfolio/tv/02.flv');
		$("#container").show(); 
		});*/
            });
});