jQuery.fx.interval = 1; /* pour am�liorer la fluidit� des animations (default: 13ms/frame) */

var sourceCadre = $('.mediaBox img.cadre').attr('src');

var effectMode = 1;
if($.browser.msie && (($.browser.version >= 8 && $.browser.version < 9) || $.browser.version < 7)){
	effectMode = 0;
}

var openCroix = function(idVideo){
	//$('#background').addClass('popin');
	$('#bgPopin').removeClass().addClass('croix');
	//$('#bgPopin').css({display: "block", background: $('body').css('background-color')});
	$('#bgInlinePopup .partage').remove();
	$('#bgPopin').css({display: "block"});
	$('#bgInlinePopup').css('display',"block");
	$('#bgInlinePopup .logoPopin').css('display',"block");
	$('#bgInlinePopup .close').css('display',"block");
	
	var paramsGET = new Array();
	var get = window.location.search.substring(1).split("&");
	for (var i=0, len = get.length; i < len; i++) {
		position = get[i].indexOf("=");
		paramsGET[get[i].substr(0,position)] = decodeURI(get[i].substr((position + 1),get[i].length)).replace(/\+/," ");
	}
	
	if(typeof(paramsGET['flash']) != 'undefined' || ($.browser.msie && $.browser.version < 7)){
		$('#bgPopin').html("<div id=\"flashacrosscontent\"></div>");
		
		var params = {
			quality: "high",
			scale: "noscale",
			wmode: "transparent",
			allowscriptaccess: "always",
			allowfullscreen: "true",
			bgcolor: "#2A2C30"
		};
		var flashvars = {
			xml: escape(encodeURI(xmlCroix+"?id="+idVideo))/*,
			color: $('body').css('background-color')*/
		};
		var attributes = {
			id: "flashacrosscontent",
			name: "flashacrosscontent"
		};
		swfobject.embedSWF( swfCroix, "flashacrosscontent", "100%", "100%", "9.0.124", "swf/expressInstall.swf", flashvars, params, attributes );
	}else{	
		$('#bgPopin').load(xmlCroix+idVideo, function(response, status, xhr){
			if (status == "error") {
				$('#inlinePopup, #popin4').show();
				$('#popin4 .close').click(function(){
					$('#inlinePopup').css('display','none');
				});
			}
			$(".load").one("load",function(){$(this).fadeIn().removeClass('load');}).each(function(){if(this.complete || (jQuery.browser.msie && parseInt(jQuery.browser.version) == 6)) {$(this).trigger("load");}});
			
			sourceCadre = $('.mediaBox img.cadre').attr('src');
		});
	}
}

$('.croix .active a').live({
	mouseenter: function() {
		$(this).children('.playBtn').stop(true,true).fadeIn();
	},
	mouseleave: function() {
		$(this).children('.playBtn').stop(true,true).fadeOut();
	}
});

$('.croix .mediaBox a').live("click", function(event){
	event.preventDefault();
	
	var mediaBox = $(this).parent('div');
	var id_image = $(this).attr('id');
	
	if($(mediaBox).is('.active')){
		$(mediaBox).find('.cadre').remove();
		$(mediaBox).find('.playBtn').remove();
		var idVideo = $(mediaBox).data('url');
		
		//if($.browser.msie){
			linkAction($(mediaBox).data('action'),$(mediaBox).data('url'),$(mediaBox).data('font'),$(mediaBox).data('node_id'),$(mediaBox).data('format'),$(mediaBox).data('vignette1'),$(mediaBox).data('vignette2'),$(mediaBox).data('vignette3'),$(mediaBox).data('vignette4'),$(mediaBox).data('vignette5'),$(mediaBox).data('label'),$(mediaBox).data('detailurl'),$(mediaBox).data('hasassoc'),$(mediaBox).data('masterpiece'),$(mediaBox).data('xml'),$(mediaBox).data('sub'));
		//}else{
		//	$(mediaBox).css('z-index','200').show("scale", {percent: 357}, 1000, function(){
		//		$(this).css({top: '0', left: '0', width: '100%', height: '100%'});
		//		linkAction($(this).data('action'),$(this).data('url'));
		//	});
		//}	
			/*$('#bgInlinePopup a.close').click(function(event){
				openCroix(idVideo);
				return false;
			});*/
	}else{
		//if($(mediaBox).position().top>0 && $(mediaBox).position().top<($(".croix").height()-$(mediaBox).height()) && $(mediaBox).position().left>0 && $(mediaBox).position().left<($(".croix").width()-$(mediaBox).width())){
			$('#bgInlinePopup .filtre').css('display','block');
			
			var param;
			var direction;
			var sens;
			
			$('.croix .mediaBox').removeClass('active').removeClass('nocursor');
			$(mediaBox).addClass('active');
			
			if($(mediaBox).is('.vertical')){
				direction = "vertical";
				
				if($(mediaBox).position().top<($(".croix").height()/2)){
					sens = "bottom";
					param = {top: '+=29%'};
				}else{
					sens = "top";
					param = {top: '-=29%'};
				}
				
				if(effectMode == 0){
					$('.croix .mediaBox[rel!='+id_image+']:not(.active)').fadeOut(400);
				}else{					
					$('.croix .mediaBox[rel!='+id_image+']:not(.active)').animate(param, { queue: false, duration: 500, easing: 'easeOutQuad' }).fadeOut(400);
				}
				$('.croix .mediaBox:not(.active)').animate(param, { duration: 500, easing: 'easeOutQuad' });
			}else if($(mediaBox).is('.horizontal')){
				direction = "horizontal";
				
				if($(mediaBox).position().left<($(".croix").width()/2)){
					sens = "right";
					param = {left: '+=29%'};
					/*$('.horizontal:not(.active)').each(function(){
						if($(this).position().left>$('.croix').width()){
							$(this).css('display',"none");
						}
					});*/
				}else{
					sens = "left";
					param = {left: '-=29%'};
					/*$('.horizontal:not(.active)').each(function(){
						if($(this).position().left<-$('.mediaBox').width()){
							$(this).css('display',"none");
						}
					});*/
				}
				
				if(effectMode == 0){
					$('.croix .mediaBox:not(.horizontal)').fadeOut(400);
				}else{				
					$('.croix .mediaBox:not(.horizontal)').animate(param, { queue: false, duration: 500, easing: 'easeOutQuad' }).fadeOut(400);
				}
				$('.croix .mediaBox:not(.active)').animate(param, { duration: 500, easing: 'easeOutQuad' });
			}
			
			$('.croix .active').animate(param, 500, 'easeOutQuad', function() {
				var datadiv = document.createElement("div");
				$.ajax({
			    	url: xmlCroix+id_image,
					type: "GET",
			        success: function(data, textStatus, XMLHttpRequest){
						datadiv.innerHTML = data;
					},
					complete: function(XMLHttpRequest, textStatus){
			        	$('.croix .mediaBox:not(:visible)').not('.active').detach();
			    		
			        	if(direction == "vertical"){
			        		$('.horizontal').removeClass('horizontal');
			        		$('.croix').append($('.horizontal:not(.active)', datadiv));    		
			    			if(sens == "bottom"){
			    				$('.croix').append($('.rawGigaTop', datadiv));
			    				$('.croix').append($('.rawBottom', datadiv));
			    				$('.croix').append($('.rawGigaBottom', datadiv));
			    			}else{
			    				$('.croix').append($('.rawGigaBottom', datadiv));
			    				$('.croix').append($('.rawTop', datadiv));
			    				$('.croix').append($('.rawGigaTop', datadiv));
			    			}
			    		}else{
			    			$('.vertical').removeClass('vertical');
			    			$('.croix').append($('.vertical:not(.active)', datadiv));
			    			if(sens == "right"){
			    				$('.croix').append($('.colBorderLeft', datadiv));
			    				$('.horizontal:not(.active)').each(function(){
									if($(this).position().left>$('.croix').width()){
										$(this).detach();
									}
								});
			    			}else{
			    				$('.croix').append($('.colBorderRight', datadiv));
			    				$('.horizontal:not(.active)').each(function(){
									if($(this).position().left<-$('.mediaBox').width()){
										$(this).detach();
									}
								});
			    			}
			    		}
			    		$('.croix .active').removeAttr('rel').removeClass().addClass('mediaBox vertical horizontal active').children('a').append('<img src="'+sourceCadre+'" class="cadre" />');
			    		
			    		$(".load").one("load",function(){$(this).fadeIn().removeClass('load');}).each(function(){if(this.complete || (jQuery.browser.msie && parseInt(jQuery.browser.version) == 6)) {$(this).trigger("load");}});
			    		
			    		$('#bgInlinePopup .filtre').css('display','none');
					},
			        error: function(){ 
						$('#inlinePopup, #popin4').show();
						$('#popin4 .close').click(function(){
							$('#inlinePopup').css('display','none');
						});
					}
			    });
			});
		//}
	}
});