/*	[MHz.Effect.MHzMover.js]
 *  (c) 2006, 2007 MHZ. (http://www.mediamob.co.kr // http://www.openblog.com)
 *	reference >> prototype.js // 
 *	Last Update : 2007.07.10  Pang
 *
 *	How to use ?
 *	---------------------------------------------------------------------------
 *	+ <script src="./lib/prototype/prototype.js" type="text/javascript"></script>
 * + <script>new MHzMover("contVod");</script>
 * + 움직일 태그에 class = 'move', 네비게이션 이미지에는 nevi_l을 선언해준다.
 *
 *	Options
 *		+ Syntax : {viewcount: '3'}
 *		+ viewcount : 한번에 보여줄 개수
 *
 */

//<![CDATA[
var MHzMover = Class.create();
MHzMover.prototype =
{ 				
	initialize: function(element, options){
		this.element = element;
		this.options = Object.extend({viewcount: '4'}, options);
		this.elementList = this.element.getElementsByTagName('div');
		this.rollingList = new Array();				
		this.divElement = new Array();
		this.nevi_l = null;
		this.nevi_r = null;
		this.viewcount = this.options.viewcount;				
		this.init();},
	init: function(){
	    var NeviTag2 = this.element.getElementsByTagName("p");
	    var NeviTag3 = NeviTag2[0].getElementsByTagName("a");
	    
	    for(i = 0;  i < NeviTag3.length; i++){
	        if(NeviTag3[i].className =="nevi_l"){
				this.nevi_l             = NeviTag3[i];
				this.nevi_l.onclick     = this.prev_scroll;
				this.nevi_l.component   = this;
				this.set_style(this.nevi_l);}
				
			if(NeviTag3[i].className =="nevi_r"){
				this.nevi_r             = NeviTag3[i];
				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"){this.rollingList[this.rollingList.length] = $(this.elementList[i]);}}
		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';}},
	prev_scroll: function(){this.component.prev();},
	prev: function(){
    	var temp;var tempArr1 = new Array();var tempArr2 = new Array();
		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;}}
		for(i =0; i < this.elementList.length ; i++){if(this.elementList[i].className !="move"){this.elementList[i].style.display = "block";}}
		for(i =0; i < this.rollingList.length ; i++){
		    var temp = this.rollingList[i].getElementsByTagName("ul");
		    if(i == 0){temp[0].className = "none";}else{temp[0].className = "";}}},
	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){temp = this.rollingList[i].innerHTML;}
			if(i == 0){this.rollingList[i].innerHTML = temp;}
			else{this.rollingList[i].innerHTML = this.rollingList[i-1].innerHTML;}}
		for(i =0; i < this.elementList.length ; i++){if(this.elementList[i].className !="move"){this.elementList[i].style.display = "block";}}
		for(i =0; i < this.rollingList.length ; i++){
		    var temp = this.rollingList[i].getElementsByTagName("ul");
		    if(i == 0){temp[0].className = "none";}else{temp[0].className = "";}}}}
//]]>