var defaultid="2";
$(function (){
	$("#scrollbox dd:not(#menudd"+defaultid+")").css("display","none")
	$("#scrollbox #menudt"+defaultid).addClass("selected");
	$("#scrollbox dl dt").click(function(){
		if($("+dd",this).css("display")=="none"){
			if ($.browser.msie) {
				$("#scrollbox dd").css("display","none");
				$("+dd",this).css("display","block");
			} else {
				$("#scrollbox dd").slideUp("slow");
				$("+dd",this).slideDown("slow");
			}
			$("dt").removeClass("selected");
			$(this).addClass("selected");
		}
	});

	$( '#scrollbox' ).scrollFollow( {
		speed: 1000,
		container: 'SBwrap',
		offset: 60
	} );
} );

function SBrightSWrite(id){
	defaultid = id;
	document.write ('<div style="" id="SBwrap">');
	document.write ('<div id="SBleft">');
}
function SBrightEWrite(){
	document.write ('</div><div id="SBright">');
	document.write ('<div id="scrollbox">');
	document.write ('<dl><img name="sidemenu_title" src="../images/sidemenu_title.gif" width="120" height="4" border="0" id="sidemenu_title" alt="" />');
	document.write ('<dt id="menudt1"><img name="sidemenu_kpalette" src="../images/sidemenu_kpalette.gif" width="120" height="29" border="0" id="sidemenu_kpalette" alt="K-Palette" /></dt>');
	document.write ('<dd id="menudd1"><a href="../mascara/index.html">ÛÝ¸Þ¼®¯ÄÏ½¶×</a><a href="../mascara/index.html">ÎÞØ­°Ñ²ÝÊß¸ÄÏ½¶×</a><a href="../startears/index.html">½À°Ã¨±°½ÞÏ½¶×</a><a href="../startears/index.html">½À°Ã¨±°½Þ±²×²Å°</a></dd>');
	document.write ('<dt id="menudt2"><img name="sidemenu_1daytattoo" src="../images/sidemenu_1daytattoo.gif" width="120" height="29" border="0" id="sidemenu_1daytattoo" alt="1 DAY TATTOO" /></dt>');
	document.write ('<dd id="menudd2"><a href="../eyeliner/index.html">Ø±Ù×½Ã¨Ý¸Þ<br>±²×²Å°24h</a><a href="../wp/index.html">Ø±Ù×½Ã¨Ý¸Þ<br>±²×²Å°24hWP</a><a href="../micro/index.html">Ø±Ù×½Ã¨Ý¸Þ<br>±²×²Å°24hWP<span style="font-size:0.9em">micro</span></a><a href="../pencil/index.html">Ø±Ù×½Ã¨Ý¸Þ<br>±²ÍßÝ¼Ù</a><a href="../eyebrow/index.html">Ø±Ù×½Ã¨Ý¸Þ<br>±²ÌÞÛ³24h</a><a href="../volumemascara/index.html">Ø±Ù×½Ã¨Ý¸Þ<br>ÎÞØ­°ÑÏ½¶×</a><a href="../volumemascara/index.html">1DAY·°ÌßÍÞ°½</a></dd>');
	document.write ('<dt id="menudt3"><img name="sidemenu_lampos" src="../images/sidemenu_lampos.gif" width="120" height="29" border="0" id="sidemenu_lampos" alt="LAMPOS" /></dt>');
	document.write ('<dd id="menudd3"><a href="../lampos_ps/index.html">ÌßÛ½·­°Ù<br>²ÃÞ±ÍÞ°½ ¼¬ÝÌß°</a><a href="../lampos_ps/index.html">ÌßÛ½·­°Ù<br>²ÃÞ±ÍÞ°½ ÄØ°ÄÒÝÄ</a><a href="../lampos_ps/index.html">ÌßÛ½·­°Ù<br>²ÃÞ±ÍÞ°½ ºÝÃÞ¨¼®Å°</a></dd>');
	document.write ('<dt id="menudt4"><img name="sidemenu_zero" src="../images/sidemenu_zero.gif" width="120" height="29" border="0" id="sidemenu_zero" alt="ZERO" /></dt>');
	document.write ('<dd id="menudd4"><a href="../zeroteka/index.html">¾ÞÛÃ¶Êß³ÀÞ°</a></dd>');
	document.write ('<dt><img name="sidemenu_bottom" src="../images/sidemenu_bottom.gif" width="120" height="4" border="0" id="sidemenu_bottom" alt="" /></dt>');
	document.write ('</dl>');
	document.write ('</div>');
	document.write ('</div>');
	document.write ('<div style="clear: both;"></div></div>');
}
