/*
 * 阪急ビューティー
 * ドロップダウン
 * 2010/06/04
 */
/*

修正 2010/09/07
・左メニュ生成のコメントアウト
・drop02.jsと統合（差異が左メニュ部分のみのため）

*/
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',
        'item_ya',
        'item_accesary',
        'item_fashionzakka',
        'item_bag'
    );
    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;
	        }
		if (list[n]+ '_' + nc == 'item_ya_3')
		{
	        html = html.replace( '{' + 'item_ya_2' +'}', temp );
	        html = html.replace( '{' + 'item_ya_3' +'}', '' );
		}
		else if (list[n]+ '_' + nc == 'item_ya_2')
		{
		}
		else
		{
	        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 ++ ){
		
		if( 45 <= cat.Node[n].ID && cat.Node[n].ID <= 47){
			
			var max = cat.Node[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 =  item.Node[cat.Node[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;//alert(tt);
	        	}
	        	html = html.replace( '{cat' + cat.Node[n].ID + '_' + nc +'}', temp );
			}
			
		}else{
			
        	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 );
}