/**
 * @author orange
 */
var Images = Class.create();

Images.prototype={
	holder:"",
	thumbs:"",
	initialize: function(){
		
		this.holder = $$('#item-page .image')[0];
		
		
		this.thumbs = $$('#item-page .more-images a');
		
		this.thumbs.each(function (element){
			Event.observe(element,"mouseover",this.changeImg.bindAsEventListener(this));	
		}, this);
		

	},
	changeImg:function(e)
	{

		holder_imgId = this.holder.getAttribute("data-img");
		
		anchor = e.target.getAttribute("data-img") ? e.target : e.target.up("a");
		anchor_imgId = anchor.getAttribute("data-img");
		
		this.thumbs.each(function (element){
				element.select(".img_sign")[0].style.display = "none";
		}, this);
		
		anchor.select(".img_sign")[0].toggle();
		
		this.holder.select("img")[0].src= "/images/item_image/200/"+anchor_imgId+".jpg";
		this.holder.select("a")[1].href="/images/item_image/original/"+anchor_imgId+".jpg";
		this.holder.select("a")[2].href="/images/item_image/original/"+anchor_imgId+".jpg";
		
				
		
		
	}
	
}
document.observe('dom:loaded', function () {
		if($$('#item-page .image')[0] && $$('#item-page .more-images')[0])
		{
			new Images();
		}
});