/*	[MHz.Effect.ImgNeviVertical.js]
 *  (c) 2006, 2007 MHZ. (http://www.mediamob.co.kr // http://www.openblog.com)
 *	reference >> prototype.js // 
 *	Last Update : 2007.01.26  Pang
 *
 *	How to use ?
 *	---------------------------------------------------------------------------
 *	+ <script src="./lib/prototype/prototype.js" type="text/javascript"></script>
 * + <script>new imgNevi("contVod");</script>
 * + ¿òÁ÷ÀÏ À̹ÌÁö¿¡ class = 'move', ³×ºñ°ÔÀÌ¼Ç À̹ÌÁö¿¡´Â nevi_r, nevi_lÀ» ¼±¾ðÇØÁØ´Ù.
 *
 *	Options
 *		+ Syntax : {viewcount: '3'}
 *		+ viewcount : Çѹø¿¡ º¸¿©ÁÙ °³¼ö
 *
 */

//<![CDATA[
var imgNevi = Class.create();
imgNevi.prototype =
{ 				
	initialize: function(element, options) 
	{
		this.element = $(element);
		this.options = Object.extend({viewcount: '4'}, options);
		
		this.elementList = document.getElementById(element).getElementsByTagName('li');
		this.rollingList = new Array();				
		this.divElement = new Array();
		
		this.nevi = new Array();
		this.nevi_l = null;
		this.nevi_r = null;			
		
		this.viewcount = this.options.viewcount;				
		this.init();
	}, 
	
	init: function()
	{
		for(i = 0;  i < this.elementList.length; i++)
		{
			if(this.elementList[i].className =="move")
			{
				this.rollingList[this.rollingList.length] = $(this.elementList[i]);								
			}
			
			if(this.elementList[i].className =="nevi_l")
			{					
				this.nevi = this.elementList[i].getElementsByTagName('img');
				this.nevi_l = this.nevi[0];
				this.nevi_l.onclick = this.prev_scroll;
				this.nevi_l.component = this;
				this.set_style(this.nevi_l);
			}	
			
			if(this.elementList[i].className =="nevi_r")
			{
				this.nevi = this.elementList[i].getElementsByTagName('img');
				this.nevi_r = this.nevi[0];
				this.nevi_r.onclick = this.next_scroll;
				this.nevi_r.component = this;	
				this.set_style(this.nevi_r);
			}		
		}
		
		for(i = 0;  i < this.elementList.length; i++)
		{
			if(this.elementList[i].className =="move")
			{
				if(i > this.viewcount)
				{
					this.elementList[i].style.display = 'none';
				}			
			}
		}		
	},	
			
	set_style: function(element)
	{
		try
		{
			element.style.cursor = 'pointer';
		}
		catch(e)
		{
			element.style.cursor = 'hand';
		}
	},
	
	next_scroll: function()
	{		
		this.component.next();	
	},
	
	next: function()
	{
		var temp;		
		var tempArr1 = new Array();		
		var tempArr2 = new Array();						

	/*
		for(i=this.rollingList.length-1; i >0; i--)
		{
			if(i != this.rollingList.length -1)
			{	
				tempArr1 = this.rollingList[i].getElementsByTagName('dt');   // 0 . 1
				tempArr2 = this.rollingList[i+1].getElementsByTagName('dt'); // 1. 2
				
				if( tempArr1[0].id =='vodMidCont')
				{ 
					tempArr1[0].id = null;
					tempArr2[0].id ="vodMidCont";					
				}
			}			
		}
	*/
				
		for(i=0; i < this.rollingList.length; i++)
		{			
			if(i == 0)
				temp = this.rollingList[i].innerHTML;
			if(i == this.rollingList.length - 1)
				this.rollingList[i].innerHTML = temp;
			else
				this.rollingList[i].innerHTML = this.rollingList[i+1].innerHTML;
		}		
	},
	
	prev_scroll: function()
	{		
		this.component.prev();	
	},
	
	prev: function()
	{
		var temp;		
		var tempArr1 = new Array();		
		var tempArr2 = new Array();		
		
		/*
		for(i=this.rollingList.length-1; i >= 0; i--)
		{
			if( i != 0)
			{	
				tempArr1 = this.rollingList[i].getElementsByTagName('dt');   //  1. 2
				tempArr2 = this.rollingList[i-1].getElementsByTagName('dt'); // 0. 1
			}			
			
			if( tempArr1[0].id =='vodMidCont')
			{ 
				tempArr1[0].id = null;
				tempArr2[0].id ="vodMidCont";
			}						
		}
		*/
				
		for(i=this.rollingList.length-1; i >= 0; i--)
		{					
			if(i == this.rollingList.length-1)
				temp = this.rollingList[i].innerHTML;
			if(i == 0)
				this.rollingList[i].innerHTML = temp;
			else
				this.rollingList[i].innerHTML = this.rollingList[i-1].innerHTML;							
		}		
	}	
}

//]]>