// ½½¶óÀÌµå ¹è³Ê Ver 1.0 
// ÀÛ¼ºÀÚ : ±èÇʱâ
// ÀÛ¼ºÀÏ : 2011. 07. 21 ( ver. 1.0 )
// ¼öÁ¤ÀÏ : 2011. 08. 26 ( ver. 1.1 )

	var speed = 300;				//	À̹ÌÁö ÆäÀ̵å ÀÎ/¾Æ¿ô ¼Óµµ
	var view_delay = speed * 16;		//	À̹ÌÁö ·ÎÅ×ÀÌ¼Ç ½Ã°£ ( speed * 8 = 6400 : 6.4ÃÊ), ÆäÀ̵å ÀÎ/¾Æ¿ô ½Ã°£Á¦¿ÜÇÏ°í ½ÇÁ¦ View ½Ã°£ ( 4.8ÃÊ )
	var loop = 0;
	var img_cnt;

	var fontColor = [];
	var backColor = [];
	var borderColor = [];

	var stop = true;
	var banner_num;

	function Slide_Ad(num)
	{
		$(document).ready(function(){

			banner_num = num;

			img_cnt = $("#slide_menu_ver01").find("img").length;

			$("#slide_menu_ver01 img").css("display", "none");
			$("#slide_menu_ver01 img").eq(0).css("display", "block");

			setInterval(Change_img, view_delay);
			Ad_Navi();
		
		});
	}

	function Change_img()
	{
		var i;

		$('#ad_navi ul li').unbind();	// µî·ÏµÈ À̺¥Æ® »èÁ¦
		$('#ad_navi ul li').css('cursor','');

		$("#slide_menu_ver01 img").mouseover(function(){
			stop = false;
		});
		$("#slide_menu_ver01 img").mouseout(function(){
			stop = true;
		});

		if (img_cnt > 1)	// ¹è³Ê°¡ 1°³ ÀÌ»óÀ϶§¸¸ ·ÎÅ×À̼Ç
		{
			if (stop)	// ¸¶¿ì½º ¿À¹ö½Ã ¸ØÃã
			{
				$("#slide_menu_ver01 img").eq(loop).fadeOut(speed, function(){

					loop = loop + 1;

					if (loop == img_cnt)
						loop = 0;

					$("#slide_menu_ver01 img").eq(loop).fadeIn(speed);
				});


				$("#ad_navi").fadeOut(speed, function(){

					for (i=0 ; i < img_cnt ; i++)
					{
						if (i == loop)
							$("#ad_navi ul li").eq(i).css("color",fontColor[1]).css("backgroundColor",backColor[1]).css("border", "1px solid " + borderColor[1]);
						else 
							$("#ad_navi ul li").eq(i).css("color",fontColor[0]).css("backgroundColor",backColor[0]).css("border", "1px solid " + borderColor[0]);
					}

					$("#ad_navi").fadeIn(speed, function(){
						$('#ad_navi ul li').css('cursor','pointer');
						$('#ad_navi ul li').click(function(){

							var navi_text;

							navi_text = $(this).text() - 1;

							Click_Navi(navi_text);

						});
					});
				});
			}
		}
	}

	function Click_Navi(index)
	{
		$("#slide_menu_ver01 img").css("display", "none");
		$("#slide_menu_ver01 img").eq(index).css("display", "block");

		$("#ad_navi ul li").css("color",fontColor[0]).css("backgroundColor",backColor[0]).css("border", "1px solid " + borderColor[0]);
		$("#ad_navi ul li").eq(index).css("color",fontColor[1]).css("backgroundColor",backColor[1]).css("border", "1px solid " + borderColor[1]);

		loop = index;
	}


	function Ad_Navi()
	{
		var navi_num = img_cnt;
		var i;
		var strAd_Navi = "";

		var region_backColor;
		var region_fontColor;
		var region_borderColor;

		var position;

		if (banner_num == 1)
		{
			fontColor.push("#D6D3D6");
			fontColor.push("#fff");

			backColor.push("#394142");
			backColor.push("#4A8AD6");

			borderColor.push("#394142");
			borderColor.push("#4A8AD6");

			position = "bottom: 3px; right: 7px;"
		}
		else if (banner_num == 2)
		{
			fontColor.push("#737173");
			fontColor.push("#fff");

			backColor.push("#000");
			backColor.push("#ff7100");

			borderColor.push("#000");
			borderColor.push("#ff7100");

			position = "bottom: 6px; right: 10px;"
		}
		else if (banner_num == 3)
		{
			fontColor.push("#737173");
			fontColor.push("#fff");

			backColor.push("#333");
			backColor.push("#ff7100");

			borderColor.push("#333");
			borderColor.push("#ff7100");

			position = "top: 10px; right: 14px;"
		}


		strAd_Navi += "<div id='ad_navi' style='position: absolute; " + position + "'>";
		strAd_Navi += "<ul style='margin: 0; padding:0;'>";

		for ( i = 0 ; i < navi_num ; i++ )
		{
			if (i == 0)
			{
				region_fontColor = fontColor[1];
				region_backColor = backColor[1];
				region_borderColor = borderColor[1];
			}
			else
			{
				region_fontColor = fontColor[0];
				region_backColor = backColor[0];
				region_borderColor = borderColor[0];
			}

			// css : zoom - IE¿¡¸¸ Àû¿ëµÊ 
			if (banner_num == 1)
				strAd_Navi += "<li style='display: inline-block; .display: inline; zoom:1; padding: 0px 5px 0px 4px; background-color: "+region_backColor+"; color: "+region_fontColor+"; margin-right: 2px; border: 1px solid "+region_borderColor+"; cursor: pointer; font: 11px dotum, µ¸¿ò; font-weight: bold;'>"+(i+1)+"</li>";
			else if (banner_num == 2)
				strAd_Navi += "<li style='display: inline-block; .display: inline; zoom:1; padding: 0px 5px 0px 4px; font-size: 11px; background-color: "+region_backColor+"; color: "+region_fontColor+"; margin-right: 2px; border: 1px solid "+region_borderColor+"; font-weight: bold; cursor: pointer;'>"+(i+1)+"</li>";
			else if (banner_num == 3)
				strAd_Navi += "<li style='display: block; .display: block; zoom:1; margin-bottom: 7px; padding: 0px 5px 0px 4px; font-size: 11px; background-color: "+region_backColor+"; color: "+region_fontColor+"; margin-right: 2px; border: 1px solid "+region_borderColor+"; font-weight: bold; cursor: pointer;'>"+(i+1)+"</li>";

		}
		strAd_Navi += "</ul>";
		strAd_Navi += "</div>";

		$('#slide_menu_ver01').append(strAd_Navi);

		$('#ad_navi ul li').click(function(){

			var navi_text;

			navi_text = $(this).text() - 1;

			Click_Navi(navi_text);

		});
	}