$(document).ready(function(){
        
	/* Animation des vignettes avec leur overlay et leur petite description */
	
        $("div.gallery[id=1]").mouseenter(function(){
            $("div.gallery[id=1] div.gallery_desc").fadeIn(200);
            $("div[id=gallery_extend]").css("background","url(./tpl/img/videos/extend/extend_laposte.png)");
        });
        $("div.gallery[id=1]").mouseleave(function(){
            $("div.gallery[id=1] div.gallery_desc").fadeOut(200);
            $("div[id=gallery_extend]").css("background","#FFFFFF");
        });
        
        $("div.gallery-last[id=2]").mouseenter(function(){
            $("div.gallery-last[id=2] div.gallery_desc").fadeIn(200);
            $("div[id=gallery_extend]").css("background","url(./tpl/img/videos/extend/extend_love.png)");
        });
        $("div.gallery-last[id=2]").mouseleave(function(){
            $("div.gallery-last[id=2] div.gallery_desc").fadeOut(200);
            $("div[id=gallery_extend]").css("background","#FFFFFF");
        });
        
        $("div.gallery[id=3]").mouseenter(function(){
            $("div.gallery[id=3] div.gallery_desc").fadeIn(200);
            $("div[id=gallery_extend]").css("background","url(./tpl/img/videos/extend/extend_rc.png)");
        });
        $("div.gallery[id=3]").mouseleave(function(){
            $("div.gallery[id=3] div.gallery_desc").fadeOut(200);
            $("div[id=gallery_extend]").css("background","#FFFFFF");
        });
        
        $("div.gallery-last[id=4]").mouseenter(function(){
            $("div.gallery-last[id=4] div.gallery_desc").fadeIn(200);
            $("div[id=gallery_extend]").css("background","url(./tpl/img/videos/extend/extend_unibail.png)");
        });
        $("div.gallery-last[id=4]").mouseleave(function(){
            $("div.gallery-last[id=4] div.gallery_desc").fadeOut(200);
            $("div[id=gallery_extend]").css("background","#FFFFFF");
        });
        
        $("div.gallery[id=5]").mouseenter(function(){
            $("div.gallery[id=5] div.gallery_desc").fadeIn(200);
            $("div[id=gallery_extend]").css("background","url(./tpl/img/videos/extend/extend_noomiz.png)");
        });
        $("div.gallery[id=5]").mouseleave(function(){
            $("div.gallery[id=5] div.gallery_desc").fadeOut(200);
            $("div[id=gallery_extend]").css("background","#FFFFFF");
        });
        
        $("div.gallery-last[id=6]").mouseenter(function(){
            $("div.gallery-last[id=6] div.gallery_desc").fadeIn(200);
            $("div[id=gallery_extend]").css("background","url(./tpl/img/videos/extend/extend_topmag.png)");
        });
        $("div.gallery-last[id=6]").mouseleave(function(){
            $("div.gallery-last[id=6] div.gallery_desc").fadeOut(200);
            $("div[id=gallery_extend]").css("background","#FFFFFF");
        });
        
        
	
	// Gestion du clic / affichage des vidéos
	
	$("div[id=1], div[id=fond1]").click(function(){
		$('#overlay').css('opacity','0');
		$('#overlay').css('display','block');
		$('#overlay').fadeTo("slow", 0.75,function(){
			$("#popup").css('opacity','0');
			$('#popup').css('display','block');
			$('#popup').fadeTo("slow",1, function(){
				$("div[id=player_popup]").load("./ctf/vid/laposte.php", function() {
				    $("div[id=player_popup]").css('opacity','0');
				    $("div[id=player_popup]").css('display','block');
				    $("div[id=player_popup]").fadeTo("slow",1);
				});
			});
		});
		
	});
	
	$("div[id=2], div[id=fond2]").click(function(){
		$('#overlay').css('opacity','0');
		$('#overlay').css('display','block');
		$('#overlay').fadeTo("slow", 0.75,function(){
			$("#popup").css('opacity','0');
			$('#popup').css('display','block');
			$('#popup').fadeTo("slow",1, function(){
				$("div[id=player_popup]").load("./ctf/vid/love.php", function() {
				    $("div[id=player_popup]").css('opacity','0');
				    $("div[id=player_popup]").css('display','block');
				    $("div[id=player_popup]").fadeTo("slow",1);
				});
			});
		});
		
	});
	
	$("div[id=6], div[id=fond6]").click(function(){
		$('#overlay').css('opacity','0');
		$('#overlay').css('display','block');
		$('#overlay').fadeTo("slow", 0.75,function(){
			$("#popup").css('opacity','0');
			$('#popup').css('display','block');
			$('#popup').fadeTo("slow",1, function(){
				$("div[id=player_popup]").load("./ctf/vid/topmag.php", function() {
				    $("div[id=player_popup]").css('opacity','0');
				    $("div[id=player_popup]").css('display','block');
				    $("div[id=player_popup]").fadeTo("slow",1);
				});
			});
		});
		
	});
	
	$("div[id=4], div[id=fond4]").click(function(){
		$('#overlay').css('opacity','0');
		$('#overlay').css('display','block');
		$('#overlay').fadeTo("slow", 0.75,function(){
			$("#popup").css('opacity','0');
			$('#popup').css('display','block');
			$('#popup').fadeTo("slow",1, function(){
				$("div[id=player_popup]").load("./ctf/vid/unibail.php", function() {
				    $("div[id=player_popup]").css('opacity','0');
				    $("div[id=player_popup]").css('display','block');
				    $("div[id=player_popup]").fadeTo("slow",1);
				});
			});
		});
		
	});
	
	$("div[id=5], div[id=fond5]").click(function(){
		$('#overlay').css('opacity','0');
		$('#overlay').css('display','block');
		$('#overlay').fadeTo("slow", 0.75,function(){
			$("#popup").css('opacity','0');
			$('#popup').css('display','block');
			$('#popup').fadeTo("slow",1, function(){
				$("div[id=player_popup]").load("./ctf/vid/noomiz.php", function() {
				    $("div[id=player_popup]").css('opacity','0');
				    $("div[id=player_popup]").css('display','block');
				    $("div[id=player_popup]").fadeTo("slow",1);
				});
			});
		});
		
	});
	
	$("div[id=3], div[id=fond3]").click(function(){
		$('#overlay').css('opacity','0');
		$('#overlay').css('display','block');
		$('#overlay').fadeTo("slow", 0.75,function(){
			$("#popup").css('opacity','0');
			$('#popup').css('display','block');
			$('#popup').fadeTo("slow",1, function(){
				$("div[id=player_popup]").load("./ctf/vid/rc.php", function() {
				    $("div[id=player_popup]").css('opacity','0');
				    $("div[id=player_popup]").css('display','block');
				    $("div[id=player_popup]").fadeTo("slow",1);
				});
			});
		});
		
	});
	
	$("div[id=croix]").click(function(){
	    $("div[id=player_popup]").fadeOut("fast",function(){
		$("div[id=player_popup]").css('opacity','0');
		$("div[id=player_popup]").css('display','none');
		$("#popup").fadeOut("slow",function(){
			$('#popup').css('opacity','0');
			$('#popup').css('display','none');
			$('#overlay').fadeOut("slow",function(){
				$('#overlay').css('opacity','0');
				$('#overlay').css('display','none');
			});	
		});
	    });
	});
	
	$(document).keydown(function(event) {
  		if (event.keyCode == '27') {
		    $("div[id=player_popup]").fadeOut("fast",function(){
			$("div[id=player_popup]").css('opacity','0');
			$("div[id=player_popup]").css('display','none');
			$("#popup").fadeOut("slow",function(){
				$('#popup').css('opacity','0');
				$('#popup').css('display','none');
				$('#overlay').fadeOut("slow",function(){
					$('#overlay').css('opacity','0');
					$('#overlay').css('display','none');
				});	
			});
		    });
		}
	});

        
	
});