window.addEvent('domready', function() {


var accordion = new Accordion('h1.atStart', 'div.atStart', {
	opacity: false,
	onActive: function(toggler, element){
		toggler.setStyle('color', '#6d2525');
	},
 
	onBackground: function(toggler, element){
		toggler.setStyle('color', '#557599');
	}
}, $('accordion'));



Element.Events.extend({
	'wheelup': {
		type: Element.Events.mousewheel.type,
		map: function(event){
			event = new Event(event);
			if (event.wheel >= 0) this.fireEvent('wheelup', event)
		}
	},
 
	'wheeldown': {
		type: Element.Events.mousewheel.type,
		map: function(event){
			event = new Event(event);
			if (event.wheel <= 0) this.fireEvent('wheeldown', event)
		}
	}
});
/*
$('velicina').addEvents({
	'wheelup': function(e) {
		e = new Event(e).stop();
 
		this.width *= 1.1;
		this.height *= 1.1;
	},
 
	'wheeldown': function(e) {
		e = new Event(e).stop();
 
		if (this.width-30 >= 30) {
			this.width /= 1.1;
			this.height /= 1.1;
		}
	}
});
*/
});
  


 /*
var newTog = new Element('h3', {'class': 'toggler'}).setHTML('Common descent');
 
var newEl = new Element('div', {'class': 'element'}).setHTML('<p>SASA TEXT gsdfgdfgouidfgoiudfgouidfoguidfoigudfoiugoidfugiofdugio</p>');

 
accordion.addSection(newTog, newEl, 0);
*/

/* sada pocinje img flip script 

var properties = new Array();
properties['zIndex'] = 1;
properties['loadingText'] = 'Loading image #IMG# of #SIZE#...';

var slike = new Array('slike/small/wg1_1.JPG', 'slike/small/wg1_2.JPG', 'slike/small/wg1_3.JPG', 'slike/small/wg1_4.JPG', 'slike/small/wg1_5.JPG', 'slike/small/wg1_6.JPG', 'slike/small/wg1_7.JPG', 'slike/small/wg1_8.JPG', 'slike/small/wg1_9.JPG', 'slike/small/wg1_10.JPG');

var slike = new Array();
for (var i = 1; i < 11; i++) {
		slike.push('slike/small/wg1_' + i + '.JPG');
	}

var flipper = new ImageFlip(

 new Array('morph0', 'morph1', 'morph2', 'morph3', 'morph4'),
 new Array('d0', 'd1', 'd2', 'd3', 'd4'),
 new Array('next', 'previous'), 
 slike, 
 properties);

 
 
 ovo dodje u html:
 
 <a href="#" id="previous">&lt;&lt; Zur&uuml;ck</a>  <a href="#" id="next">   Vor &gt;&gt;</a>
			<div id="morph0" class="d0"></div>
			<div id="morph1" class="d1"></div>
			<div id="morph2" class="d2"></div>
			<div id="morph3" class="d3"></div>
			<div id="morph4" class="d4"></div>
			<div id="morph5" class="d5"></div>
			<div id="morph6" class="d6"></div>
			<div id="morph7" class="d7"></div>
			<div id="morph8" class="d8"></div>
			<div id="morph9" class="d9"></div>
			
			
a ovo dodje u css:


.d1 {
	background-color: #777;
	width: 250px;
	height: 200px;
	position: absolute;
	left: 60px;
	top: 70px;
}

.d2 {
	background-color: #666;
	width: 300px;
	height: 240px;
	position: absolute;
	left: 110px;
	top: 50px;
}

.d3 {
	background-color: #555;
	width: 350px;
	height: 280px;
	position: absolute;
	left: 160px;
	top: 30px;
}

.d4 {
	background-color: #444;
	width: 400px;
	height: 320px;
	position: absolute;
	left: 210px;
	top: 10px;
}


			
			*/