// WTN*mootools sample:: Image change script.(use mootools1.2)
// Copyright (c) 2008 Tenderfeel. http://tenderfeel.xsrv.jp
// MIT Style License.

var detailPath = '';

window.addEvent('domready', function() {
	var viewarea =$('myImg'); // Main image area
	var thumb = $("thumbs").getElements("img"); // thumbnails
	var mag = 4; //imgsize magnification
	var regrep = "_thumb"; // 	Replace name of thumbnail images

	//create Arrays
	var myhref = new Array();
	var mySize = new Array();
	var myalt = new Array();
	var newImg= new Array();
	
	thumb.each(function(item,i){
		myhref[i] = item.src.replace(regrep,"");
		myalt[i] = item.getProperty('alt');
		mySize[i] =item.getSize();
		newImg[i] = new Element('img',{src:myhref[i],width:('718'),height:('188'),alt:myalt[i]});
		
		item.addEvent('mouseover', function(){
			viewarea.empty();
			newImg[i].set('opacity','0');
			var aaa = newImg[i].inject(viewarea);
			newImg[i].fade('in');
			
			thumb.each(function(el){
				el.setStyle('border','none');
			});
			
			this.setStyle('cursor','pointer');
//			this.setStyle('border-bottom','1px solid #ccc');
		});

		item.addEvent('mouseout', function(){
			viewarea.empty();
			newImg[0].set('opacity','0');
			
			var aaa = newImg[0].inject(viewarea);

			var innerHtmlUrl = '';
			innerHtmlUrl = '/details/normal.html#normal_price';
			innerHtmlUrl =  '<a href="'+ innerHtmlUrl + '"><img src="' + newImg[0].src + '" /></a>';
			
			viewarea.innerHTML = innerHtmlUrl;
			newImg[0].fade('in');
		});
	});

});