var fxSlide = [];


window.addEvent("domready", function()  {
	
	
	
	myAccordion = new Accordion($('accordion'), '.toggler', '.element', {
		opacity: false,
		alwaysHide: true,
		start:'all-closed',
		display: [0],
		onActive: function(toggler, element){
			//toggler.setStyle('color', '#41464D');
				 toggler.addClass('active');				 
		},
		onBackground: function(toggler, element){
			//toggler.setStyle('color', '#528CE0');
			toggler.removeClass('active');
		}		
	});
	
	myAccordion2 = new Accordion($('accordion2'), '.toggler2', '.element2', {
		opacity: false,
		alwaysHide: true,
		start:'all-closed',
		display: [0],
		onActive: function(toggler, element){
			//toggler.setStyle('color', '#41464D');
				 toggler.addClass('active');				 
		},
		onBackground: function(toggler, element){
			//toggler.setStyle('color', '#528CE0');
			toggler.removeClass('active');
		}
	});
	
	

	if(Browser.Engines.trident && Browser.Engine.version==4 || 1==1){
		$$("div.hiddenDiv").each(function(el){
			el.setStyle("display","none");
		})
	}
	else{
		$$("div.hiddenDiv").each(function(el){
			el.getChildren()[0].setStyle("margin-top", -el.getChildren()[0].getSize().y);
		})
	}
	
	if ($("formPohvala")) {
    	new FormCheck('formPohvala', {
    		display : {
    			errorsLocation : 1,
    			indicateErrors : 2,
    			showErrors : 1
    		}
    	});
    }
	if ($("formGradjani")) {
    	new FormCheck('formGradjani', {
    		display : {
    			errorsLocation : 1,
    			indicateErrors : 2,
    			showErrors : 1
    		}
    	});
    }
    if ($("formMediji")) {
    	new FormCheck('formMediji', {
    		display : {
    			errorsLocation : 1,
    			indicateErrors : 2,
    			showErrors : 1
    		}
    	});
    }
    
    if ($("formPrituzba")) {
    	new FormCheck('formPrituzba', {
    		display : {
    			errorsLocation : 1,
    			indicateErrors : 2,
    			showErrors : 1
    		}
    	});
    }
    
	initSelectBox()
})


function showdiv(kojielement){
	if(Browser.Engines.trident && Browser.Engine.version==4 || 1==1){
		
		if ($(kojielement).style.display=="block"){
			$(kojielement).style.display="none";
		}
		else{
			$(kojielement).style.display="block";
		}
	}else{
		if ($(kojielement).getSize().y==0){
			new Fx.Tween($(kojielement).getChildren()[0]).start('margin-top', 0);
			
		}
		else{
			new Fx.Tween($(kojielement).getChildren()[0]).start('margin-top', -$(kojielement).getChildren()[0].getSize().y);
		}
	}
	
}


function checkpolja(el) {

	var polje1 = $("obrazPonasanje");
	var polje2 = $("obrazTijela");
	var polje3 = $("obrazOstalo");
	var errorMsg ="Odaberite na koga se odnosi pritužba";
	el.errors.push("Username should begin with an uppercase letter");

	return false;
	
	return (polje1.value=='' && polje2.value=='' &&  polje3.value=='');

	
	if( polje1.value==''  && polje2.value=='' &&  polje3.value=='') {
		el.errors.push( errorMsg );
		return false;
	}else{
		return true;
	}
}


function initSelectBox(){
	
	$("body").addEvent("click", function(el){
		$$('div.boxSelectDrop').each(function(el){
			if (el.getStyle("visibility")!='hidden') el.fade(0);
		})
	});
	
	$$('div.boxSelectWrapper').each(function(el){
		var selectBox =	$(el.children[0]);
		var selectLista = $(el.children[1]);
		var selectBox2;
		var selectLista2;
		var submitButton;
		
		
		//ako su 2 selekta 
		if ($(el.children[4])){
			submitButton = $(el.children[4].children[0]);
			selectLista2 = $(el.children[3]);
			selectBox2 =	$(el.children[2]);
			
			
		}else{
			submitButton = $(el.children[2].children[0]);
		}
		
		selectBox.addEvent("click", function(el){
			selectLista.fade(1);
		});
		
		for(var i = 0;i<selectLista.children.length;i++){
			
			$(selectLista.children[i]).addEvent("click", function(e){
				var e = new Event(e);
				var target = $(e.target);
				var target2 =$(selectBox.children[0]);
				target2.innerHTML=target.innerHTML;
				target2.set("rel", target.getAttribute('rel'));
				selectLista.fade(0);
				submitButton.href='default.aspx?id='+selectBox.children[0].getAttribute('rel');
				
				//ako su 2 selekta 
				if ($(el.children[4])){
					var target3=$(el.children[3]);
					selectBox2.addEvent("click", function(el){
						selectLista2.fade(1);
					});
					var req = new Request.HTML({
						method: 'get',
						url:'ajax.aspx?id=' + target.getAttribute('rel'),
						update:target3,
						onComplete: function(response) { 
							for(var i = 0;i<selectLista2.children.length;i++){
								$(selectLista2.children[i]).addEvent("click", function(e2){
									var e = new Event(e2);
									var target = $(e.target);
									var target2 =$(selectBox2.children[0]);
									target2.innerHTML=target.innerHTML;
									target2.set("rel", target.getAttribute('rel'));
									selectLista2.fade(0);
									submitButton.href='default.aspx?id='+selectBox2.children[0].getAttribute('rel');
								})
								
								$(selectLista2.children[i]).addEvent("mouseover", function(e2){
									var e = new Event(e2);
									var target = e.target;
									target.className='boxSelectOverOption';
								})
								
								$(selectLista2.children[i]).addEvent("mouseout", function(e2){
									var e = new Event(e2);
									var target = e.target;
									target.className='boxSelectOption';
								})
							}
						}
					}).send();	
				}
			})
			
			$(selectLista.children[i]).addEvent("mouseover", function(e){
				var e = new Event(e);
				var target = e.target;
				target.className='boxSelectOverOption';
			})
			
			$(selectLista.children[i]).addEvent("mouseout", function(e){
				var e = new Event(e);
				var target = e.target;
				target.className='boxSelectOption';
			})
		}
    });
}