window.addEvent('domready', function() {
	var status = {
		'true': 'open',
		'false': 'close'
	};
	
	var brojOblasti = $('hdnOblasti').value;

	//-vertical
	for(var i=1; i<=brojOblasti; i++)
	{
		var slider = 'vertical_slide' + i;
		var toggler = 'v_toggle' + i;
		var status = 'vertical_status' + i;

		eval('var myVerticalSlide' + i + ' = new Fx.Slide(slider)');

		eval("$(toggler).addEvent('click', function(e){" + 
			"e.stop();" + 
			"myVerticalSlide" + i + ".toggle();" +
		"});");
		
		// When Vertical Slide ends its transition, we check for its status
		// note that complete will not affect 'hide' and 'show' methods
		eval("myVerticalSlide" + i + ".addEvent('complete', function() {" +
			"$(status).set('html', status[myVerticalSlide" + i + ".open])" + 
		"});");
		eval("myVerticalSlide" + i + ".toggle();");
	}
/*		$('toggleAll').addEvent('click', function(e){
			e.stop();
			for(var j=1; j<=brojOblasti;j++)
				eval("myVerticalSlide" + j + ".toggle();");
		});*/

		$('v_slidein').addEvent('click', function(e){
			e.stop();
			for(var j=1; j<=brojOblasti;j++)
				eval("myVerticalSlide" + j + ".slideIn();");
		});
		
		$('v_slideout').addEvent('click', function(e){
			e.stop();
			for(var j=1; j<=brojOblasti;j++)
				eval("myVerticalSlide" + j + ".slideOut();");
		});
});