﻿function getData(id,type)
{	
	renderTab(id);
	call_ajax(type);
}

function renderTab(id){
	var totalTab=4;
	var tabNormal=["<img src='images/BTN-srch-area1.gif' alt='エリアから探す' name='BTN search area' width='102' height='40' border='0'>","<img src='images/BTN-srch-food1.gif' alt='タイプから選ぶ' name='BTN search food' width='89' height='40' border='0'>","<img src='images/BTN-srch-station1.gif' alt='最寄駅から選ぶ' name='BTN search station' width='100' height='40' border='0'>","<img src='images/BTN-srch-name1.gif' alt='名前で検索する' name='BTN search name' width='98' height='40' border='0'>"];
	for(i=1;i<=totalTab;i++){
		$('tab'+i).innerHTML=tabNormal[i-1];
		}
		switch(id){
		case "tab1" : $('tab1').innerHTML="<img src='images/BTN-srch-area2.gif' alt='エリアから探す' name='BTN headline g' width='102' height='40' border='0'>";
		break;
		case "tab2" : $('tab2').innerHTML="<img src='images/BTN-srch-food2.gif' alt='タイプから選ぶ' name='BTN search food' width='89' height='40' border='0'>";
		break;
		case "tab3" : $('tab3').innerHTML="<img src='images/BTN-srch-station2.gif' alt='料理から選ぶ' name='BTN search food' width='100' height='40' border='0'>";
		break;
		case "tab4" : $('tab4').innerHTML="<img src='images/BTN-srch-name2.gif' alt='名前で検索する' name='BTN search food' width='98' height='40' border='0'>";
		break;
		}
}

function  call_ajax(type){
	var url="http://www.asiastreet.jp/beauty/search/loadsearch.php";
	var pars="type="+type;
	if(type=='area'){
	var myAjax=new Ajax.Request( url,
								{
								method: 'get',
								parameters: pars,
								onComplete: getArea
								}
							);
	}
	if(type=='category'){
	var myAjax=new Ajax.Request( url,
								{
								method: 'get',
								parameters: pars,
								onComplete: getCategory
								}
							);
	}
	if(type=='btsmrt'){
		location.href= "search/bts-mrt.php";
	}
	if(type=='shopname'){
		 $('loadSearch').innerHTML="<br>スパの名前からダイレクト検索！<br>お店の名前を入力して検索ボタンを押して下さい。<br><br><form name='search' action='search/q-search.php?' method='get'><input type='text' name='key' size='25'>　　<input type='submit' name='submit' value='検索'></form>"
	}
}

function getArea(myObject){
	var getArea = myObject.responseText;
	$('loadSearch').innerHTML=getArea;
}
function getCategory(myObject){
	var getCategory=myObject.responseText;
	$('loadSearch').innerHTML=getCategory;
}



var myGlobalHandlers = {
	onCreate: function() { 
		$('stateChn').innerHTML = "<br><img src='images/loading.gif'>"; 
		Element.show('stateChn');
		Element.hide('loadSearch'); 
	}, 
	onComplete: function() { 
		if(Ajax.activeRequestCount == 0){  
			Element.hide('stateChn'); 
			Element.show('loadSearch');
		}
	}
};
/**/




Ajax.Responders.register(myGlobalHandlers);		