/**---------------------------------
 * 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 def_img = '/img/front/index/top_area_serach.jpg';
		var img_area = '#areamap';
		var area_info = new Array(
			['#setagaya', '#tip_setagaya', '/img/front/index/top_area_serach_setagaya.jpg'],
			['#shibuya', '#tip_shibuya', '/img/front/index/top_area_serach_shibuya.jpg'],
			['#minato', '#tip_minato', '/img/front/index/top_area_serach_minato.jpg'],
			['#meguro', '#tip_meguro', '/img/front/index/top_area_serach_meguro.jpg'],
			['#shinagawa', '#tip_shinagawa', '/img/front/index/top_area_serach_shinagawa.jpg'],
			['#ohta', '#tip_ohta', '/img/front/index/top_area_serach_ohta.jpg']
		);
		var n = area_info.length;
		flags = new Array();
		for(i=0;i<n;i++){
			flags[i] = [false,false,false];
		}
		$(document).ready(function(){
			init();
		});

		init = function() {
			for(j=0;j<area_info.length;j++){
				onMap(j);
				onTip(j);
			}
			preload(area_info);
		};
		
		preload = function(area_info){
			var img = new Array();
			for(i=0;i<n;i++){
				img[i] = new Image();
				img[i].src = area_info[i][2];
			}
		}
		
		onMap = function(tmp_no) {
			var no = tmp_no;
			$(area_info[no][0]).mouseover(function(){
				flags[no][0] = true;
				if($(area_info[no][1]).css('display') == 'none') flags[no][2] = true;
				if(flags[no][0] && flags[no][2]) apear(no);
			})
			.mouseout(function(){
				flags[no][0] = false;
				setTimeout(function(){disapear(no, flags[no][0], flags[no][1], flags[no][2])}, 1);
			});
		}
		
		onTip = function(tmp_no) {
			var no = tmp_no;
			$(area_info[no][1]).mouseover(function(){
				flags[no][1] = true;
			})
			.mouseout(function(){
				flags[no][1] = false;
				setTimeout(function(){disapear(no, flags[no][0], flags[no][1], flags[no][2])}, 1);
			});
		}
		
		apear = function(no) {
			$(area_info[no][1]).show();
			setTimeout(function(){$(img_area).attr('src',area_info[no][2]);},1);
		}

		disapear = function(no, b1, b2, b3) {
			if(!b1 && !b2){
				$(area_info[no][1]).css('display','none');
				flags[no][2] = false;
				$(img_area).attr('src',def_img);
			}
		}
 })(jQuery);
