/*
JS SKROL
*/
var skrol_class = new Class({

	initialize:function(div){
		// Inicijalizujemo glavni kontejner
		this.div = $(div);
		this.kreiraj();
		this.events();
		this.id_div = $(this.div).get('id');
		
		this.new_id = this.id_div+'_old';
		$(this.div).set('id',this.new_id);
	},
	// Kreiramo skrol
	kreiraj:function(){
		// Kreiramo glavni kontejner
		this.div_cont = new Element('div', {
			'id':'scrollCont'
		});

		// Kreiramo cont koji ce da sadrzi skrol elemente
		this.div_cont_scroll = new Element('div',{
			'id':'scrollContMove'
		});
		
		// Odredjujemo visinu i sirinu kontejnera
		this.sirina = $(this.div).getSize().x;
		this.visina = $(this.div).getSize().y;
		
		// Podesavamo stilove za kontejnere
		this.div_cont.setStyles({
			width:this.sirina, 
			height:this.visina,
			position:'relative',
			overflow:'hidden'
			});
		
		this.div_cont_scroll = new Element('div',{
			styles:{width:this.sirina,
			height:'auto',
			position:'absolute',
			left:0,
			top:0,
			'z-index':500
			}
		});
		
		// Uzimamo html sadrzaj diva koji zelimo da skrolujemo
		this.html = $(this.div).get('html');
		this.div_cont_scroll.set('html', this.html);
		
		// Praznimo div
		$(this.div).empty();
		
		// Insertujemo nazad sadrzaj
		this.div_cont.inject(this.div);
		this.div_cont_scroll.inject(this.div_cont);
		this.div_cont_scroll.set('id', 'lista');
		// Startujemo pokretanje
		this.morfuj();
		
	},
	morfuj:function(){
			// Definisemo morph
		try{
			$clear(this.morf);
		}catch(error){
		}
		this.morf = new Fx.Morph(this.div_cont_scroll, {
		duration:15000,
		transition: Fx.Transitions.Sine.easeOut,
		onComplete:function(){
			this.morfuj();
		}.bind(this)
		});
		this.morf.set({
			left:0,
			top:this.visina
		},this);
		this.morf.start({
			top:-(this.div_cont_scroll.getSize().y)
		});
	},
	// Pomeramo
	pomeraj:function(){
		this.morf.resume();
	},
	// Stopiramo kretanje skrola
	stopiraj:function(){
		this.morf.pause();
	},
	//eventi
	events:function(){
	$(this.div).addEvent('mouseover',function(event){
		this.stopiraj();
	}.bind(this));
	$(this.div).addEvent('mouseout',function(event){
		this.pomeraj();
	}.bind(this));
	}
});