//style_showcase
function fn_ui_style_showcase(tjson){

	var str = "";
	if(typeof(tjson)!="undefined"){

		for (i=0;i<tjson.text.length;i++){
		    if(i == 0){
                str= str + "<li class=\"\" style=\"position:absolute;display:none;width:400px;height:356px;\">";
		    }
		    else{
                str= str + "<li class=\"\" style=\"position:absolute;display:none;width:400px;height:356px;\">";
		    }
            str= str + "<a href=\""+tjson.link[i].value+"\" target=\""+tjson.link[i].target+"\"><span class=\"background\"></span> <img src=\""+tjson.image[i].value+"\" alt=\""+tjson.text[i].value+"\" /> ";
            str= str + "<span class=\"text\"><strong>"+tjson.text[i].value+"</strong> "+tjson.content[i].value+"</span></a>";
            str= str + "</li>";
		}
	}
	$("#id_style_index_showcase").html(str);

	fn_ui_style_showcase_slide();
}
//style_showcase_slide
function fn_ui_style_showcase_slide(){
	/*파라미터
		"rolling_box",	box 아이디
		"div",			아이템 html 태그 이름
		"left",			이동방향
		300,			이동속도
		5000,			다음 이동시간
		-1,				처음 보여줄 값 -1은 랜덤
		"oRoll",		생성한객체(인스턴스) 이름
		"fnInitPage",	초기 실행 할 함수
		"fnChangePage"	아이템 이동시 실행 할 함수
	*/
	oRoll = new fnRollingImage("id_style_index_showcase", "li", "left", 250, 5000, -1, "oRoll", "fn_ui_style_showcase_InitPage", "fn_ui_style_showcase_ChangePage");
	oRoll.RunRollingImage();
}
//시작시 버튼설정
function fn_ui_style_showcase_InitPage(totCnt, currIdx)
{
	var sToggleImg = "";
	var sPagingBtn = "";
	for(var nIdx=0; nIdx<totCnt; nIdx++)
	{
		if(nIdx == currIdx)
			sToggleImg = "on";
		else
			sToggleImg = "";
		//sPagingBtn += "<a class=\"" + sToggleImg + "\" href=\"javascript:oRoll.MoveRollingImage(" + nIdx + ");\" onmouseover=\"oRoll.MoveRollingImage(" + nIdx + ");oRoll.StopRollingImage();\" onmouseout=\"oRoll.StartRollingImage();\"></a>";
		//클릭으로 변경 jaeils 20101203
		sPagingBtn += "<a class=\"" + sToggleImg + "\" href=\"javascript:oRoll.MoveRollingImage(" + nIdx + ");\" onmouseover=\"oRoll.StopRollingImage();\" onmouseout=\"oRoll.StartRollingImage();\"></a>";
	}
	$("#pagination_1.btn").html(sPagingBtn);
}
//슬라이딩시 버튼설정
function fn_ui_style_showcase_ChangePage(totCnt, oldIdx, currIdx)
{
	$($("#pagination_1.btn > a").removeClass("on"));	//현재 페이지버튼 비활성화
	$($("#pagination_1.btn > a")[currIdx]).addClass("on");	//보일 페이지 버튼 활성화
}

//style_trend
function fn_ui_style_trend(tjson){

	var str = "";
	if(typeof(tjson)!="undefined"){

	    str= str + "<dl>";
	    str= str + "<dd class=\"photo\"><a href=\""+tjson.link[0].value+"\" target=\""+tjson.link[0].target+"\"><img src=\""+tjson.image[0].value+"\" alt=\""+tjson.text[0].value+"\" /></a></dd>";
	    str= str + "<dt><a href=\""+tjson.link[0].value+"\" target=\""+tjson.link[0].target+"\"><img src=\"http://images.joinsmsn.com/ui_portal/portal2010/life/t_style_trend.gif\" alt=\"trend\" /></a></dt>";
	    str= str + "<dd><a href=\""+tjson.link[0].value+"\" target=\""+tjson.link[0].target+"\">"+tjson.text[0].value+"</a></dd>";
	    str= str + "</dl>";
	}
	return str;
}

//style_stylingtip
function fn_ui_style_stylingtip(tjson){

	var str = "";
	if(typeof(tjson)!="undefined"){

	    str= str + "<dl>";
	    str= str + "<dd class=\"photo\"><a href=\""+tjson.link[0].value+"\" target=\""+tjson.link[0].target+"\"><img src=\""+tjson.image[0].value+"\" alt=\""+tjson.text[0].value+"\" /></a></dd>";
	    str= str + "<dt><a href=\""+tjson.link[0].value+"\" target=\""+tjson.link[0].target+"\"><img src=\"http://images.joinsmsn.com/ui_portal/portal2010/life/t_style_styling_tip.gif\" alt=\"styling tip\" /></a></dt>";
	    str= str + "<dd><a href=\""+tjson.link[0].value+"\" target=\""+tjson.link[0].target+"\">"+tjson.text[0].value+"</a></dd>";
	    str= str + "</dl>";
	}
	return str;
}

//style_collection
function fn_ui_style_collection(tjson){

	var str = "";
	if(typeof(tjson)!="undefined"){

	    str= str + "<dl>";
	    str= str + "<dd class=\"photo\"><a href=\""+tjson.link[0].value+"\" target=\""+tjson.link[0].target+"\"><img src=\""+tjson.image[0].value+"\" alt=\""+tjson.text[0].value+"\" /></a></dd>";
	    str= str + "<dt><a href=\""+tjson.link[0].value+"\" target=\""+tjson.link[0].target+"\"><img src=\"http://images.joinsmsn.com/ui_portal/portal2010/life/t_style_collection.gif\" alt=\"collection\" /></a></dt>";
	    str= str + "<dd><a href=\""+tjson.link[0].value+"\" target=\""+tjson.link[0].target+"\">"+tjson.text[0].value+"</a></dd>";
	    str= str + "</dl>";
	}
	return str;
}

// style_todaycoordination
function fn_ui_style_todaycoordination(tjson){

	var str = "";
	if(typeof(tjson)!="undefined"){

        str= str + "<dl>";
        str= str + "<dd class=\"photo\"><a href=\""+tjson.link[0].value+"\" target=\""+tjson.link[0].target+"\"><img src=\""+tjson.image[0].value+"\" alt=\""+tjson.text[0].value+"\" /></a></dd>";
        str= str + "<dt><a class=\"title_cr\" href=\""+tjson.link[0].value+"\" target=\""+tjson.link[0].target+"\">"+tjson.text[0].value+"</a></dt>";
        str= str + "<dd><a href=\""+tjson.link[0].value+"\" target=\""+tjson.link[0].target+"\">"+tjson.content[0].value+"</a></dd>";
        str= str + "</dl>";
	}
	return str;
}

// style_todaycoordination  2011.04.25 Leafy
function fn_ui_style_today_coordination(tjson){

	var str = "";
	if(typeof(tjson)!="undefined"){

		strTitle = tjson.text[0].value ;
		strTitle = strTitle.replace("오늘의 코디<br />","");

		strCont = tjson.content[0].value ;

		str = str +"		<div class=\"hd\">";
		str = str +"			<h2 class=\"hidden\">오늘의 코디</h2>";
		str = str +"			<span>"+strTitle+"</span><strong>"+strCont+"</strong>";
		str = str +"		</div><!-- /hd -->";
		str = str +"		<div class=\"bd\">";
		str = str +"			<a class=\"title_cr\" href=\""+tjson.link[0].value+"\" target=\""+tjson.link[0].target+"\"><img src=\""+tjson.image[0].value+"\" alt=\""+tjson.text[0].value+"\" /></a>";
		str = str +"		</div><!-- /bd -->";


	}
	return str;
}

// style_street  2011.04.25 Leafy
function fn_ui_style_street(tjson, max, listidx){
	var str = "";
	if(typeof(tjson)!="undefined"){
		totcnt = tjson.data.length ;
		if (max !=="")
		{ if ( totcnt > max){ totcnt = max ;}
		}
		for (i=0;i<totcnt ;i++ )
		{
			fTitle = tjson.data[i]["title"] ;
			fTotal_id = tjson.data[i]["total_id"] ;
			fImg = tjson.data[i]["photo"] ;
			fUrl = "http://style.joinsmsn.com/news/article/article.asp?total_id="+fTotal_id+"&tm=" + listidx ;
			str = str +"	<li><span class=\"photo\"><a class=\"photo\" href=\""+fUrl+"\"><img src=\""+fImg+"\" alt=\""+fTitle+"\" OnError=\"this.src='http://wimage.joinsmsn.com/indexedit/2010/11/04/114356765.jpg'\"/></a></span> <a class=\"text\" href=\""+fUrl+"\">"+fTitle+"</a></li>";
		}
		return str;
	}
}



// style_itemshopping
function fn_ui_style_itemshopping(tjson){

	var str = "";
	if(typeof(tjson)!="undefined"){

		for (i=0;i<tjson.link.length;i++){
		    str= str + "<li><a href=\""+tjson.link[i].value+"\" target=\""+tjson.link[i].target+"\">";
		    str= str + "<img src=\""+tjson.image[i].value+"\" alt=\""+tjson.text[i*2].value+"\" /> <em>"+tjson.text[i*2].value+"</em> "+tjson.text[i*2 + 1].value+"</a></li>";
		}
	}
	return str;
}

// style_collectionmovie
function fn_ui_style_collectionmovie(tjson){

	var str = "";
	if(typeof(tjson)!="undefined"){

		for (i=0;i<tjson.link.length;i++){
		    str= str + "<li>";
		    str= str + "<a href=\""+tjson.link[i].value+"\" target=\""+tjson.link[i].target+"\" class=\"photo\"><span>동영상</span> <img src=\""+tjson.image[i].value+"\" width=\"120\" height=\"70\" alt=\""+tjson.text[i].value+"\" /></a>";
		    str= str + "<a href=\""+tjson.link[i].value+"\" target=\""+tjson.link[i].target+"\" class=\"text\"><strong>"+tjson.text[i].value+"</strong></a>";
		    str= str + "</li>";
		}
	}
	return str;
}

// style_editorcollection
function fn_ui_style_editorcollection(tjson){

	var str = "";
	if(typeof(tjson)!="undefined"){

		for (i=0;i<tjson.link.length;i++){
		    str= str + "<li><a href=\""+tjson.link[i].value+"\" target=\""+tjson.link[i].target+"\"><img src=\""+tjson.image[i].value+"\" alt=\""+tjson.text[i].value+"\" /> "+tjson.text[i].value+"</a></li>";
		}
	}
	return str;
}

// style_contentsby
function fn_ui_style_contentsby(tjson){
    $("#id_style_index_contentsby").html("<span style=\"position:absolute;left:0;\"></span>");
	var str = "";
	if(typeof(tjson)!="undefined"){
		for (i=0;i<tjson.link.length;i++){
		    str= str + "<a href=\""+tjson.link[i].value+"\" target=\""+tjson.link[i].target+"\"><img src=\""+tjson.image[i].value+"\" alt=\""+tjson.text[i].value+"\" /></a> ";
		}
	}
	$("#id_style_index_contentsby span").html(str);

	fnRollingContentsBy("id_style_index_contentsby");
}

//style_include_ititem
function fn_ui_style_include_ititem(tjson){

	var str = "";
	if(typeof(tjson)!="undefined"){

		for (i=0;i<tjson.text.length; i = i + 2){
		    str= str + "<li><a class=\"photo\" href=\""+tjson.link[i/2].value+"\" target=\""+tjson.link[i/2].target+"\"><img src=\""+tjson.image[i/2].value+"\" alt=\""+tjson.text[i + 1].value+"\" /></a> ";
		    str= str + "<a class=\"text\" href=\""+tjson.link[i/2].value+"\" target=\""+tjson.link[i/2].target+"\"><em>"+tjson.text[i].value+"</em>"+tjson.text[i + 1].value+"</a></li>";
    	}
	}
	return str;
}

//style_fashion_showcase
function fn_ui_style_fashion_showcase(tjson, ftype){

	var str = "", str2="";
	if(typeof(tjson)!="undefined"){

		for (i=0;i<tjson.text.length;i++){
			pcontent = tjson.content[i].value ;
			if (ftype =="health")  // 헬스에는 제목이랑 리드문 둘다 들어가야 해서 살짝 수정했습니다.
			{
				pcontent = String(pcontent).substring(0,58) + "..";
			}


            str= str + "<li class=\"\" style=\"position:absolute;display:none;width:400px;height:356px;\">";
            str= str + "<a href=\""+tjson.link[i].value+"\" target=\""+tjson.link[i].target+"\"><span class=\"background\"></span> ";
            str= str + "<img src=\""+tjson.image[i].value+"\" alt=\""+tjson.text[i].value+"\" /> ";
            str= str + "<span class=\"text\"><strong>"+tjson.text[i].value+"</strong> "+pcontent+"</span></a>";
			str= str + "</li>";

			if(i==0){
			    str2 = str2 + "<li class=\"start\">";
			}
			else{
			    str2 = str2 + "<li class=\"\">";
			}

			if (ftype =="health")  // 헬스에는 제목이랑 리드문 둘다 들어가야 해서 살짝 수정했습니다.
			{
				var stitle =  tjson.text[i].value ;
				var scontent =  tjson.content[i].value ;
				stitlelen = stitle.length ;

				if (stitlelen >15)
				{
					stitle = String(stitle).substring(0,14) + "..";
				}

				scontent = String(scontent).substring(0,33) + "..";


				str2 = str2 + "<a href=\""+tjson.link[i].value+"\" target=\""+tjson.link[i].target+"\" onmouseover=\"oRoll.MoveRollingImage(" + i + ");oRoll.StopRollingImage();\" onmouseout=\"oRoll.StartRollingImage();\">";
				str2 = str2 + "<img src=\""+tjson.image[i].value+"\" alt=\""+tjson.text[i].value+"\" />"
				str2 = str2 + "<strong>"+stitle+"</strong>";
				str2 = str2 + "<span>"+scontent+"</span>";
				str2 = str2 + "</a>";
				str2 = str2 + "</li>";
			}else {

				str2 = str2 + "<a href=\""+tjson.link[i].value+"\" target=\""+tjson.link[i].target+"\" onmouseover=\"oRoll.MoveRollingImage(" + i + ");oRoll.StopRollingImage();\" onmouseout=\"oRoll.StartRollingImage();\">";
				str2 = str2 + "<img src=\""+tjson.image[i].value+"\" alt=\""+tjson.text[i].value+"\" /> <strong class=\"list_cr\">"+tjson.content[i].value+"</strong></a>";
				str2 = str2 + "</li>";
			}
		}
	}
	$("#id_style_fashion_index_showcase").html(str);
	$("#id_style_fashion_index_showcase2").html(str2);


	fn_ui_style_fashion_showcase_slide();
}
//style_showcase_slide
function fn_ui_style_fashion_showcase_slide(){
	/*파라미터
		"rolling_box",	box 아이디
		"div",			아이템 html 태그 이름
		"left",			이동방향
		300,			이동속도
		5000,			다음 이동시간
		-1,				처음 보여줄 값 -1은 랜덤
		"oRoll",		생성한객체(인스턴스) 이름
		"fnInitPage",	초기 실행 할 함수
		"fnChangePage"	아이템 이동시 실행 할 함수
	*/
	oRoll = new fnRollingImage("id_style_fashion_index_showcase", "li", "left", 250, 5000, -1, "oRoll", "fn_ui_style_fashion_showcase_InitPage", "fn_ui_style_fashion_showcase_ChangePage");
	oRoll.RunRollingImage();

}
//시작시  우측설정
function fn_ui_style_fashion_showcase_InitPage(totCnt, currIdx)
{
	var sToggleImg = "";
	var sPagingBtn = "";
	for(var nIdx=0; nIdx<totCnt; nIdx++)
	{
		if(nIdx == currIdx)
			sToggleImg = "on";
		else
			sToggleImg = "";
		sPagingBtn += "<a class=\"btn" + nIdx + " " + sToggleImg + "\" href=\"javascript:oRoll.MoveRollingImage(" + nIdx + ");\" onmouseover=\"oRoll.MoveRollingImage(" + nIdx + ");oRoll.StopRollingImage();\" onmouseout=\"oRoll.StartRollingImage();\"></a>"

	}
	$("#pagination_1").html(sPagingBtn);
}
//슬라이딩시 버튼설정
function fn_ui_style_fashion_showcase_ChangePage(totCnt, oldIdx, currIdx)
{
	$($("#pagination_1.btn > a").removeClass("on"));	//현재 페이지버튼 비활성화
	$($("#pagination_1.btn > a")[currIdx]).addClass("on");	//보일 페이지 버튼 활성화
}

//style_fashion_trend
function fn_ui_style_fashion_trend(tjson){

	var str = "";
	if(typeof(tjson)!="undefined"){

		for (i=0;i<tjson.text.length; i = i + 2){
		    strTitle = tjson.text[i].value;

		    if(i == 0){
		        strContent = tjson.content[i].value;
		        str= str + "<li class=\"photo\"><a href=\""+tjson.link[i/2].value+"\" target=\""+tjson.link[i/2].target+"\"><img src=\""+tjson.image[i].value+"\" alt=\""+tjson.text[i].value+"\" /></a></li>";
				str= str + "<li class=\"headline\"><a href=\""+tjson.link[i/2].value+"\" target=\""+tjson.link[i/2].target+"\"><strong class=\"title_cr\">"+strTitle+"</strong> "+strContent+"</a> <em class=\"provide\">"+tjson.text[i + 1].value+"</em></li>";
		    }
		    else{
		        str= str + "<li><a class=\"list_cr blt\" href=\""+tjson.link[i/2].value+"\" target=\""+tjson.link[i/2].target+"\">"+strTitle+"</a> <em class=\"provide\">"+tjson.text[i + 1].value+"</em></li>";
		    }
    	}
	}
	return str;
}

//style_fashion_stylingtip
function fn_ui_style_fashion_stylingtip(tjson){

	var str = "";
	if(typeof(tjson)!="undefined"){

		for (i=0;i<tjson.text.length; i = i + 2){
		    strTitle = tjson.text[i].value;

		    if(i == 0){
		        strContent = tjson.content[i].value;
		        str= str + "<li class=\"photo\"><a href=\""+tjson.link[i/2].value+"\" target=\""+tjson.link[i/2].target+"\"><img src=\""+tjson.image[i].value+"\" alt=\""+tjson.text[i].value+"\" /></a></li>";
				str= str + "<li class=\"headline\"><a href=\""+tjson.link[i/2].value+"\" target=\""+tjson.link[i/2].target+"\"><strong class=\"title_cr\">"+strTitle+"</strong> "+strContent+"</a> <em class=\"provide\">"+tjson.text[i + 1].value+"</em></li>";
		    }
		    else{
		        str= str + "<li><a class=\"list_cr blt\" href=\""+tjson.link[i/2].value+"\" target=\""+tjson.link[i/2].target+"\">"+strTitle+"</a> <em class=\"provide\">"+tjson.text[i + 1].value+"</em></li>";
		    }
    	}
	}
	return str;
}

//style_fashion_globalhotissue
function fn_ui_style_fashion_globalhotissue(tjson){

	var str = "";
	if(typeof(tjson)!="undefined"){

		for (i=0;i<tjson.text.length; i = i + 2){
		    strTitle = tjson.text[i].value;

		    if(i == 0){
		        strContent = tjson.content[i].value;
		        str= str + "<li class=\"photo\"><span>HOT</span> <a href=\""+tjson.link[i/2].value+"\" target=\""+tjson.link[i/2].target+"\"><img src=\""+tjson.image[i].value+"\" alt=\""+tjson.text[i].value+"\" /></a></li>";
				str= str + "<li class=\"headline\"><a href=\""+tjson.link[i/2].value+"\" target=\""+tjson.link[i/2].target+"\"><strong class=\"title_cr\">"+strTitle+"</strong> "+strContent+"</a> <em class=\"provide\">"+tjson.text[i + 1].value+"</em></li>";
		    }
		    else{
		        str= str + "<li><a class=\"list_cr blt\" href=\""+tjson.link[i/2].value+"\" target=\""+tjson.link[i/2].target+"\">"+strTitle+"</a> <em class=\"provide\">"+tjson.text[i + 1].value+"</em></li>";
		    }
    	}
	}
	return str;
}

//style_beauty_showcase
function fn_ui_style_beauty_showcase(tjson){

	var str = "", str2="";
	if(typeof(tjson)!="undefined"){

		for (i=0;i<tjson.text.length;i++){
            str= str + "<li class=\"\" style=\"position:absolute;display:none;width:400px;height:356px;\">";
            str= str + "<a href=\""+tjson.link[i].value+"\" target=\""+tjson.link[i].target+"\"><span class=\"background\"></span> ";
            str= str + "<img src=\""+tjson.image[i].value+"\" alt=\""+tjson.text[i].value+"\" /> ";
            str= str + "<span class=\"text\"><strong>"+tjson.text[i].value+"</strong> "+tjson.content[i].value+"</span></a>";
			str= str + "</li>";

			if(i==0){
			    str2 = str2 + "<li class=\"start\">";
			}
			else{
			    str2 = str2 + "<li class=\"\">";
			}
			str2 = str2 + "<a href=\""+tjson.link[i].value+"\" target=\""+tjson.link[i].target+"\" onmouseover=\"oRoll.MoveRollingImage(" + i + ");oRoll.StopRollingImage();\" onmouseout=\"oRoll.StartRollingImage();\">";
			str2 = str2 + "<img src=\""+tjson.image[i].value+"\" alt=\""+tjson.text[i].value+"\" /> <strong class=\"list_cr\">"+tjson.content[i].value+"</strong></a>";
			str2 = str2 + "</li>";
		}
	}
	$("#id_style_beauty_index_showcase").html(str);
	$("#id_style_beauty_index_showcase2").html(str2);


	fn_ui_style_beauty_showcase_slide();
}
//style_showcase_slide
function fn_ui_style_beauty_showcase_slide(){
	/*파라미터
		"rolling_box",	box 아이디
		"div",			아이템 html 태그 이름
		"left",			이동방향
		300,			이동속도
		5000,			다음 이동시간
		-1,				처음 보여줄 값 -1은 랜덤
		"oRoll",		생성한객체(인스턴스) 이름
		"fnInitPage",	초기 실행 할 함수
		"fnChangePage"	아이템 이동시 실행 할 함수
	*/
	oRoll = new fnRollingImage("id_style_beauty_index_showcase", "li", "left", 250, 5000, -1, "oRoll", "fn_ui_style_beauty_showcase_InitPage", "fn_ui_style_beauty_showcase_ChangePage");
	oRoll.RunRollingImage();

}
//시작시  우측설정
function fn_ui_style_beauty_showcase_InitPage(totCnt, currIdx)
{
	var sToggleImg = "";
	var sPagingBtn = "";
	for(var nIdx=0; nIdx<totCnt; nIdx++)
	{
		if(nIdx == currIdx)
			sToggleImg = "on";
		else
			sToggleImg = "";
		sPagingBtn += "<a class=\"btn" + nIdx + " " + sToggleImg + "\" href=\"javascript:oRoll.MoveRollingImage(" + nIdx + ");\" onmouseover=\"oRoll.MoveRollingImage(" + nIdx + ");oRoll.StopRollingImage();\" onmouseout=\"oRoll.StartRollingImage();\"></a>"

	}
	$("#pagination_1").html(sPagingBtn);
}
//슬라이딩시 버튼설정
function fn_ui_style_beauty_showcase_ChangePage(totCnt, oldIdx, currIdx)
{
	$($("#pagination_1.btn > a").removeClass("on"));	//현재 페이지버튼 비활성화
	$($("#pagination_1.btn > a")[currIdx]).addClass("on");	//보일 페이지 버튼 활성화
}

//style_beauty_trend
function fn_ui_style_beauty_trend(tjson){

	var str = "";
	if(typeof(tjson)!="undefined"){

		for (i=0;i<tjson.text.length; i = i + 2){
		    strTitle = tjson.text[i].value;

		    if(i == 0){
		        strContent = tjson.content[i].value;
		        str= str + "<li class=\"photo\"><a href=\""+tjson.link[i/2].value+"\" target=\""+tjson.link[i/2].target+"\"><img src=\""+tjson.image[i].value+"\" alt=\""+tjson.text[i].value+"\" /></a></li>";
				str= str + "<li class=\"headline\"><a href=\""+tjson.link[i/2].value+"\" target=\""+tjson.link[i/2].target+"\"><strong class=\"title_cr\">"+strTitle+"</strong> "+strContent+"</a> <em class=\"provide\">"+tjson.text[i + 1].value+"</em></li>";
		    }
		    else{
		        str= str + "<li><a class=\"list_cr blt\" href=\""+tjson.link[i/2].value+"\" target=\""+tjson.link[i/2].target+"\">"+strTitle+"</a> <em class=\"provide\">"+tjson.text[i + 1].value+"</em></li>";
		    }
    	}
	}
	return str;
}

//style_beauty_skincare
function fn_ui_style_beauty_skincare(tjson){

	var str = "";
	if(typeof(tjson)!="undefined"){

		for (i=0;i<tjson.text.length; i = i + 2){
		    strTitle = tjson.text[i].value;

		    if(i == 0){
		        strContent = tjson.content[i].value;
		        str= str + "<li class=\"photo\"><a href=\""+tjson.link[i/2].value+"\" target=\""+tjson.link[i/2].target+"\"><img src=\""+tjson.image[i].value+"\" alt=\""+tjson.text[i].value+"\" /></a></li>";
				str= str + "<li class=\"headline\"><a href=\""+tjson.link[i/2].value+"\" target=\""+tjson.link[i/2].target+"\"><strong class=\"title_cr\">"+strTitle+"</strong> "+strContent+"</a> <em class=\"provide\">"+tjson.text[i + 1].value+"</em></li>";
		    }
		    else{
		        str= str + "<li><a class=\"list_cr blt\" href=\""+tjson.link[i/2].value+"\" target=\""+tjson.link[i/2].target+"\">"+strTitle+"</a> <em class=\"provide\">"+tjson.text[i + 1].value+"</em></li>";
		    }
    	}
	}
	return str;
}

//style_beauty_hairstyle
function fn_ui_style_beauty_hairstyle(tjson){

	var str = "";
	if(typeof(tjson)!="undefined"){

		for (i=0;i<tjson.text.length; i = i + 2){
		    strTitle = tjson.text[i].value;

		    if(i == 0){
		        strContent = tjson.content[i].value;
		        str= str + "<li class=\"photo\"><a href=\""+tjson.link[i/2].value+"\" target=\""+tjson.link[i/2].target+"\"><img src=\""+tjson.image[i].value+"\" alt=\""+tjson.text[i].value+"\" /></a></li>";
				str= str + "<li class=\"headline\"><a href=\""+tjson.link[i/2].value+"\" target=\""+tjson.link[i/2].target+"\"><strong class=\"title_cr\">"+strTitle+"</strong> "+strContent+"</a> <em class=\"provide\">"+tjson.text[i + 1].value+"</em></li>";
		    }
		    else{
		        str= str + "<li><a class=\"list_cr blt\" href=\""+tjson.link[i/2].value+"\" target=\""+tjson.link[i/2].target+"\">"+strTitle+"</a> <em class=\"provide\">"+tjson.text[i + 1].value+"</em></li>";
		    }
    	}
	}
	return str;
}

//style_beauty_makeup
function fn_ui_style_beauty_makeup(tjson){

	var str = "";
	if(typeof(tjson)!="undefined"){
		for (i=0;i<tjson.text.length; i ++){
		    str= str + "<li><a class=\"photo\" href=\""+tjson.link[i].value+"\" target=\""+tjson.link[i].target+"\"><img src=\""+tjson.image[i].value+"\" alt=\""+tjson.text[i].value+"\" /></a> "
		    str= str + "<em>"+tjson.text[i].value+"</em> <a class=\"text\" href=\""+tjson.link[i].value+"\" target=\""+tjson.link[i].target+"\">"+tjson.content[i].value+"</a></li>";
    	}
	}
	return str;
}

//style_bodycare_showcase
function fn_ui_style_bodycare_showcase(tjson){

	var str = "", str2="";
	if(typeof(tjson)!="undefined"){

		for (i=0;i<tjson.text.length;i++){
            str= str + "<li class=\"\" style=\"position:absolute;display:none;width:400px;height:356px;\">";
            str= str + "<a href=\""+tjson.link[i].value+"\" target=\""+tjson.link[i].target+"\"><span class=\"background\"></span> ";
            str= str + "<img src=\""+tjson.image[i].value+"\" alt=\""+tjson.text[i].value+"\" /> ";
            str= str + "<span class=\"text\"><strong>"+tjson.text[i].value+"</strong> "+tjson.content[i].value+"</span></a>";
			str= str + "</li>";

			if(i==0){
			    str2 = str2 + "<li class=\"start\">";
			}
			else{
			    str2 = str2 + "<li class=\"\">";
			}
			str2 = str2 + "<a href=\""+tjson.link[i].value+"\" target=\""+tjson.link[i].target+"\" onmouseover=\"oRoll.MoveRollingImage(" + i + ");oRoll.StopRollingImage();\" onmouseout=\"oRoll.StartRollingImage();\">";
			str2 = str2 + "<img src=\""+tjson.image[i].value+"\" alt=\""+tjson.text[i].value+"\" /> <strong class=\"list_cr\">"+tjson.content[i].value+"</strong></a>";
			str2 = str2 + "</li>";
		}
	}
	$("#id_style_bodycare_index_showcase").html(str);
	$("#id_style_bodycare_index_showcase2").html(str2);


	fn_ui_style_bodycare_showcase_slide();
}
//style_showcase_slide
function fn_ui_style_bodycare_showcase_slide(){
	/*파라미터
		"rolling_box",	box 아이디
		"div",			아이템 html 태그 이름
		"left",			이동방향
		300,			이동속도
		5000,			다음 이동시간
		-1,				처음 보여줄 값 -1은 랜덤
		"oRoll",		생성한객체(인스턴스) 이름
		"fnInitPage",	초기 실행 할 함수
		"fnChangePage"	아이템 이동시 실행 할 함수
	*/
	oRoll = new fnRollingImage("id_style_bodycare_index_showcase", "li", "left", 250, 5000, -1, "oRoll", "fn_ui_style_bodycare_showcase_InitPage", "fn_ui_style_bodycare_showcase_ChangePage");
	oRoll.RunRollingImage();

}
//시작시  우측설정
function fn_ui_style_bodycare_showcase_InitPage(totCnt, currIdx)
{
	var sToggleImg = "";
	var sPagingBtn = "";
	for(var nIdx=0; nIdx<totCnt; nIdx++)
	{
		if(nIdx == currIdx)
			sToggleImg = "on";
		else
			sToggleImg = "";
		sPagingBtn += "<a class=\"btn" + nIdx + " " + sToggleImg + "\" href=\"javascript:oRoll.MoveRollingImage(" + nIdx + ");\" onmouseover=\"oRoll.MoveRollingImage(" + nIdx + ");oRoll.StopRollingImage();\" onmouseout=\"oRoll.StartRollingImage();\"></a>"

	}
	$("#pagination_1").html(sPagingBtn);
}
//슬라이딩시 버튼설정
function fn_ui_style_bodycare_showcase_ChangePage(totCnt, oldIdx, currIdx)
{
	$($("#pagination_1.btn > a").removeClass("on"));	//현재 페이지버튼 비활성화
	$($("#pagination_1.btn > a")[currIdx]).addClass("on");	//보일 페이지 버튼 활성화
}

//style_bodycare_trend
function fn_ui_style_bodycare_trend(tjson){

	var str = "";
	if(typeof(tjson)!="undefined"){

		for (i=0;i<tjson.text.length; i = i + 2){
		    strTitle = tjson.text[i].value;

		    if(i == 0){
		        strContent = tjson.content[i].value;
		        str= str + "<li class=\"photo\"><a href=\""+tjson.link[i/2].value+"\" target=\""+tjson.link[i/2].target+"\"><img src=\""+tjson.image[i].value+"\" alt=\""+tjson.text[i].value+"\" /></a></li>";
				str= str + "<li class=\"headline\"><a href=\""+tjson.link[i/2].value+"\" target=\""+tjson.link[i/2].target+"\"><strong class=\"title_cr\">"+strTitle+"</strong> "+strContent+"</a> <em class=\"provide\">"+tjson.text[i + 1].value+"</em></li>";
		    }
		    else{
		        str= str + "<li><a class=\"list_cr blt\" href=\""+tjson.link[i/2].value+"\" target=\""+tjson.link[i/2].target+"\">"+strTitle+"</a> <em class=\"provide\">"+tjson.text[i + 1].value+"</em></li>";
		    }
    	}
	}
	return str;
}

//style_bodycare_healthknowhow
function fn_ui_style_bodycare_healthknowhow(tjson){

	var str = "";
	if(typeof(tjson)!="undefined"){

		for (i=0;i<tjson.text.length; i = i + 2){
		    strTitle = tjson.text[i].value;

		    if(i == 0){
		        strContent = tjson.content[i].value;
		        str= str + "<li class=\"photo\"><a href=\""+tjson.link[i/2].value+"\" target=\""+tjson.link[i/2].target+"\"><img src=\""+tjson.image[i].value+"\" alt=\""+tjson.text[i].value+"\" /></a></li>";
				str= str + "<li class=\"headline\"><a href=\""+tjson.link[i/2].value+"\" target=\""+tjson.link[i/2].target+"\"><strong class=\"title_cr\">"+strTitle+"</strong> "+strContent+"</a> <em class=\"provide\">"+tjson.text[i + 1].value+"</em></li>";
		    }
		    else{
		        str= str + "<li><a class=\"list_cr blt\" href=\""+tjson.link[i/2].value+"\" target=\""+tjson.link[i/2].target+"\">"+strTitle+"</a> <em class=\"provide\">"+tjson.text[i + 1].value+"</em></li>";
		    }
    	}
	}
	return str;
}

//style_bodycare_exercisetip
function fn_ui_style_bodycare_exercisetip(tjson){

	var str = "";
	if(typeof(tjson)!="undefined"){
		for (i=0;i<tjson.text.length; i ++){
		    str= str + "<li><a class=\"photo\" href=\""+tjson.link[i].value+"\" target=\""+tjson.link[i].target+"\"><img src=\""+tjson.image[i].value+"\" alt=\""+tjson.text[i].value+"\" /></a> "
		    str= str + "<em>"+tjson.text[i].value+"</em> <a class=\"text\" href=\""+tjson.link[i].value+"\" target=\""+tjson.link[i].target+"\">"+tjson.content[i].value+"</a></li>";
    	}
	}
	return str;
}

function fn_ui_auto_common_li2(tjson,max){
	var str = "";
	var link,item,title,i;

	totcnt = tjson.data.length ;
	if (max !=="")
	{ if ( totcnt > max){ totcnt = max ;}
	}
	for (i=0;i<totcnt;i++)
	{
		item = tjson.data[i];
		link = "http://style.joinsmsn.com/news/article/article.asp?total_id="+item.total_id+"&ctg="+item.ctg;//+"&tm="+getLifeTm(item.mc);
		title = (item.list_title != "")? item.list_title : item.title;
		if(i==4 || i==9 ){
		str = str + "<li class='divide'><a href='"+link+"'>"+ fnSetLength(title,38,"…")+"</a> <em class='provide'>"+$("<span>"+getSourceCodeName(item.sc)+"</span>").text()+"</em> </li>";
		}
		else{
		str = str + "<li><a href='"+link+"'>"+ fnSetLength(title,38,"…")+"</a> <em class='provide'>"+$("<span>"+getSourceCodeName(item.sc)+"</span>").text()+"</em> </li>";
        	}
	 }

	 return str;
}

// 스타일 , 맨 , 리빙 , 러브 right 공통 함수 start
//뉴스레터 해지공지 감추기
function fn_hidden_notice(){
	$("#cancelletter_notice").hide();
}
//뉴스레터 신청공지 감추기
function fn_hidden_renotice(){
	$("#registerletter_notice").hide();
}
// 이메일 빈값 만들기
function checkWT(){
	var theForm = document.frm_nonmember;
	theForm.email.value = "";
}
//비회원 레터신청
function fn_register_nonmember_lettering(){
    var theForm=document.frm_nonmember;
    theForm.useflag.value = "Y";
    var email = theForm.email.value;
    if (email.value == "" ){
		alert("이메일 주소를 입력해주세요");
		theForm.email.focus();
		return;
	}else if(email.indexOf("@")<=-1 || email.indexOf(".")<=-1 ){
		alert("정상적인 이메일 형식이 아닙니다");
		checkWT();
		theForm.email.focus();
		return;
	}
    theForm.target = "iFrm";
    theForm.action="http://style.joinsmsn.com/newsletter/nonmember_letter_save.asp"
    theForm.submit();
}
//비회원 레터신청 취소
function fn_cancel_nonmember_lettering(){
    var theForm=document.frm_nonmember;
    theForm.useflag.value = "N";
    var email = theForm.email.value;
    if (email.value == "" ){
		alert("이메일 주소를 입력해주세요");
		theForm.email.focus();
		return;
	}else if(email.indexOf("@")<=-1 || email.indexOf(".")<=-1 ){
		alert("정상적인 이메일 형식이 아닙니다");
		checkWT();
		theForm.email.focus();
		return;
	}
    theForm.target = "iFrm";
    theForm.action="http://style.joinsmsn.com/newsletter/nonmember_letter_save.asp"
    theForm.submit();
}
// 레터 미리보기 함수
function review_letter(){
	window.open("http://my.joinsmsn.com/newsletter/review_letter.asp","_blank","width=750,height=850,toolbar=no,status=no,scrollbars=yes");
}
// 스타일 , 맨 , 리빙 , 러브 right 공통 함수 end