var detailProduct = Class.create();

detailProduct.prototype = {
	initialize: function() {
		this.init();
        this.tabContent[0].style.display = "block";		
	},
	
	init:function (){
		this.tabNav = $$('#resultatProd .nav a');
		this.tabContent = $$('#resultatProd .midRes');
		for(var i=0;i<this.tabNav.length;i++){
			Event.observe(this.tabNav[i], 'click',this.select.bind(this,this.tabNav[i],i));	
		}
	},
	
	addEventDetail:function (e){
		Event.observe(e, 'click',this.select.bind(this,e));
	},
	
	select:function (e,id){
		for(var i=0;i<this.tabContent.length;i++){
			this.tabContent[i].style.display = "none";
		}
		this.tabContent[id].style.display = "block";
		
		for(var i=0;i<this.tabNav.length;i++){
			this.swapImg(this.tabNav[i],0);
		}
		this.swapImg(this.tabNav[id],1);
	},
	
	swapImg: function(e,stat){
		var img = e.getElementsByTagName('img')[0];
		var src = img.src;
		
		var finfin=src.substring(src.length-3,src.length);
		var fin=src.substring(src.length-5,src.length-4);
		src=src.substring(0,src.length-5);
		
		img.src=src+stat+"."+finfin;
	}
}