<!--

var data;

function init(){
    read_config();
}

function read_config(){
    var url = "/products/container/search/search.json";
    new Ajax.Request(url, {method: 'get', onComplete: apply});
}


function apply(httpObj){

    data = eval("("+httpObj.responseText+")");
    if (data == undefined || data == '') {
	alert("data is null");
	return;
    }
    
    category();
    hanni('kado_long');
    hanni('kado_short');
    hanni('kado_height');
    hanni('maru_dia');
    hanni('maru_height');
    hanni('capacity');
    
    if(document.forms[1].init_subcategory != undefined){
	init_subcategory(document.forms[1].init_subcategory.value);
    }
    
}

function disp_subcategory(category) {

    if (data.subcategory_list == undefined) {
	return;
    }

    var subcategory = [];
    for(var i = 0; i < data.subcategory_list.length; i++){
	var key = data.subcategory_list[i][0];
	if(key == category) {
	    subcategory = data.subcategory_list[i][1];
	    break;
	}
    }
    
    if(subcategory.length == 0) {
	$('sub_category').innerHTML = "";
	return;
    }
    
    var s = '　サブカテゴリー<select id="sub_category_list" name="sub_category_list">';
//    s += '<option value="">--- ' + get_category_name(category) + ' のサブカテゴリ ---';
    s += '<option value="">(指定しない)';
    
    for(var i = 0; i < subcategory.length; i++){
	s += '<option value="' + subcategory[i][0] + '">'
	    	+ subcategory[i][1] ;
    }
    s += '</select>';
    $('sub_category').innerHTML = s;
}

function init_subcategory(num) {
    var sub_f = document.forms[1].sub_category_list;
    if(sub_f == undefined) return;
    for(var i = 0; i < sub_f.length; i++){
	var val = sub_f[i].value;
	if(val == num) {
	    sub_f[i].selected = true;
	}
    }
}

function get_category_name(num) {
    for(var i = 0; i < data.category_list.length; i++){
	var c_num = data.category_list[i][0];
	if(num == c_num) {
	    return data.category_list[i][1];
	}
    }
    return;
}

function category() {
    var c = document.getElementById('category_list').value;
    
    disp_subcategory(c);
    
    if(has_maru(c)) {
	document.forms[1].kata_type[1].disabled = false;
	maru_fuka.style.display = 'none';

    } else {
	document.forms[1].kata_type[0].checked = true;
	select_type('kado');
	document.forms[1].kata_type[1].disabled = true;
	maru_fuka.style.display = 'block';
    }
    return;
}

function hanni(f) {
    var compare_f = document.getElementById(f+'_compare');
    var allow_f = document.getElementById(f+'_allow');

    if(compare_f.value == "eq") {
	allow_f.style.display = 'inline';
    } else {
	allow_f.style.display = 'none';
    }
    return;
}


function has_maru(c) {

    // (指定しない) は丸型選択可とする
    if( c == 'undefined') return true;
    
    for(var i = 0; i < data.category_has_maru.length; i++){
	var key = data.category_has_maru[i];
	if(key == c) {
	    return true;
	}
    }
    return false;
}

function select_type(k) {
    
    var kado = document.getElementById('kado_gata');
    var maru = document.getElementById('maru_gata');
    
    var kado_h = document.getElementById('kado_header');
    var maru_h = document.getElementById('maru_header');

    var maru_fuka = document.getElementById('maru_fuka');

    if(k == "kado") {
	kado.style.display = 'block';
	maru.style.display = 'none';
	
	kado_h.style.backgroundColor = '#b0e0e6';
	maru_h.style.backgroundColor = '#ddd';

    } else {
	kado.style.display = 'none';
	maru.style.display = 'block';

	kado_h.style.backgroundColor = '#ddd';
	maru_h.style.backgroundColor = '#b0e0e6';
    }
    
    return;
}

function do_input() {

    var action_f = document.getElementById('do_action');
    action_f.value = '';
    document.forms[1].submit();
}


function do_sort() {

    var page_f = document.getElementById('page');
    page_f.value = 1;
    var action_f = document.getElementById('do_action');
    action_f.value = 'do_search';
    document.forms[1].submit();
}

function do_search() {

    if(!check_input()) return;
    var action_f = document.getElementById('do_action');
    action_f.value = 'do_search';
    document.forms[1].submit();
}

function jump(page) {
    var page_f = document.getElementById('page');
    page_f.value = page;
    
    var action_f = document.getElementById('do_action');
    action_f.value = 'do_search';
    document.forms[1].submit();
}

function check_input() {
    
    var is_null = true;
    
    if($F('product') != '') is_null = false;
    if($F('category_list') != 'undefined') is_null = false;
    if($F('youto_list') != 'undefined')  is_null = false;
    
    if($F('kata_type') == 'kado') {
	if($F('kado_long') != '' ) {
	    is_null = false;
	    if(!check_num($F('kado_long'),'長辺')) return false;
	}
	if($F('kado_short') != '' ) {
	    is_null = false;
	    if(!check_num($F('kado_short'),'短辺')) return false;
	}
	if($F('kado_height') != '' ) {
	    is_null = false;
	    if(!check_num($F('kado_height'),'高さ')) return false;
	}
	
    } else {
	if($F('maru_dia') != '' ) {
	    is_null = false;
	    if(!check_num($F('maru_dia'),'直径')) return false;
	}
	if($F('maru_height') != '' ) {
	    is_null = false;
	    if(!check_num($F('maru_height'),'高さ')) return false;
	}
    }
    if($F('capacity') != '' ) {
	is_null = false;
	if(!check_num($F('capacity'),'容量')) return false;
    }
    
    if(is_null) {
	alert('検索条件は何か必ず選択/入力するようにしてください');
	return false;
    }
    return true;
}

function check_num(value, name) {
    var str = value.toString();
    var regex = /[^0-9]/;
    if (str.match(regex)) {
	alert(name + 'は正の整数のみ入力するようにしてください');
	return false;
    }
    return true;
}

-->



