$(function(){

	var duljina = $('#main .rad').size();
	var a1 = false; //false znaci da je div zatvoren
	var a2 = false;
	var a3 = false;
	var a4 = false;
	var a5 = false;
	var a6 = false;
	var a7 = false;
	var a8 = false;
	var a9 = false;
	
	var aktivno = 1;
	
	$('.rad').css("height", "0");
	
	setTimeout("$('#r1').animate({ height: '180px' }, 500);", 1000);	
	a1 = true;

	$('#a1').click(function()
	{	//console.log(a1);
		if(a1==false)
		{
			$('.rad').animate({ height:"0px" }, 500);
			$('#r1').animate({ height: "180px" }, 500);			
			a1=true; a2=false; a3=false; a4=false; a5=false;
			a6=false; a7=false; a8=false;			
		}
		else if(a1==true)
		{
			$('#r1').animate({ height: "0px" }, 500);
			a1=false;
		}
		return false;
	})

	$('#a2').click(function()
	{	
		if(a2==false)
		{	
			$('.rad').animate({ height:"0px" }, 500);
			$('#r2').animate({ height: "140px" }, 500);
			a2=true; a1=false; a3=false; a4=false; a5=false;
			a6=false; a7=false; a8=false;
		}
		else if(a2==true)
		{
			$('#r2').animate({ height: "0px" }, 500);
			a2=false;
		}
		return false;
	})
	
	
	$('#a3').click(function()
	{	
		if(a3==false)
		{
			$('.rad').animate({ height:"0px" }, 500);
			$('#r3').animate({ height: "210px" }, 500);
			a3=true; a1=false; a2=false; a4=false; a5=false;
			a6=false; a7=false; a8=false;
		}
		else if(a3==true)
		{
			$('#r3').animate({ height: "0px" }, 500);
			a3=false;
		}
		return false;
	})
	
	
	$('#a4').click(function()
	{	
		if(a4==false)
		{	
			$('.rad').animate({ height:"0px" }, 500);
			$('#r4').animate({ height: "110px" }, 500);
			a4=true; a1=false; a2=false; a3=false; a5=false;
			a6=false; a7=false; a8=false;
		}
		else if(a4==true)
		{
			$('#r4').animate({ height: "0px" }, 500);
			a4=false;
		}
		return false;
	})
	
	
	
	$('#a5').click(function()
	{	
		if(a5==false)
		{
			$('.rad').animate({ height:"0px" }, 500);
			$('#r5').animate({ height: "300px" }, 500);
			a5=true; a1=false; a2=false; a3=false; a4=false;
			a6=false; a7=false; a8=false;
		}
		else if(a5==true)
		{
			$('#r5').animate({ height: "0px" }, 500);
			a5=false;
		}
		return false;
	})

	$('#a6').click(function()
	{	
		if(a6==false)
		{
			$('.rad').animate({ height:"0px" }, 500);
			$('#r6').animate({ height: "270px" }, 500);
			a6=true; a1=false; a2=false; a3=false; a4=false;
			a5=false; a7=false; a8=false;
		}
		else if(a6==true)
		{
			$('#r6').animate({ height: "0px" }, 500);
			a6=false;
		}
		return false;
	})


	$('#a7').click(function()
	{	
		if(a7==false)
		{
			$('.rad').animate({ height:"0px" }, 500);
			$('#r7').animate({ height: "140px" }, 500);
			a7=true; a1=false; a2=false; a3=false; a4=false;
			a5=false; a6=false; a8=false;
		}
		else if(a7==true)
		{
			$('#r7').animate({ height: "0px" }, 500);
			a7=false;
		}
		return false;
	})


	$('#a8').click(function()
	{	
		if(a8==false)
		{
			$('.rad').animate({ height:"0px" }, 500);
			$('#r8').animate({ height: "120px" }, 500);
			a8=true; a1=false; a2=false; a3=false; a4=false;
			a5=false; a6=false; a7=false;
		}
		else if(a8==true)
		{
			$('#r8').animate({ height: "0px" }, 500);
			a8=false;
		}
		return false;
	})


})