// Ajax Function
var httpobj;

// XMLHttpRequestオブジェクト生成
function createHttpRequest(){
    //Win ie用
    if(window.ActiveXObject){
        try {
            // MSXML2以降用
            return new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
            try {
                // 旧MSXML用
                return new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e2) {
                return null;
            }
        }
    } else if(window.XMLHttpRequest){
        //Win ie以外のXMLHttpRequestオブジェクト実装ブラウザ用
        return new XMLHttpRequest();
    } else {
        return null;
    }
}

// HTTP送信する
function requestFile(data, method, fileName, async) {
    if(!httpobj) {
    	return;
    }
    
    //open メソッド
    httpobj.open(method, fileName, async);
	
    // ↓これがないとブラウザによっては送信先からのデータを受信できないらしい
    httpobj.setRequestHeader('content-type', 'application/x-www-form-urlencoded;charset=UTF-8');
    
    //send メソッド
    httpobj.send(data);
}

// 印刷ボタンが押された時にアクセスログに集計する
function count_print(target_id, print_id) {
	httpobj = createHttpRequest();
    requestFile('mode=count_print&target_id=' + target_id + '&print_id=' + print_id, 'POST', '/ajax_request.php', true);
    print();
}

// 駅一覧を取得する
function get_eki_list(rosen_id) {
	httpobj = createHttpRequest();
	httpobj.onreadystatechange = function() {
		var eki_list = document.getElementById("eki_list");
		if (httpobj.readyState == 4) {
			if (httpobj.status == 200) {
				eki_list.innerHTML = httpobj.responseText;
			} else {
				eki_list.innerHTML = "Error";
			}
		} else {
			eki_list.innerHTML = '<img src="/images/popup/ajax-loading.gif" />';
		}
	}
	
	requestFile(null, 'GET', '/ajax_request.php?mode=eki_list&rosen_id=' + rosen_id, true);
}

// タブ切り替え
var tab = {
	init: function(){
		var tabs = this.setup.tabs;
		var pages = this.setup.pages;
		
		for(i=0; i<pages.length; i++) {
			if(i !== 0) pages[i].style.display = 'block';
			tabs[i].onclick = function(){ tab.showpage(this); return false; };
		}
	},
	
	showpage: function(obj){
		var tabs = this.setup.tabs;
		var pages = this.setup.pages;
		var num;
		
		for(num=0; num<tabs.length; num++) {
			if(tabs[num] === obj) break;
		}
		
		for(var i=0; i<pages.length; i++) {
			if(i == num) {
				pages[num].style.display = 'block';
				tabs[num].className = 'pre';
			}
			else{
				pages[i].style.display = 'none';
				tabs[i].className = null;
			}
		}
	}
}

// 予約機能の希望時間プルダウンを取得
function get_yoyaku_wish_hour(obj, num, shop_ex_id) {
	httpobj = createHttpRequest();
	httpobj.onreadystatechange = function() {
		var hour_list = document.getElementById("hour_list" + num);
		if (httpobj.readyState == 4) {
			if (httpobj.status == 200) {
				hour_list.innerHTML = httpobj.responseText;
			} else {
				hour_list.innerHTML = "Error";
			}
		} else {
			hour_list.innerHTML = "";
		}
	}
	
	requestFile(null, 'GET', '/ajax_request.php?mode=yoyaku_wish_hour_list&shop_ex_id=' + shop_ex_id + '&date=' + obj.value + '&num=' + num, true);
}

// 都道府県を選択した後に所属するエリアを取得
function get_addr_area_list(obj, id_name, select_name) {
	httpobj = createHttpRequest();
	httpobj.onreadystatechange = function() {
		var addr_area_list = document.getElementById(id_name);
		if (httpobj.readyState == 4) {
			if (httpobj.status == 200) {
				addr_area_list.innerHTML = httpobj.responseText;
			} else {
				addr_area_list.innerHTML = "Error";
			}
		} else {
			addr_area_list.innerHTML = '';
		}
	}
	
	requestFile(null, 'GET', '/ajax_request.php?mode=addr_area_list&addr1=' + obj.value + '&select_name=' + select_name, true);
}

// スタイル一覧でヘアスタイルに投票する
function post_style_point(frm) {
	style_id = frm.style_id.value;
	post_point = frm.post_point.value;
	
	if(style_id == '' || post_point == '') {
		return;
	}
	
	httpobj = createHttpRequest();
	httpobj.onreadystatechange = function() {
		var style_point = document.getElementById("style_point" + style_id);
		if (httpobj.readyState == 4) {
			if (httpobj.status == 200) {
				style_point.innerHTML = httpobj.responseText;
			} else {
				style_point.innerHTML = "Error";
			}
		} else {
			style_point.innerHTML = '';
		}
	}
	
	requestFile('mode=post_style_point&style_id=' + style_id + '&post_point=' + post_point, 'POST', '/ajax_request.php', true);
}

// おすすめヘアスタイルページのカレンダーを取得する
function get_rec_style_cal(ym) {
	httpobj = createHttpRequest();
	httpobj.onreadystatechange = function() {
		var cal = document.getElementById("rec_style_calendar");
		if (httpobj.readyState == 4) {
			if (httpobj.status == 200) {
				cal.innerHTML = httpobj.responseText;
			} else {
				cal.innerHTML = "Error";
			}
		} else {
			cal.innerHTML = '';
		}
	}
	
	requestFile(null, 'GET', '/ajax_request.php?mode=get_rec_style_cal&ym=' + ym, true);
}

// クチコミ一覧を取得する
function get_kutikomi_list(shop_ex_id, page) {
	httpobj = createHttpRequest();
	httpobj.onreadystatechange = function() {
		var data = document.getElementById("ajax_kutikomi_list" + page);
		if (httpobj.readyState == 4) {
			if (httpobj.status == 200) {
				data.innerHTML = httpobj.responseText;
			} else {
				data.innerHTML = "Error";
			}
		} else {
			data.innerHTML = '';
		}
	}
	
	requestFile(null, 'GET', '/ajax_request.php?mode=get_kutikomi_list&shop_ex_id=' + shop_ex_id + '&page=' + page, true);
}

// 店舗ヘアスタイル一覧を取得する
function get_shop_style_list(shop_ex_id, page) {
	httpobj = createHttpRequest();
	httpobj.onreadystatechange = function() {
		var data = document.getElementById("ajax_shop_style_list" + page);
		if (httpobj.readyState == 4) {
			if (httpobj.status == 200) {
				data.innerHTML = httpobj.responseText;
			} else {
				data.innerHTML = "Error";
			}
		} else {
			data.innerHTML = '';
		}
	}
	
	requestFile(null, 'GET', '/ajax_request.php?mode=get_shop_style_list&shop_ex_id=' + shop_ex_id + '&page=' + page, true);
}

// 店舗スタイリスト一覧を取得する
function get_shop_staff_list(shop_ex_id, page) {
	httpobj = createHttpRequest();
	httpobj.onreadystatechange = function() {
		var data = document.getElementById("ajax_shop_staff_list" + page);
		if (httpobj.readyState == 4) {
			if (httpobj.status == 200) {
				data.innerHTML = httpobj.responseText;
			} else {
				data.innerHTML = "Error";
			}
		} else {
			data.innerHTML = '';
		}
	}
	
	requestFile(null, 'GET', '/ajax_request.php?mode=get_shop_staff_list&shop_ex_id=' + shop_ex_id + '&page=' + page, true);
}