//*************************************************************************************************

var isNav, isIE;
var width = 16;     // == imgA.style.width
var height = 5;
var offsetX;

var vminX;
var vmaxX;

var cminX;
var cmaxX;

var cPos_top;
var pVol_top;
var bNormal = true;
var nWinType = 0;
var selectedObj;

if (parseInt(navigator.appVersion) >= 4)
{
	if (navigator.appName == "Netscape")
	{	sNav = true; 	}
	else
	{	isIE = true;	}
}

function funcInit()
{
	Volumn_ID = window.setInterval ("volumPosition()", 100);
	Position_ID = window.setInterval ("CurrentPosition()", 100);
	cur_state = window.setInterval ("CurState()", 1000);

	document.onmousedown = engage;
	document.onmousemove = dragIt;
	document.onmouseup = release;

	cPos.style.left = 23;
	cPos.style.top = 282;
	pVol.style.left = 240;
	pVol.style.top = 311;

	cPos_top = 282+6;
	pVol_top = 311+6;

	vminX = 240;
	vmaxX = 307;

	cminX = 23;
	cmaxX = 307;

	nsize = 100;

	//window.moveTo( nX-(SkinWidth100/2), nY-(SkinHeight100/2) );
	window.resizeTo(SkinWidth100, SkinHeight100);

	//document.iFrmReply100.reload();

	//list1.location.href = list1value.value;
}

function funcInit2()
{
	Volumn_ID1 = window.setInterval ("volumPosition()", 100);
	Position_ID1 = window.setInterval ("CurrentPosition()", 100);
	cur_state1 = window.setInterval ("CurState()", 1000);

	document.onmousedown = engage;
	document.onmousemove = dragIt;
	document.onmouseup = release;

	cPos.style.left = 20;
	cPos.style.top = 522;
	pVol.style.left = 555;
	pVol.style.top = 551;

	cPos_top = 522+6;
	pVol_top = 551+6;

	vminX = 555;
	vmaxX = 625;

	cminX = 20;
	cmaxX = 639;

	nsize = 200;

	//window.moveTo( 0, 0 );
	window.resizeTo(SkinWidth200-345, SkinHeight200);
	//hide2.innerHTML = "<a href=# onMouseOut=MM_swapImgRestore() onMouseOver=MM_swapImage('switch2','','images/play_skill_b_switch2_on.gif',1) onfocus=blur() onClick=Pager('200');><img src=images/play_skill_b_switch2.gif alt=내용보이기 name=switch2 width=41 height=32 border=0></a>";
	hide2.innerHTML = "<a href=# onMouseOut=MM_swapImgRestore() onMouseOver=MM_swapImage('switch2','','/images/viewer/button_skill_view_on.gif',1) onMouseDown=MM_swapImage('switch2','','/images/viewer/button_skill_view_down.gif',1) onMouseUp=MM_swapImgRestore() onfocus=blur() onClick=Pager('200');><img src='/images/viewer/button_skill_view.gif' alt=내용보이기 name=switch2 border=0></a>";
	bPage = true;

	//document.iFrmReply200.location.reload();

	//list2.location.href = list2value.value;
}

function CurState()
{
	//tdMState1.innerHTML = '&nbsp;<font color=#89A4FF>' + MediaPlayer1.status + '</font>';

	try{
	currentPosition = MediaPlayer1.controls.CurrentPosition;
	totalPosition = MediaPlayer1.currentMedia.Duration;
	var min = currentPosition / 60;
	min = parseInt(min);
	var sec = currentPosition % 60;
	sec = parseInt(sec);

	if ( 10 > min) min="0" + min;  // 현재 시작 시간 : 분
	if ( 10 > sec) sec="0" + sec;  // 현재 시작 시간 : 초

	var currePos = min + ":" + sec;

	min = totalPosition / 60;
	min = parseInt(min);
	//alert(min);
	if ( 10 > min) min="0" + min;  // 현재 시작 시간 :

	sec = totalPosition % 60;
	sec = parseInt(sec);
	//alert(sec);
	if ( 10 > sec) sec="0" + sec;

	if(sec < 0)
	{
		tdMState2.innerHTML = '<font color=#89A4FF>' + currePos + '</font>&nbsp;';
	}
	else
	{
		var totalPos = min + ":" + sec;
		tdMState2.innerHTML = '<font color=#89A4FF>' + currePos + "/" + totalPos + '</font>&nbsp;';
	}
	}catch(e){
	//
	}

}

function volumPosition () {
    if (!(MediaPlayer1.playState == 1 || MediaPlayer1.playState == 2 || MediaPlayer1.playState == 3)) return;
	if(!MediaPlayer1.settings.Mute)
 		pVol.style.pixelLeft = ToVolumeLevel(MediaPlayer1.settings.volume);
}

function CurrentPosition() {
    if (!(MediaPlayer1.playState == 1 || MediaPlayer1.playState == 2 || MediaPlayer1.playState == 3)) return;
    cPos.style.pixelLeft = ToBarPosition(MediaPlayer1.controls.currentposition);
}

function ToPlayerVolume(vol)
{
	var level;
	if (vol < 0) return vminX;
	level = (vol - vminX)/(vmaxX - vminX) * 100;
	return level;
}

function ToVolumeLevel(vol)
{
	var level;
	level = ((vmaxX - vminX)/100) * vol + vminX;
	return level;
}

function ToPlayerPosition(pos)
{
	if(MediaPlayer1.playState == 0)
		return 0;

	var level;
  	var barpos = (pos-cminX);
  	var barlen = (cmaxX-cminX) ;

  	level = (MediaPlayer1.currentMedia.duration * barpos) / barlen;
  	level = parseInt(level);
  	return level;
}

function ToBarPosition(pos)
{
	var level;

	level = ((cmaxX - cminX) * pos) / MediaPlayer1.currentMedia.duration;
  	level = parseInt(level) + cminX;
  	return level;
}

function getVolObject(i)
{
	switch (i)
	{
		case 0:
			if (isNav)
			{	return document.layers["pVol"];	}
			else
			{	return document.all.pVol.style;	}
    		break;
		case 1:
    		if (isNav)
    		{	return document.layers["cPos"];	}
    		else
    		{	return document.all.cPos.style;	}
    		break;
  	}
}

function shiftTo(obj, x, setVolume)
{
	if (obj == getVolObject(0))
	{	minX = vminX;
		maxX = vmaxX;
	}
  	else
  	{  	minX = cminX;
		maxX = cmaxX;
  	}

  	if ( x < minX) x = minX;
  	if ( x > maxX) x = maxX;

  	if (isNav)
  	{	obj.moveTo(x,obj.top);  }
  	else
  	{   obj.pixelLeft = x;	}

  	if (setVolume)
  	{
		var x1;
	  	if (obj == getVolObject(0))
	  	{
			if(!MediaPlayer1.settings.Mute)
			{
				x1 = ToPlayerVolume(x);
	  			MediaPlayer1.settings.volume = x1;
			}
	  	}
	  	else
	  	{
			x1 = ToPlayerPosition(x);
	    	MediaPlayer1.controls.currentposition = x1;
	  	}
	}
}

function hitTest(x, y)
{
	if(!MediaPlayer1.settings.mute)
	{
		if ( x >= vminX && x <= vmaxX + width)
		{
			if (( y >= pVol_top && y <= pVol_top + height) )
			{ 	return getVolObject(0);	}
		}
	}

  	if ( x >= cminX && x <= cmaxX + width)
  	{
		if ( y >= cPos_top && y <= cPos_top + height)
  		{	return getVolObject(1); }
  	}
  	return null;
}

function setZIndex(obj, zOrder)
{
	obj.zIndex = zOrder;
}

function setSelectedElem(evt)
{
	if (isNav)
	{
		var clickX = evt.pageX;
    	var clickY = evt.pageY;
    	var testObj;

    		for (var i = document.layers.length - 1; i >= 0; i--)
    		{
				testObj = document.layers[i];
      			if ((clickX > testObj.left) &&
        		   (clickX < testObj.left + testObj.clip.width) &&
        		   (clickY > testObj.top) &&
        		   (clickY < testObj.top + testObj.clip.height))
        		{
					selectedObj = testObj;
        			if (selectedObj)
        			{	setZIndex(selectedObj, 100);
          				return;
        			}
      			}
    		}

    		selectedObj = hitTest(evt.pageX , evt.pageY);

    		if (selectedObj)
    		{
				offsetX = 5;
        		setZIndex(selectedObj,100);
        		shiftTo(selectedObj, evt.pageX - 5, true);
        		return;
    		}
	}
	else
	{
		var imgObj = window.event.srcElement;
		selectedObj = imgObj.parentElement.style;
		if (selectedObj && imgObj.parentElement.id != "")
		{
			offsetX = window.event.offsetX;
			setZIndex(selectedObj,100);
			return;
		}
		selectedObj = hitTest(window.event.clientX , window.event.clientY);
		if (selectedObj)
		{
			offsetX = width/2;
			setZIndex(selectedObj,100);
			shiftTo(selectedObj, window.event.clientX - width/2, true);
			return;
		}
  	}
  	selectedObj = null;
  	return;
}

function dragIt(evt)
{
	if (selectedObj)
	{
	  if (selectedObj.width == "17px" || selectedObj.width == "13px")
	  {
		if (isNav)
		{
			shiftTo(selectedObj, (evt.pageX - offsetX),true);
		}
		else
		{
			shiftTo(selectedObj, (window.event.clientX - offsetX),true);
      		return false;
    	}
	  }
  	}
}

function engage(evt)
{
	setSelectedElem(evt)
  	if (selectedObj)
  	{
		if (isNav)
  		{	offsetX = evt.pageX - selectedObj.left;    }
		else
		{    }
  	}
  	return false;
}

function release(evt)
{
	if (selectedObj)
	{
		setZIndex(selectedObj, 20);
    	selectedObj = null;
  	}
}

function resize(size)
{
	if (bAOD) return;

	if(size == '100') {

		bNormal = true;
		bPage = false;
		//window.moveTo(nX-(SkinWidth100/2), nY-(SkinHeight100/2));
		//window.resizeTo(SkinWidth100, SkinHeight100);

		dv100.style.visibility       = "hidden";
		dv100_child.style.visibility = "hidden";
		console100.style.visibility  = "hidden";
		slide100_list.style.visibility		= "hidden";
		slide100_keyframe.style.visibility	= "hidden";
		dv200.style.visibility       = "hidden";
		dv200_child.style.visibility = "hidden";
		console200.style.visibility  = "hidden";
		slide200_list.style.visibility		= "hidden";
		slide200_keyframe.style.visibility	= "hidden";

		dvMedia.style.left = 12;
		dvMedia.style.top = 12;
		dvMedia.style.width = 320;
		dvMedia.style.height = 264;

		mediaback.style.left = 12;
		mediaback.style.top = 12;
		mediaback.style.width = 320;
		mediaback.style.height = 240;

		nWinType = 0;
		funcInit();

		dv100.style.visibility       = "visible";
		dv100_child.style.visibility = "visible";
		console100.style.visibility  = "visible";
		slide100_list.style.visibility		= "visible";
		slide100_keyframe.style.visibility	= "visible";
		dv200.style.visibility       = "hidden";
		dv200_child.style.visibility = "hidden";
		console200.style.visibility  = "hidden";
		slide200_list.style.visibility		= "hidden";
		slide200_keyframe.style.visibility	= "hidden";
		NoView100.style.visibility		= "visible";
		NoView200.style.visibility		= "hidden";
	}
	else if(size == '200') {

		bNormal = false;
		//window.moveTo(0,0);
		//window.resizeTo(SkinWidth200, SkinHeight200);

		dv100.style.visibility       = "hidden";
		dv100_child.style.visibility = "hidden";
		console100.style.visibility  = "hidden";
		slide100_list.style.visibility		= "hidden";
		slide100_keyframe.style.visibility	= "hidden";
		dv200.style.visibility       = "hidden";
		dv200_child.style.visibility = "hidden";
		console200.style.visibility  = "hidden";
		slide200_list.style.visibility		= "hidden";
		slide200_keyframe.style.visibility	= "hidden";

		dvMedia.style.left = 11;
		dvMedia.style.top = 10;
		dvMedia.style.width = 640;
		dvMedia.style.height = 504;

		mediaback.style.left = 11;
		mediaback.style.top = 10;
		mediaback.style.width = 640;
		mediaback.style.height = 480;

		nWinType = 1;
		funcInit2();

		dv100.style.visibility       = "hidden";
		dv100_child.style.visibility = "hidden";
		console100.style.visibility  = "hidden";
		slide100_list.style.visibility		= "hidden";
		slide100_keyframe.style.visibility	= "hidden";
		dv200.style.visibility       = "visible";
		dv200_child.style.visibility = "visible";
		console200.style.visibility  = "visible";
		slide200_list.style.visibility		= "visible";
		slide200_keyframe.style.visibility	= "visible";
		NoView100.style.visibility		= "hidden";
		NoView200.style.visibility		= "visible";
	}
	else if(size == 'full'){
		if (MediaPlayer1.playState == 3) MediaPlayer1.fullScreen = 'true';
	}
}

function onStop()
{
	if (MediaPlayer1.playstate==2 || MediaPlayer1.playstate==3)
	{
		MediaPlayer1.controls.CurrentPosition = 0;
		MediaPlayer1.controls.Stop();
	}
}

function onNext()
{
	if (MediaPlayer1.playstate == 3){
		var tmp = MediaPlayer1.controls.CurrentPosition;
		if ((tmp + 10) < MediaPlayer1.currentMedia.duration)
		{
			MediaPlayer1.controls.CurrentPosition = tmp + 10;
		}
	}
}

function onPrev()
{
	if (MediaPlayer1.playstate == 3){
		var tmp = MediaPlayer1.controls.CurrentPosition;
		if( (tmp - 10) > 0 )
		{
			MediaPlayer1.controls.CurrentPosition = tmp - 10;
		}
	}
}

function onPlay()
{
	bPlay = true;
	bPause = false;
	//ImgRestore('Play');
	//ImgRestore('Pause');
	MediaPlayer1.controls.Play();
}

function onPause()
{
	if (MediaPlayer1.playstate == 3){
		bPlay = false;
		bPause = true;
		//ImgRestore('Pause');
		//ImgRestore('Play');
		MediaPlayer1.controls.Pause();
	}
}

function onMute()
{
	MediaPlayer1.settings.Mute = !MediaPlayer1.settings.Mute;

	if(MediaPlayer1.settings.Mute)
	{
		mute100.src = "/images/viewer/button_sound_mute.gif";
		mute100.oSrc = "/images/viewer/button_sound_mute.gif";
		mute100.alt = "음복원";
		mute200.src = "/images/viewer/button_sound_mute.gif";
		mute200.oSrc = "/images/viewer/button_sound_mute.gif";
		mute200.alt = "음복원";
	}
	else
	{
		mute100.src = "/images/viewer/button_sound.gif";
		mute100.oSrc = "/images/viewer/button_sound.gif";
		mute100.alt = "음소거";
		mute200.src = "/images/viewer/button_sound.gif";
		mute200.oSrc = "/images/viewer/button_sound.gif";
		mute200.alt = "음소거";
	}
}

function ImgRestore(type)
{
	switch (type)
	{
	case "Play" :
		if (bPlay)
		{
			Play.src = "images/play_play_down.gif";
			Play2.src = "images/play_play_down.gif";
		} else {
			Play.src = "images/play_play_normal.gif";
			Play2.src = "images/play_play_normal.gif";
		}
		break;
	case "Pause" :
		if (bPause)
		{
			Pause.src = "images/play_pause_down.gif";
			Pause2.src = "images/play_pause_down.gif";
		} else {
			Pause.src = "images/play_pause_normal.gif";
			Pause2.src = "images/play_pause_normal.gif";
		}
		break;
	case "Mute" :
		if( MediaPlayer1.settings.Mute ) {
			mute100.src = "images/sound_button_mute.gif";
			mute200.src = "images/sound_button_mute.gif";
		} else {
			mute100.src = "images/sound_button_normal.gif";
			mute200.src = "images/sound_button_normal.gif";
		}
		break;
	}
}

var bPlay=false;
var bPause=false;

function ChangeMedia(id, no, type, size)
{
	if(id == "") return;

	location.href = "Player.asp?id="+id+"&no="+no+"&type="+type+"&size="+size;
}
