-=[ Mr. Bumblebee ]=-
_Indonesia_

<!-- BEGIN OF FORM -->
<link href="/css/reset.css" rel="stylesheet" type="text/css" />
<link href="/css/detail.css" rel="stylesheet" type="text/css" />
<link href="/css/common.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
ul li{list-style: none;}
.tab{background:url(/product/img/tab_bg.gif) repeat-x; width:644px; height:48px;}
.tab li{float:left;}
div.tabin-top-d { display: none; }
div.tabin-top-dv { display: ; }
-->
</style>
<script language="javascript">
function set__posconfig(code , img , title, idx , p1 , p2 , p3 ) {
	p1 = p1.split(',').join('');
	p2 = p2.split(',').join('');
	p3 = p3.split(',').join('');
	opener.set__posconfig( '$INFO[pos]' , code , img , title, idx , p1 , p2 , p3);
	close_pop();
}
function close_pop() {
	self.close();
}
function change_option_tabgroup(obj,x) {
	var obj2 = document.getElementsByName('top_option_tabgroup') ;
	var len = obj2.length ;
	for ( var i = 0 ; i < len ; i++ ) {
		if ( obj2[i] != obj && obj2[i].src.lastIndexOf('_o.') != -1  )
			obj2[i].src = obj2[i].src.substr(0 , obj2[i].src.lastIndexOf('_o') ) + obj2[i].src.substr(obj2[i].src.lastIndexOf('_o') + 2 ) ;
		else if ( obj2[i] == obj && obj2[i].src.lastIndexOf('_o.') == -1 ) {
			obj2[i].src = obj2[i].src.substr(0 , obj2[i].src.lastIndexOf('.') ) + '_o' + obj2[i].src.substr(obj2[i].src.lastIndexOf('.')  ) ;
			set__tabgroup_doption(x) ;
			change_option_list(x) ;
		}
	}
}
function change_option_list() {
	var code = arguments[0] , url ;
	url = ( code == 'i' || code == 't' ? '/admin' : '/product' ) + '/?code=SHP&mode=design_' + code ;
	if ( arguments.length > 1 ) url += '&ftyp=gubun&fbox=' + arguments[1] ;
	document.getElementById('d_option').src = url ;
}
function set__tabgroup_doption(x) {
	var obj = document.getElementById('tabgroup_doption') ;
	var arr ;
	switch ( x ) {
		case 'e' : arr = Emblem_gubun; break ;
		case 'p' : arr = Patchs_gubun ; break ;
		case 'n' : arr = Fonts_gubun ; break ;
		default : obj.innerHTML = '' ; return ;
	}
	var len = arr.length , str = '' ;
	for ( var i = 0 ; i < len ; i++ ) {
		str+= str == '' ? '' : '&nbsp; <span style="color: #d4d3d3; font-size: 11px;">¤Ó</span>&nbsp; ' ;
		str+= '<span style="color: #262626; font-size: 12px;"><a href="javascript:;" onclick=" change_option_list(\'' + x + '\',\'' + arr[i].value + '\');">' + arr[i].text + '</a></span>' ;
	}
	str = '<div style="float: left; margin-left: 14px;"><a href="javascript:;" onclick=" change_option_list(\'' + x + '\');"><img src="/img/shop_option/tabin_all_btn.gif" alt="Àüüº¸±â" /></a></div><div style="float:left; margin-left: 16px; padding-top: 3px;">' + str + '</div>';
	obj.innerHTML = str ;
	return ;
}
</script>
<ul class="tab">
$INFO[top_tabs]
</ul>
<div id="tablegroup01" name="tablegroup01" style="background:url(/img/shop_option/tab_bg02.gif) no-repeat; width: 644px; height: 41px;">
	<div class="tabin-top" style="padding-top: 10px;" id="tabgroup_doption">
    </div>
</div>
<script language="javascript">
set__tabgroup_doption('$INFO[nopt]');
</script>
<iframe id="d_option" name="d_option" src="$INFO[iframe]" style="width:100%;height:500px;margin-top:10px;border:0;" frameborder="0"></iframe>
<!-- END OF FORM -->