Ext.onReady(function() {
	//ブランドナビ表示Window
	var button = Ext.select('a.ext-win-btn3');
	button.on('click', function(e){
		var target_node;
		if(e.target) {
			target_node = e.target;
		} else if(e.srcElement) {
			target_node = e.srcElement;
		} else {
			target_node = window.event.srcElement;
		}
		// Safari対策
		if (target_node.nodeType == 3) {
			target_node = target_node.parentNode;
		}
		
		var idname = Ext.get(target_node).dom.id;
		var var_ary = idname.split("_");
		var cor = var_ary[0];
		var mc = var_ary[1];
		var th = var_ary[2];
		var fe = var_ary[3];
		var scn = var_ary[4];
		
		var brwin = new Ext.Window({
			title:'ブランド',
			width:600,
			layout:'fit',
			items : [{
				height: 300,
				autoScroll:true,
				autoLoad: dir + 'js/navi_brand.php?cor=' + cor + '&mc=' + mc + '&th=' + th + '&fe=' + fe + '&scn=' + scn
			}]
		});
		brwin.show(this);
	});

	//アイテムコメント表示Window
	var button = Ext.select('a.ext-win-btn');
	button.on('click', function(e){
		var target_node;
		if(e.target) {
			target_node = e.target;
		} else if(e.srcElement) {
			target_node = e.srcElement;
		} else {
			target_node = window.event.srcElement;
		}
		// Safari対策
		if (target_node.nodeType == 3) {
			target_node = target_node.parentNode;
		}
		
		var idname = Ext.get(target_node).dom.id;
		var gid = idname.match(/[0-9]+/);
		var ta = idname.match(/[a-z]+/);
		var filename = 'js/childwin_con.php';
		if(ta == 'ij') {
			filename = 'js/childwin_con2.php';
		}
		var win = new Ext.Window({
			layout:'fit',
			width:400,
			autoLoad: dir + filename + '?gid=' + gid + '&ta=' + ta,
			buttons: [{
				text: '閉じる',
				handler: function(){
					win.hide();
				}
			}]
		});
		win.show(this);
	});

	//ブランドセレクト選択用Window
	var tooltip;
	var button = Ext.select('a.ext-win-btn2');
	button.on('click', function(e){
		if (!e) { e = window.event; }
		var target_node;
		if(e.target) {
			target_node = e.target;
		} else if(e.srcElement) {
			target_node = e.srcElement;
		} else {
			target_node = window.event.srcElement;
		}
		// Safari対策
		if (target_node.nodeType == 3) {
			target_node = target_node.parentNode;
		}

		var mouseX = e.getPageX();
		var mouseY = e.getPageY();
		
		var idname = Ext.get(target_node).dom.id;
		var var_ary = idname.split("-");
		var ta = var_ary[0];
		var frm = var_ary[1];
		var sel = var_ary[2];
		var mc = var_ary[3];
		if(!tooltip){
		tooltip = new Ext.Tip({
			id: 'tooltip-bse',
			width: 480,
			autoHide: false,
			closable: true,
			autoScroll:false,
			items : [{
				height: 200,
				autoScroll:true,
				autoLoad: dir + 'js/brandselect.php?ta=' + ta + '&frm=' + frm + '&sel=' + sel + '&mc=' + mc
			}]
		});
		}
		tooltip.setPosition (mouseX,mouseY);
		tooltip.show();
	});

});

	function ChangeSelect(n,frm,sel) {
		var tooltip = Ext.get('tooltip-bse');
		var f = document.forms[frm].elements[sel];
		for (i=0; i<f.options.length; i++) {
			if(i == n){
				f.options[i].selected = true;
				break;
			}
		}
		tooltip.hide();
	}