function leadingZeros(n, digits) {
  var zero = '';
  n = n.toString();

  if (n.length < digits) {
    for (i = 0; i < digits - n.length; i++)
      zero += '0';
  }
  return zero + n;
}

function getDateYYYYMMDD() {
	var today = new Date();
	return leadingZeros(today.getFullYear(), 4) + leadingZeros(today.getMonth() + 1, 2) + leadingZeros(today.getDate(), 2);
}

function registerGdsCookie(gdsImage, gdsNm, gdsLink) {
	var todayQuickViewGds = getCookie("todayQuickViewGds");
	var newGds = gdsImage+"|^|"+gdsNm+"|^|"+gdsLink;
	var saveGds = "";
	var todayQuickViewGdsCnt = 0;
	var todayQuickViewGdsMaxCnt = 12;

	if (todayQuickViewGds == null) { todayQuickViewGds = ""; }

	if ( todayQuickViewGds.indexOf(gdsLink) == -1 && gdsNm.length > 0)
	{
		todayQuickViewGds = newGds+"|@|"+todayQuickViewGds;

		var arrList = todayQuickViewGds.split("|@|");

		for (var i=0; i<arrList.length; i++)
		{
			if (arrList[i] != "")
			{
				if (saveGds == "")
				{
					saveGds = arrList[i];
				} else {
					saveGds = saveGds+"|@|"+arrList[i];
				}

				todayQuickViewGdsCnt++;

				if (todayQuickViewGdsCnt >= todayQuickViewGdsMaxCnt)
				{
					break;
				}
			}
		}
		
		var today = new Date();
		var expires = new Date();
		expires.setTime(today.getTime() + 1000*60*60*24);
		setCookie("todayQuickViewGds", saveGds, expires);
		setCookie("todayQuickViewGdsDate", getDateYYYYMMDD(), expires);
	}
}

function eraseGdsCookie() {
	var today = new Date();
	var expires = new Date();
	expires.setTime(today.getTime() + 1000*60*60*24);
	setCookie("todayQuickViewGds", "", expires);
	setCookie("todayQuickViewGdsDate", "", expires);
}

function loadQuickMenu(){
	var todayQuickViewGdsDate = getCookie("todayQuickViewGdsDate");
	if (todayQuickViewGdsDate == null) { todayQuickViewGdsDate = 0; }

	if (parseInt(todayQuickViewGdsDate) < parseInt(getDateYYYYMMDD())) {eraseGdsCookie();}

	if (document.getElementById("todayview_templet"))
	{
		var todayview_templet = "", buffer = "", i = 0;
		var todayQuickViewGds = getCookie("todayQuickViewGds");
		if (todayQuickViewGds == null) { todayQuickViewGds = ""; }

		if (todayQuickViewGds.replace("|@|","") != "")
		{
			var arrList = todayQuickViewGds.split("|@|");

			todayview_templet = todayview_templet + "<div class=\"todayview\">";
			todayview_templet = todayview_templet + "<h2><img src=\"http://img.onfill.com/ver2/images/common/side/tl_today_view.gif\" alt=\"¿À´Ã º» »óÇ°\" /></h2>";
			todayview_templet = todayview_templet + "<p class=\"btn_up\"><a href=\"javascript:;\" onclick=\"chgTodayView('prev');\"><img src=\"http://img.onfill.com/ver2/images/common/btn/arr_up_off.gif\" alt=\"ÀÌÀü\" /></a></p>";
			todayview_templet = todayview_templet + "<!--$todayQuickViewGds-->";
			todayview_templet = todayview_templet + "<p class=\"btn_down\"><a href=\"javascript:;\" onclick=\"chgTodayView('next');\"><img src=\"http://img.onfill.com/ver2/images/common/btn/arr_down_off.gif\" alt=\"´ÙÀ½\" /></a></p>";
			todayview_templet = todayview_templet + "</div>";

			for (i=0; i<arrList.length; i++)
			{
			
				if (i%4 == 0)
				{
					if (i == 0)
					{
						buffer = buffer + "<div id=\"div_todayview\" name=\"div_todayview\">";
					} else {
						buffer = buffer + "<div id=\"div_todayview\" name=\"div_todayview\" style=\"display:none;\">";
					}
					buffer = buffer + "<ol>";
				}

				arrList[i] = arrList[i].split("|^|");

				if (arrList[i][1].length > 12)
				{
					arrList[i][1] = arrList[i][1].substring(0,9) + "...";
				}
				buffer = buffer + "<li><a href=\""+arrList[i][2]+"\"><img src=\"/_lib/thumb/?src="+arrList[i][0]+"&m=crop&w=60&h=44\" alt=\"\" width=\"60\" height=\"44\" class=\"thumb\" />"+arrList[i][1]+"</a></li>";

				if (i%4 == 3)
				{
					buffer = buffer + "</ol>";
					buffer = buffer + "</div>";
				}
			}

			if (i%4 != 0){
				buffer = buffer + "</ol>";
				buffer = buffer + "</div>";
			}

			todayview_templet = todayview_templet.replace("<!--$todayQuickViewGds-->",buffer);

			document.getElementById("todayview_templet").innerHTML = todayview_templet;
		}
	}
	
	printQuickMenu();
} 

function printQuickMenu(){
	var pos1, pos2, ofsY;

	if ( navigator.appName == "Netscape" && navigator.appVersion.substring(0,1) >= "4" ) { pos1 = document["div_quickmenu"].top; }
	else if ( navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.substring(0,1) >= "4" ) { pos1 = parseInt (document.getElementById("div_quickmenu").style.top); }

	if( typeof( window.pageofsY ) == 'number' ) { pos2 = window.pageofsY; }
	else if( document.body && document.body.scrollTop ) { pos2 = document.body.scrollTop; }
	else if( document.documentElement && document.documentElement.scrollTop ) { pos2 = document.documentElement.scrollTop; }
	else { pos2 = 0; }

	if ( pos1 != pos2 ) { 
		ofsY = Math.ceil( Math.abs( Number(pos2) - Number(pos1) ) / 10 ); 

        if ( pos2 < pos1 ) { ofsY = -ofsY; }

		if ( document["div_quickmenu"]!=null ) {  document["div_quickmenu"].top += ofsY; } 
		else if ( document.getElementById("div_quickmenu")!=null ) { document.getElementById("div_quickmenu").style.top = pos1 + ofsY; } 
	}

	setTimeout("printQuickMenu()", 15); 
} 

function chgTodayView(flag) {
	var todayViewList = document.getElementsByName("div_todayview");
	var totalSetCnt = todayViewList.length;
	var nowSetSeq = 0, printSetSeq = 0;

	for (i = 0; i < totalSetCnt; i++)
	{
		if (todayViewList[i].style.display == "block") { nowSetSeq = i; }
	}

	if (flag == "prev" && nowSetSeq == 0) { alert("°¡Àå À§ÀÔ´Ï´Ù.");return; }
	if (flag == "next" && nowSetSeq >= (totalSetCnt-1)) { alert("°¡Àå ¾Æ·¡ÀÔ´Ï´Ù.");return; }

	if (flag == "prev") {printSetSeq = nowSetSeq - 1;}
	else if (flag == "next") {printSetSeq = nowSetSeq + 1;}

	for (i = 0; i < totalSetCnt; i++)
	{
		if (i == printSetSeq) {todayViewList[i].style.display = "block";}
		else {todayViewList[i].style.display = "none";}
	}
}