var ShowAjax = Class.create();
ShowAjax.prototype = {
    initialize: function(url,urlFLV,urlIMAGE,urlSKIN,urlPLAYER){
        this.urlloading = url;
		this.urlFLV = urlFLV;
		this.urlIMAGE = urlIMAGE;
		this.urlSKIN = urlSKIN;
		this.urlPLAYER = urlPLAYER;
		this.displayVideo("playerholder",false);
		this.setPosition();
    },

	startRequest : function(statut,url,form){
		if(statut!=0){
			if(statut==2){
				$('loading').innerHTML = "<center ><img  src='"+this.urlloading+"' alt='loading'/></center>";
				new Effect.Opacity('screen-load',{duration:1, fps:50, from:0, to:0.9});
				new Effect.Opacity('loading', {duration:1, fps:50, from:0, to:1, beforeStart:this.visibilityloadOn, afterFinish:this.pictureRequest(url)});
			}else if(statut=='FLV'){
				$('loading').innerHTML = "<center id='load_icone'><img src='"+this.urlloading+"' alt='loading'/></center>";
				new Effect.Opacity('screen-load',{duration:1, fps:50, from:0, to:0.9});
				new Effect.Opacity('loading', {duration:1, fps:50, from:0, to:1, beforeStart:this.visibilityloadOn, afterFinish:this.displayVideo('playerpopup',true)});
			}else{
				new Effect.Opacity('screen-load',{duration:1, fps:50, from:0.9, to:0});
				new Effect.Opacity('loading',{duration:1, fps:50, from:1, to:0, afterFinish:this.visibilityloadOff});
			}
		}else{
			
			$('loading').innerHTML = "<center><img src='"+this.urlloading+"' alt='loading'/></center>";
			new Effect.Opacity('screen-load',{duration:1, fps:50, from:0, to:0.9});
			new Effect.Opacity('loading', {duration:1, fps:50, from:0, to:1, beforeStart:this.visibilityloadOn, afterFinish:this.AjaxRequest(url,form)});
		
		}	
	},
	
	visibilityloadOff : function (){
		$('screen-load').style.display ='none';
		$('loading').style.display ='none';
		$('loading').innerHTML ='close';
		$('loading').style.position='fixed';
		$('description-product').style.overflow ='auto';
		$('bg-video').show();
	},
	
	visibilityloadOn : function (){
		$('screen-load').style.display ='block';
		$('loading').style.display ='block';
		/*$('loading').style.left=document.body.offsetWidth-978+'px';*/
		$('description-product').style.overflow ='hidden';
		$('bg-video').hide();
	},
	
	pictureRequest : function (urlimg){
		$('loading').style.position='absolute';
		$('loading').innerHTML = '<center><img style="cursor:pointer" OnClick="showAjax.startRequest(1)" src="'+urlimg+'" /></center>';
	},
	
	AjaxRequest : function (url,form){
		var formulaire = '';
		if(form){formulaire = Form.serialize(form);}
		new Ajax.Request(url, {
			parameters: formulaire,
			method     : 'post',
			onComplete : function(transport) {
				new Effect.Opacity('loading',{
					duration:1,
					fps:50,
					from:1,
					to:0,
					afterFinish:function(){
						$('loading').innerHTML = transport.responseText;
						new Effect.Opacity('loading',{duration:1, fps:50, from:0, to:1});
					}
				});
			}
		});
	},
	setPosition: function () {
		$('loading').style.left =((this.getWidth('screen-load') - 950) / 2 ) + "px";
	},
	getWidth: function(element) {
		return this.getDimensions(element).width;
	 },
	getDimensions: function(element) {
		element = $(element);
		var display = $(element).getStyle('display');
		if (display != 'none' && display != null) // Safari bug
		return {width: element.offsetWidth, height: element.offsetHeight};
		var els = element.style;
		var originalVisibility = els.visibility;
		var originalPosition = els.position;
		var originalDisplay = els.display;
		els.visibility = 'hidden';
		els.position = 'absolute';
		els.display = 'block';
		var originalWidth = element.clientWidth;
		var originalHeight = element.clientHeight;
		els.display = originalDisplay;
		els.position = originalPosition;
		els.visibility = originalVisibility;
		return {width: originalWidth, height: originalHeight};
	},
	displayVideo: function(DIVVIDEO,popup){
		if(!popup){
			innervideo = new Element("div", { id: "inner-video"});
			$('bg-video').insert({'top':innervideo});
			MBvideo = new Element("div", { id: DIVVIDEO});
			$(innervideo).insert({'top':MBvideo});
			width="287";height="209";
		}else{
			$("load_icone").hide(); 
			VIDEOcontenu = new Element("div", { id: "VIDEOcontenu",style: "margin-left: 124px"});
			$("loading").insert({'top':VIDEOcontenu});
			
			closepopup = new Element("div", { id: "close_popup"});
			$(VIDEOcontenu).insert({'top':closepopup});
			$(closepopup).innerHTML="<a href='javascript:javascript:showAjax.startRequest(1);' ><div id='title_taille_close'></div></a>";
			MBvideo = new Element("div", { id: DIVVIDEO});
			$(VIDEOcontenu).insert({'bottom':MBvideo});
			width="700";height="500";
		}
		var attributes = {};
		attributes.id="player1";  
		attributes.name="player1";
		var params = {};
		params.allowfullscreen = "true";
		var flashvars = {};
		flashvars.file = this.urlFLV;
		flashvars.width = width;
		flashvars.height = height;
		flashvars.image = this.urlIMAGE;
		flashvars.displaywidth = width;
		flashvars.displayheight = height;
		flashvars.autostart = "false";
		flashvars.showdigits = "true";
		flashvars.showfsbutton = "true";
		flashvars.skin=this.urlSKIN;

		swfobject.embedSWF(this.urlPLAYER, DIVVIDEO, width, height, "9.0.0", "playerProductInstall.swf", flashvars, params, attributes);	
	}
}