var tabbed = new Class({
	initialize:function(div, el_naslov, el_div, el_cont){
		this.div       = div;       // DIV iz kojeg prikupljamo elemente
		this.el_naslov = el_naslov; // Elementi kojima oznacavamo naslov
		this.el_div    = el_div;    // DIV tagovi koji prikazujemo / sakrivamo
		this.el_cont   = el_cont;   // DIV CONTAINER
		this.aktivni   = 0;
		// Prikupljamo polja
		this.prikupi_polja();
		this.pripremi();
	},
	prikupi_polja:function(){
		this.naslovi = $$('#'+this.div+' '+this.el_naslov); // Prikupljamo naslove
		this.divovi  = $$('#'+this.div+' '+this.el_div);    // Prikupljamo divove
		//alert(this.divovi);
	},
	pripremi:function(el_div){
		// Kreiramo cont za naslove
		this.div_cont = new Element('div',{
		'id':'cont_naslov',
		'class':'tab',
		'html':'<ul></ul>'
		});

		this.div_cont.inject(this.divovi[0],'before');

		// Pripremamo naslove
		
		this.el_tag = $(this.div).getChildren('#cont_naslov')[0].getElement('ul');
		//console.log(, '#'+this.div+' #cont_naslov');
		this.naslovi.each(function(item){
			var a_naslov = new Element('li',{
			'id':'naslov'+this.naslovi.indexOf($(item)),
			'events':{
			'mouseover':(function(){
				var el_select = this.naslovi.indexOf($(item));
				this.promeni(el_select);
				this.obelezi_menu(el_select);
			}).bind(this)
			},
			'html':'<a>'+$(item).get('text')+'</a>'
			});
			a_naslov.inject(this.el_tag);
			$(item).destroy();
		}.bind(this));
		
		//this.new_naslovi = $$('#'+this.div+' #cont_naslov a');
		this.new_naslovi = $(this.div).getChildren()[0].getElements('a');
		// Pripremamo DIV Tagove
		this.div_sirina = $(this.divovi[0]).getParent().getSize().x;
		this.div_visina = $(this.divovi[0]).getParent().getSize().y;
		$(this.divovi[0]).getParent().setStyle('position','relative');

		this.cont_sirina = this.div_sirina;
		this.divovi.each(function(item){
			$(item).setStyles({'width':320, 'height':this.div_visina, 'overflow':'hidden', //'display':'none',
							  'visibility':'hidden', 'opacity':0, 'position':'absolute'});
			$(item).inject(this.el_cont);
			this.cont_sirina = this.cont_sirina + this.div_sirina;

			$(this.el_cont).setStyle('width',326);
		}.bind(this));
		$(this.divovi[0]).setStyle('visibility','visible');
		this.promeni(0);
		this.obelezi_menu(0);
	},
	// Menjamo 
	promeni:function(el_select){
		/*
		$(this.divovi[this.aktivni]).morph({'height':0});
		$(this.divovi[el_select]).morph({'height':this.div_visina});
		*/
		
		$(this.divovi[this.aktivni]).set('morph', {
	link: 'chain',
	duration:400
});
$(this.divovi[this.aktivni]).morph({
	'opacity':0
}).morph({
	//'display':'none'
});
$(this.divovi[el_select]).set('morph', {
	link: 'chain',
	duration:400
});
$(this.divovi[el_select]).morph({
	//'display':''
}).morph({
	'opacity':1
});
this.aktivni = el_select;
		/*
		var left = (this.div_sirina * (el_select+1)) - this.div_sirina;
		$(this.el_cont).set('morph', {duration: 'long'})
		$(this.el_cont).morph({'left':-left});
		*/
		
		// Vracamo sve menu-e na normalu
		this.new_naslovi.each(function(item){item.setStyles({'background-color':'transparent'});})
	},
	obelezi_menu:function(el_select){
		// Sredjujemo izabrani menu
		try{
			$(this.new_naslovi[el_select]).setStyles({'background-color':'#003F8B'});
			$$('.el_img').each(function(item){$(item).destroy();});
		}
		catch(error){
			
		}
		// Before i After
		var el_before = new Element('img', {'class':'el_img','src':'templates/ds/images/mini_menu_03.jpg','align':'absmiddle','styles':{'float':'left'}});
		var el_after = new Element('img', {'class':'el_img','src':'templates/ds/images/mini_menu_06.jpg','align':'absmiddle','styles':{'float':'left'}});
		/*
		el_before.inject(this.new_naslovi[el_select].getParent('li'),'before');
		el_after.inject(this.new_naslovi[el_select].getParent('li'),'after');
		*/
	}
});