/*
 * 阪急ビューティー
 * ドロップダウン
 * 2010/06/04
 */
var drop_id_items = new Array( 'drop_brand_slider', 'drop_items_slider' );
var left_menu_items = new Array(
    'a', 'ka', 'sa', 'ta', 'na', 'ha', 'ma', 'ya'
);
var left_menu_items_rev = new Array();
var max_size = 16;
//初期処理
$(function(){
	left_menu_items_rev['a'] = 1;
	left_menu_items_rev['ka'] = 2;
	left_menu_items_rev['sa'] = 3;
	left_menu_items_rev['ta'] = 4;
	left_menu_items_rev['na'] = 5;
	left_menu_items_rev['ha'] = 6;
	left_menu_items_rev['ma'] = 7;
	left_menu_items_rev['ya'] = 8;

    make_top_item( item, item_category, item_top_template );

    //ブランドTopドロップダウン生成
    make_top_drop( brand, brand_category, brand_top_template );

    //左メニューの再構築
    make_left_drop( brand, brand_category );

	left_menu_drop( 'a', true );
});

//検索条件のドロップダウン
function drop_click( id ){

    if( id == drop_id_items[0] ) {
        var item ='#'+ drop_id_items[1]; 
        if( !$(item).is(':hidden') ){
            $(item).hide();
        }
    } else {
        var item ='#'+ drop_id_items[0]; 
        if( !$(item).is(':hidden') ){
            $(item).hide();
        }
    }

    if( $('#'+id).is(':hidden') ){
        $('#'+id).slideDown();
    } else {
        $('#'+id).slideUp();
    }
}

//左メニューのアコーディオンメニュー
function left_menu_drop( id, flag){
	if( flag == undefined ) {
		if( !$('#left_menu_'+id).is(':hidden') ) return;
	} else {
		//初期起動時処理
		for( n = 0; n < left_menu_items.length; n ++ ){
			num = str_pad( n + 1, 2, '0', 'STR_PAD_LEFT' );
			$('#lmi_' + left_menu_items[n] ).attr(
				'src', '../common/img/chara_title' + num + '.gif'
			);
			$('#left_menu_'+left_menu_items[n]).hide();
		}

		$('#left_menu_'+id).show();
		num = str_pad( left_menu_items_rev[id], 2, '0', 'STR_PAD_LEFT' );
		$('#lmi_'+id).attr(
			'src', '../common/img/chara_title' + num + '_on.gif'
		);
	}

	for( n = 0; n < left_menu_items.length; n ++ ){
		if( !$('#left_menu_'+left_menu_items[n]).is(':hidden') ){
			num = str_pad( n + 1, 2, '0', 'STR_PAD_LEFT' );
			$('#lmi_' + left_menu_items[n] ).attr(
				'src', '../common/img/chara_title' + num + '.gif'
			);

			if( !is_ie6() ){
				$('#left_menu_'+left_menu_items[n]).slideUp(
					'normal',
					function(){
						$('#left_menu_'+id).slideDown();
						num = str_pad( left_menu_items_rev[id],
							2, '0', 'STR_PAD_LEFT' );
						$('#lmi_'+id).attr(
							'src', '../common/img/chara_title' + num + '_on.gif'
						);
					}
				);
			} else {
				$('#left_menu_'+left_menu_items[n]).hide();
			}
			break;
		}
    }
	if( is_ie6() ){
		$('#left_menu_'+id).show();
		num = str_pad( left_menu_items_rev[id], 2, '0', 'STR_PAD_LEFT' );
		$('#lmi_'+id).attr(
			'src', '../common/img/chara_title' + num + '_on.gif'
		);
	}
}

function is_ie6(){
	if (typeof document.documentElement.style.maxHeight != "undefined") {
		return false;
	}
	return true;
}


//左メニューのアコーディオンメニュー生成
//
function make_left_drop( data, category ){
    var header = "    <td><ul>";
    var fotter = "  </ul></td>";
    var detail = '  <li><a href="{url}">{caption}</a></li>';
    var html = "";
    for( n = 0; n < category.left.length; n ++ ){
        var temp = "";
        for( na = 0; na < category.left[n].Node.length; na ++ ){
            var tt = detail;
            var node =  data.Node[category.left[n].Node[na] - 1];
            if( node == undefined ) break;
            tt = tt.replace('{url}', node.URL );
            tt = tt.replace('{caption}', node.Name );
            temp += tt;
        }
        html = header + temp + fotter;
        $('#left_menu_'+left_menu_items[n] ).html ( html );
    }
}

//Topメニューのドロップダウン生成
//ブランド
function make_top_drop( data, category, html ){
    var header = '';
    var fotter = '';
    var detail = '<li><a href="javascript:void(0);" onclick="setBrand({val},\'{caption}\');">{caption}</a></li>';
    var list = new Array(
        'item_a',
        'item_ka',
        'item_sa',
        'item_ta',
        'item_na',
        'item_ha',
        'item_ma',
        'item_ra',
        'item_wa',
		'item_sports',
		'item_life'
    );
    for( n = 0; n < category.Top.length; n ++ ){
		var max = category.Top[n].Node.length;
		for( nc = 1; nc <= 4; nc ++ ){
        	var temp = "";
			var start = Math.ceil( max / 4 * ( nc - 1 ));
			var end = Math.ceil( max / 4 * nc );
        	for( na = start; na < end; na ++ ){
            	var tt = detail;
	            var node =  data.Node[category.Top[n].Node[na] - 1];
	            if( node == undefined ) break;
	            //tt = tt.replace('{url}', node.URL );
	            tt = tt.replace('{caption}', node.Name );
	            tt = tt.replace('{caption}', node.Name );
	            tt = tt.replace('{val}', node.Value );
				temp += tt;
	        }
	        html = html.replace( '{' + list[n] + '_' + nc +'}', temp );
		}
    }
    $('#drop_brand_slider').html( html );
}

//トップメニューのドロップダウンメニュー生成
//アイテム
function make_top_item( item, cat, item_template ){
    var html = item_template;
    var detail = '<li><a href="javascript:void(0);" onclick="setItem({val},\'{caption}\')">{caption}</a></li>';
    for( n = 0; n < cat.Node.length; n ++ ){
        var part = '';
        for( na = 0; na < cat.Node[n].Node.length; na ++ ){
            var tmp = detail;
			var index = cat.Node[n].Node[na]-1;
            tmp = tmp.replace(
                '{caption}', item.Node[index].Name
            );
            tmp = tmp.replace(
                '{caption}', item.Node[index].Name
            );
            tmp = tmp.replace(
                '{val}', item.Node[index].Value
            );
            part += tmp;
        }
		//カテゴリの項目をセットする
		if( cat.Node[n].ID <= 9 ){
        	html = html.replace( '{cat0'+cat.Node[n].ID+'}', part );
			//カテゴリの情報をセットする
			html = html.replace( '{cat0' + cat.Node[n].ID + '_val}', cat.Node[n].Value );
			html = html.replace( '{cat0' + cat.Node[n].ID + '_name}', cat.Node[n].Name );
		} else {
        	html = html.replace( '{cat'+cat.Node[n].ID+'}', part );
			//カテゴリの情報をセットする
			html = html.replace( '{cat' + cat.Node[n].ID + '_val}', cat.Node[n].Value );
			html = html.replace( '{cat' + cat.Node[n].ID + '_name}', cat.Node[n].Name );
		}
    }
    $('#drop_items_slider').html( html );
}

function setItem(val,caps){
	if( caps.length > max_size ){
		caps = caps.substr( 0, max_size - 1 ) + '…';
	}
	document.frm.itemId1.value = val;
	$('#drop_items').html( caps );
	$('#drop_items_slider').slideUp();
}

function setBrand(val,caps){
	if( caps.length > max_size ){
		caps = caps.substr( 0, max_size - 1) + '…';
	}
	document.frm.brandId.value = val;
	$('#drop_brand').html( caps );
	$('#drop_brand_slider').slideUp();
}

function setScroll(val, target){
	var ele = $('a[name='+val+']');
	var position = ele.position();
	position = position.top;
	$('#'+target).scrollTop( $('#'+target).scrollTop() + position );
}