/**---------------------------------
 * index.js
 * 
 * ...
 * author	: takaaki koyama
 *
 ---------------------------------------*/
 ;(function($){
		$(function(){
				
				// ��������
				$(".recomend_item_list_raw").each(function(){
						var mh = 0;
						$(this).find(".info").each(function(){
								if(mh < $(this).height()){
									mh = $(this).height();
								}
						}).height(mh);
				})

		var ImageSwapClass = function(options){
			var config = {
				"map": "",
				"class": "",
				"path": "",
				"images": "",
				"default": "",
				"ext": ""
			}
			
			for(var key in config){
				if(options[key]) config[key] = options[key];
			}
			
			this.init = function(target){
				$(target).each(function(){
					var map = $(config["map"]);
					$(this).hover(
						function(){swapImg(map,config["path"]+$(this).attr("id")+config["ext"])},
						function(){resetImg(map,config["path"]+config["default"]+config["ext"]);}
					);
				});
				preload(config["images"],config["ext"],config["path"]);
			}
			swapImg = function(t,img){$(t).attr("src",img);}
			resetImg = function(t,img){t.attr("src",img);}
			preload = function(images, ext, path){
				var img = new Array();
				for(var i=0;i<images.length;i++){
					img[i] = new Image();
					img[i].src = path+images[i]+ext;
				}
			}
		}

		$(document).ready(function(){
			/**
			 * HOW TO USE "ImageSwapClass"
			 * 
			 * [HTML]
			 * <img id="img_map" src="##" usemap="#map" />
			 * <map id="map">
			 * 		<area class="map_target" id="IMAGE" href="###" coords="###"/>
			 * 		<area class="map_target" id="IMAGE" href="###" coords="###"/>
			 * </map>
			 * 
			 * [SETTING]
			 * 	$path: 		"save folder ",		"/img/front/..ETC../"
			 * 	$default:	"main image name",		"IMAGE"
			 * 	$images: 	"map images",			[
			 * 										"IMAGE",
			 * 										"IMAGE",
			 * 										"IMAGE"
			 * 										 ...etc
			 * 									]
			 * 	$ext :		".img"
			 */
			
			// ?G??????????? #######################################################
			var $path = "/img/front/top_map/";
			var $default = "main_map";
			var $images = [
			               "akasakamitsuke",
			               "azabujuban",
			               "daikanyama",
			               "hiroo",
			               "meguro",
			               "mita",
			               "osaki",
			               "roppongi",
			               "shibakouen",
			               "shibuya",
			               "shinagawa",
			               "siroganetakanowa",
			               "hamamatsucho"
			              ];
			var $ext = ".jpg";
			// ?G?????????? #######################################################

			var $id = "img_map";
			var $class = "map_target";
			var config = {
				"map": "#"+$id,
				"class": "."+$class,
				"path": $path,
				"images": $images,
				"default": $default,
				"ext": $ext
			}
			var imageSwap = new ImageSwapClass(config);
			imageSwap.init(config["class"]);
		});

	});
})(jQuery);