////////////////////////////////
// daja.js

var	USP = new Array()
var	TITLE = new Array()
var	TEXT = new Array()
var idx = 0;


////////////////////////////////


// ÇöÀç Àç»ýµÇ´Â À̹ÌÁö order
var	curIdx = -1;

// ¸Þ´º ¼ÂÆ® ³Ñ¹ö
var mid = 1;
var menuMax;

function start()
{
	document.getElementById("modelnameArea").innerHTML = MODEL;
	
	menuMax = Math.ceil(USP.length/7)
	
	displayTopMenu(1);

	setImage(0);
	
	// ù¹ø° ¾ÆÀÌÄÜ ¿Â		
	chanageIcon(document.getElementById("imgDiv0"),"on");
}

function displayTopMenu(startMid)
{
	var baseNum = (startMid-1) * 7
	
	for (var i=0;i<=6;i++)
	{
		if((i+baseNum) < USP.length)
		{
			document.getElementById("imgDiv" + i).src = "_icon/" + USP[i+baseNum] + ".gif";
			document.getElementById("imgDiv" + i).style.display = "";
			document.getElementById("imgDiv" + i).style.cursor = "pointer";
			document.getElementById("imgDiv" + i).mid = i+baseNum ;
			document.getElementById("imgDiv" + i).onclick = function ()
			{
				setImage(this.mid)	
			};

			document.getElementById("imgDiv" + i).onmouseover = function ()
			{
					chanageIcon(this,"on");
			};

			document.getElementById("imgDiv" + i).onmouseout = function ()
			{
				if (this.mid != curIdx)
					chanageIcon(this,"off");
			};

		}
		else
		{
			document.getElementById("imgDiv" + i).style.display = "none";
		}	
	}
	
}

function chanageIcon(obj, onoff)
{
	if (onoff == "on")
	{
		// ÇöÀç on »óÅ°¡ ¾Æ´Ï¸é
		if (obj.src.substr(obj.src.length-7, 7) != "_on.gif")
			obj.src= obj.src.substr(0,obj.src.length-4)  + "_on.gif";
	}
	else if (onoff == "off")
	{
		// ÇöÀç on »óŸé
		if (obj.src.substr(obj.src.length-7, 7) == "_on.gif")
			obj.src= obj.src.substr(0,obj.src.length-7)  + ".gif"
	}
	else
	{
		
	}

}

function setImage(idx)
{
	if ((curIdx != -1) && (idx != curIdx%7 ))
	{
		chanageIcon(document.getElementById("imgDiv" + (curIdx%7)),"off");
	}

	curIdx = idx;

	document.getElementById("imageArea").innerHTML = "<img src='_content/" + USP[idx] + ".jpg'>";
	document.getElementById("titleArea").innerHTML = TITLE[idx]
	document.getElementById("textArea").innerHTML = TEXT[idx]
	

}

function moveMenu(dir)
{
	var obj = document.getElementById("imageMenu");
	
	if (dir == "left")
	{
		mid = mid - 1;

		if (mid >= 1)
		{
			displayTopMenu(mid);
		}
		else
		{
			mid = 1;
		}
	}
	else if (dir == "right")
	{
		mid = mid + 1;

		if (mid <= menuMax)
		{
			displayTopMenu(mid);
		}
		else
		{
			mid = menuMax;
		}
	}
	else
	{
		alert("¹æÇâÀÌ À߸øµÇ¾ú½À´Ï´Ù.");
	}
}