var ComposantImgViewer = Class.create();
ComposantImgViewer.prototype = {
    initialize: function(id) {
		this.id = id;
	},
	calcul_position_pop_zoom: function(){
		$('voile_noir').style.height = $('body').offsetHeight+'px';
		pos_h_visu = Math.round( (window.innerHeight - $('img_viewer_pop_zoom').getHeight()) / 2 );  
		
		var pos_scroll_v;
		if (self.pageYOffset) {
			pos_scroll_v = self.pageYOffset;
		} else if (document.documentElement && document.documentElement.scrollTop){	 // Explorer 6 Strict
			pos_scroll_v = document.documentElement.scrollTop;
		} else if (document.body) {// all other Explorers
			pos_scroll_v = document.body.scrollTop;
		}
		
		pos_top_pop = Math.round(pos_scroll_v + ((window.innerHeight - $('img_viewer_pop_zoom').getHeight()) / 2)) + 'px';
		if(pos_top_pop <= 0) pos_top_pop = pos_scroll_v;
		//$('img_viewer_pop_zoom').style.top = pos_top_pop; // pb sous ie mais parfait pour ff
		$('img_viewer_pop_zoom').setStyle({
				top:pos_top_pop
			});
	},
	show_img_viewer_pop_zoom : function(ico_a,img_a,ico_b,img_b,ico_c,img_c,ico_d,img_d){
		$('voile_noir').style.height = $('body').offsetHeight+'px';
		this.ico_a = ico_a;
		this.img_a = img_a;
		this.ico_b = ico_b;
		this.img_b = img_b;
		this.ico_c = ico_c;
		this.img_c = img_c;
		this.ico_d = ico_d;
		this.img_d = img_d;
		$('img_viewer_pop_zoom_visu_img').src = img_a;
		$('img_viewer_pop_zoom_mini').update();
		if(this.ico_a != '' && (this.ico_b != '' || this.ico_c != '' || this.ico_d != '')) {
			li = document.createElement("LI");
			li.innerHTML = '<img src="'+this.ico_a+'" style="display: inline; z-index: 121; position: relative; cursor: pointer;" class="png"/>';
			li.setAttribute('onClick', this.id+".change_img_viewer('"+this.img_a+"')");
			$('img_viewer_pop_zoom_mini').appendChild(li);
			
		}
		if(this.ico_b != '') {
			li = document.createElement("LI");
			li.innerHTML = '<img src="'+this.ico_b+'" style="display: inline; z-index: 121; position: relative; cursor: pointer;" class="png"/>';
			li.setAttribute('onClick', this.id+".change_img_viewer('"+this.img_b+"')");
			$('img_viewer_pop_zoom_mini').appendChild(li);
		}
		if(this.ico_c != '') {
			li = document.createElement("LI");
			li.innerHTML = '<img src="'+this.ico_c+'" style="display: inline; z-index: 121; position: relative; cursor: pointer;" class="png"/>';
			li.setAttribute('onClick', this.id+".change_img_viewer('"+this.img_c+"')");
			$('img_viewer_pop_zoom_mini').appendChild(li);
		}
		if(this.ico_d != '') {
			li = document.createElement("LI");
			li.innerHTML = '<img src="'+this.ico_d+'" style="display: inline; z-index: 121; position: relative; cursor: pointer;" class="png"/>';
			li.setAttribute('onClick', this.id+".change_img_viewer('"+this.img_d+"')");
			$('img_viewer_pop_zoom_mini').appendChild(li);
		}
		
		
		//window.addEventListener('scroll', function() {alert(hop);}, false);	
		
		this.calcul_position_pop_zoom();
		new Effect.BlindDown('img_viewer_pop_zoom', {scaleFromCenter: true});
		$('voile_noir').show();
		$('voile_noir').setAttribute('onClick', this.id+".hide_img_viewer_pop_zoom()");
		$('img_viewer_pop_zoom').show();
		
	},
	hide_img_viewer_pop_zoom: function(){
		$('img_viewer_pop_zoom').hide();
		new Effect.BlindUp('img_viewer_pop_zoom', {scaleX: true});
		$('voile_noir').hide();
		$('voile_noir').setStyle("visibility","hidden");

				
		
	},
	change_img_viewer: function(url_img){
		$('img_viewer_pop_zoom_visu_img').src = url_img;
	}
};