var galleryList = new Array();
var galleryIndex = 0;
var gallerynum = 4; // Ãʱ⠺¸¿©ÁÙ ¸ñ·Ï¼ö

function addGallery(img, subject, link, idx, target) {
	galleryList.push({"img": img, "subject": subject, "link": link, "idx": idx, "target": target});
}

function moveLeft() {
	if (galleryIndex > 0) {
		galleryIndex--;
		drawGallery();
	}
}

function moveRight() {
	if (galleryIndex < galleryList.length - gallerynum) {
		galleryIndex++;
		drawGallery();
	}
}

function drawGallery() {
	var i = 0;
	var html = "";
	var gallery;

	if (galleryList.length > 0){

	html += "<table width='456' height='120' border='0' cellpadding='0' cellspacing='0'>\n";
	html += " 	<TR>\n";
//	html += " 	  <TD width='24' height='25' rowspan='2' align='center' valign='middle'><a href='javas'+''+'cript:moveLeft();'><IMG SRC='/templates/pageTheme/fabul/images/arrow_r_m.png' WIDTH='18' HEIGHT='47' BORDER='0'></a></TD>\n";
	html += " 	  <TD width='24' height='25' rowspan='2' align='center' valign='middle'><a href='javascript:moveRight();'><IMG SRC='/spacer.png' style='width: 18px; height: 47px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\"/templates/pageTheme/fabul/images/arrow_r_m.png\", sizingMethod=scale);'  BORDER='0' ALT=''></a></TD>\n";	
	html += " 	  <TD width='100' height='25'></TD>\n";
	html += " 	  <td width='2' height='25'></td>\n";
	html += " 	  <TD width='100' height='25'></TD>\n";
	html += " 	  <td width='2' height='25'></td>\n";
	html += " 	  <TD width='100' height='25'></TD>\n";
	html += " 	  <td width='2' height='25'></td>\n";
	html += " 	  <TD width='100' height='25'></TD>\n";
	html += " 	  <td width='2' height='25'></td>\n";	
//	html += " 	  <TD width='24' height='25' rowspan='2' align='center' valign='middle'><a href='javas'+''+'cript:moveRight();'><IMG SRC=\"/templates/pageTheme/fabul/images/arrow_l_m.png\" WIDTH='18' HEIGHT='47' BORDER='0' ALT=''></a></TD>\n";
	html += " 	  <TD width='24' height='25' rowspan='2' align='center' valign='middle'><a href='javascript:moveRight();'><IMG SRC='/spacer.png' style='width: 18px; height: 47px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\"/templates/pageTheme/fabul/images/arrow_l_m.png\", sizingMethod=scale);'  BORDER='0' ALT=''></a></TD>\n";	
	html += "  </TR>\n";
	html += "  <tr>\n";

		// for ·çÇÁ ½ÃÀÛ
		for (i = galleryIndex; i < galleryIndex + gallerynum && i < galleryList.length; i++) {
		gallery = galleryList[i];

		if(gallery.target == "") {
			targetName = "";
		} else if(gallery.target == "_blank") {
			targetName = " target='_black'";
		} else {
			targetName = " target='"+gallery.target+"'";
		}

		html += "<td width='100' valign=top>";
		html += " <table width='100' border='0' cellpadding='0' cellspacing='0'>";
		html += "  <tr>\n";
		html += "    <td valign=top>\n";
		html += "    <a href='" + gallery.link + "' " + targetName + " title='" + gallery.subject + "'><img src='" + gallery.img + "' width='100' height='71' border=0></a>";
		html += "    </td>";
		html += "  </tr>";
		html += "</table>\n";
		html += "</td><td width=2></td>\n";

		}	// for ·çÇÁ Á¾·á

	
		html += "  </tr>\n";
		html += "</table>\n";

	}else{


html += " <TABLE width='456' height='144' border='0' cellspacing='0' cellpadding='0'>\n";
html += " 	<TR>\n";
html += " 	  <TD width='456' height='14' colspan='5'></TD>\n";
html += " 	</TR>\n";
html += " 	<TR>\n";
//html += " 	  <TD width='24' height='108' align='center' valign='middle'><IMG SRC='/templates/pageTheme/fabul/images/arrow_r_m.png' WIDTH='18' HEIGHT='47' BORDER='0' ALT=''></TD>\n";
html += " 	  <TD width='24' height='108' align='center' valign='middle'><IMG SRC='/spacer.png' style='width: 18px; height: 47px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\"/templates/pageTheme/fabul/images/arrow_r_m.png\", sizingMethod=scale);'  BORDER='0' ALT=''></TD>\n";	
html += " 	  <TD width='136' height='108'></TD>\n";
html += " 	  <TD width='136' height='108'></TD>\n";
html += " 	  <TD width='136' height='108'></TD>\n";
//html += " 	  <TD width='24' height='108' align='center' valign='middle'><IMG SRC=\"/templates/pageTheme/fabul/images/arrow_l_m.png\" WIDTH='18' HEIGHT='47' BORDER='0' ALT=''></TD>\n";
html += " 	  <TD width='24' height='108' align='center' valign='middle'><IMG SRC='/spacer.png' style='width: 18px; height: 47px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\"/templates/pageTheme/fabul/images/arrow_l_m.png\", sizingMethod=scale);'  BORDER='0' ALT=''></TD>\n";	
html += " 	</TR>\n";
html += " 	<TR>\n";
html += " 	  <TD width='456' height='3' colspan='5'></TD>\n";
html += " 	</TR>\n";
html += " 	<TR>\n";
html += " 	  <TD width='24' height='19'></TD>\n";
html += " 	  <TD width='136' height='19' align='center' valign='top'></TD>\n";
html += " 	  <TD width='136' height='19' align='center' valign='top'></TD>\n";
html += " 	  <TD width='136' height='19' align='center' valign='top'></TD>\n";
html += " 	  <TD width='24' height='19'></TD>\n";
html += " 	</TR>\n";
html += " </TABLE>\n";


	}	


	var objDiv = document.getElementById("gallerylist");
	objDiv.innerHTML = html;
}

function getAbsoluteLeft(obj) {
			try {
           var p = obj.offsetParent;
           var cObj = obj;
           var l = 0;
           var str = "";
           while(p) {
              l += cObj.offsetLeft;
              cObj = p;
              p = cObj.offsetParent;
           }
           return l;
			}catch(e) {
				alert(obj);
			}
}
function getAbsoluteTop(obj) {
				if (!obj.offsetParent) return 0;
           var p = obj.offsetParent;   
           var cObj = obj;
           var t = 0;
           var test = "";
           while(p) {
              t += cObj.offsetTop;
              cObj = p;
              p = cObj.offsetParent;
           }
           return t;
}

function opacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
   if (navigator.userAgent.indexOf("Gecko") >= 0) 
    	object.opacity = (opacity / 100);
	else
    	object.filter = "alpha(opacity=" + opacity + ")";
} 
var cur_obj = null;
var cur_menu = null;
function Over(e) {
       var targetid, srcElement, targetElement;
		 var submenus;
		 var children = null;
         if (e.srcElement != null) srcElement=e.srcElement; else srcElement = e.target;
			if (cur_obj == srcElement) return;
        if(srcElement.className.indexOf("outline") >= 0)				//outline(Ŭ·¡½º)ÀÌ ÀÖ´ÂÁö È®ÀÎ
         {	
			targetid=srcElement.id + "d";										//<a>ÀÇ À§Ä¡¾ÆÀ̵ð
			submenus = document.getElementById("submenupanel");		//submenupanelÀÇ °ªÀ» °¡Á®¿Â´Ù
		   var child;
			var m_outline = document.getElementById("m_outline");

			if (submenus.children)  {
				children = submenus.children;
			} else {
				  children = new Array();
				  var j = 0;
				  var c = submenus.firstChild;

				  if (c.nodeType == 1) {
						children[j] = submenus.firstChild;
						j++;
				  }
				  while(c.nextSibling != null) {
					 if (c.nextSibling.nodeType == 1)  {
						children[j] = c.nextSibling;
					   j++;
					 }
					 c = c.nextSibling;
				  }
			}
			if (submenus && children) {
			
			 for (i = 0; i < children.length; i++) {		//divÇÏÀ§ÀÇ divÀÇ °³¼ö¸¸Å­ for¹®À» ¹Ýº¹ÇÑ´Ù
			
				child = children[i];								//divÇÏÀ§ÀÇ i¹ø° divÀ» °¡¸£Å²´Ù Áï i¹øÀç ¸ÞÀθ޴º¿Í i¹ø° ¼­ºê¸Þ´º°¡ ¸Â´Ù¸é...
			   if (navigator.userAgent.indexOf("Gecko") >= 0 && child.id == "Main0_7d") {
								  //alert(child.tagName + "," + child.offsetWidth);
				}
				if (child.id == targetid) {
					cur_menu = child;
					child.style.display = "";							//display=blockÀ¸·Î ÇÑ´Ù.
					child.style.position = "relative";				//¼­ºê¸Þ´ºÀÇ À§Ä¡¸¦ »ó´ëÀ§Ä¡·Î Á¤ÇÑ´Ù
					
					var leftpos = srcElement.offsetLeft + Math.round(srcElement.clientWidth/2) - Math.round(child.offsetWidth/2);

					var menu_width = child.offsetWidth;

					var rightpos=leftpos+menu_width;
					
					var barright = m_outline.offsetWidth;

					if (leftpos < 0)  {
						child.style.left = 0;		//¼­ºê¸Þ´º°¡ ±âÁØ°ªÀ» 0À¸·Î ÁöÁ¤ÇÑ´Ù
					} else if (rightpos > barright)  {
						child.style.left = barright-menu_width;
					} else  {
						child.style.left = leftpos;
					}

				}else{
					child.style.display = "none";
				}
			 }
			//opacity(cur_menu.id, 20, 100, 600);
			}

        }
	if(srcElement.className.indexOf("rollover") >= 0 && srcElement.tagName == "IMG") {
		srcElement.src = srcElement.getAttribute("over_img");
	}
}


function Out(e) {
   if (e.srcElement != null) srcElement=e.srcElement; else srcElement = e.target;
	if(srcElement.className.indexOf("rollover") >= 0 && srcElement.tagName == "IMG"){
		srcElement.src = srcElement.getAttribute("out_img");
	}
}

function init() {
}