// Tab groups - faq
$(function(){
		
	var tab_height = 0;
	var tab_height_active;
	var x = 0; 
	$(".info_box_full:not(.nase_usluge) p:odd").css("background-color", "#d0efff");

	$(".info_box_full .group").css("display", "none");
	
	//var info = getQueryVariable('info'); -> ovo je za $_GET varijable	
	//a ovo zbog url rewritea
	var info = window.location.href;
	info = info.split('/');
	
	//console.log(info);
	
	//SHOW SELECTED GROUP (ONLY ONE TAB OPEN) 
	if(info[5]==false) // 6 for localhost, 5 for web, because of difference in url
	{
		$(".info_box_full .group").eq(0).css("display", "block");
		$(".info_box_full .group").eq(0).addClass("active");
	}
	else
	{
		switch(info[5]) // 6 for localhost, 5 for web, because of difference in url
		{
			case 'rezanje_dizajna':
		  	$(".info_box_full .group").eq(0).css("display", "block");
			$(".info_box_full .group").eq(0).addClass("active");
		  	break;
			
			case 'design_slicing':
		  	$(".info_box_full .group").eq(0).css("display", "block");
			$(".info_box_full .group").eq(0).addClass("active");
		  	break;

			
			case 'web_programiranje':
			$(".info_box_full .group").eq(1).css("display", "block");
			$(".info_box_full .group").eq(1).addClass("active");
			break;
			
			case 'web_coding':
			$(".info_box_full .group").eq(1).css("display", "block");
			$(".info_box_full .group").eq(1).addClass("active");
			break;
			
			case 'web_programmierung':
			$(".info_box_full .group").eq(1).css("display", "block");
			$(".info_box_full .group").eq(1).addClass("active");
			break;
			
			case 'web_deployment':
			$(".info_box_full .group").eq(2).css("display", "block");
			$(".info_box_full .group").eq(2).addClass("active");
			break;
			
			case 'implementacija':
			$(".info_box_full .group").eq(2).css("display", "block");
			$(".info_box_full .group").eq(2).addClass("active");
			break;
			
			case 'implementation':
			$(".info_box_full .group").eq(2).css("display", "block");
			$(".info_box_full .group").eq(2).addClass("active");
			break;
			
			case 'seo':
			$(".info_box_full .group").eq(3).css("display", "block");
			$(".info_box_full .group").eq(3).addClass("active");
			break;
			
			case 'seo_content':
			$(".info_box_full .group").eq(3).css("display", "block");
			$(".info_box_full .group").eq(3).addClass("active");
			break;
			
			case 'email':
			$(".info_box_full .group").eq(4).css("display", "block");
			$(".info_box_full .group").eq(4).addClass("active");
			break;
			
			case 'email_design':
			$(".info_box_full .group").eq(4).css("display", "block");
			$(".info_box_full .group").eq(4).addClass("active");
			break;
			
			case 'newsletter-design':
			$(".info_box_full .group").eq(4).css("display", "block");
			$(".info_box_full .group").eq(4).addClass("active");
			break;
			
			case 'flash_programiranje':
			$(".info_box_full .group").eq(5).css("display", "block");
			$(".info_box_full .group").eq(5).addClass("active");
			break;
			
			case 'flash_programming':
			$(".info_box_full .group").eq(5).css("display", "block");
			$(".info_box_full .group").eq(5).addClass("active");
			break;
			
			case 'flash_programmierung':
			$(".info_box_full .group").eq(5).css("display", "block");
			$(".info_box_full .group").eq(5).addClass("active");
			break;
			
			default:
		  	$(".info_box_full .group").eq(0).css("display", "block");
			$(".info_box_full .group").eq(0).addClass("active");
		}

	}
	
	//ON CLICK OPEN CLICKED TAB AND CLOSE THE ACTIVE ONE
	$(".info_box_full h2").click(function(){	
		if(tab_height==0)
		{
		
		tab_height_active =  $(".info_box_full .active").height();
		
		$(".info_box_full .active").animate({"height": "0"}, 1600, function(){
					
			$(".info_box_full .active").css("display" , "none");
			$(".info_box_full .active").css("height", tab_height_active+"px");
			$(".info_box_full .active").removeClass("active");
			tab_height = 0;
		});

		tab_height = $(this).next().height();
		
		if(tab_height != tab_height_active)
		{
			$(this).next().css("height", "0");		
			$(this).next().animate({"height" : tab_height}, 1600, function()
			{
				$(this).addClass("active");
				tab_height = 0;
			});
		}
		
//		console.log($('html').scrollTop());
		
		if($('body').scrollTop() > 150) $('body').animate({scrollTop:'150px'}, 1000);
		if($('html').scrollTop() > 150) $('html').animate({scrollTop:'150px'}, 1000);
		}
		return false;
		
		
		
	}); // end .info_box_full h2 click
	
	
	//UPLOAD FILES ON ORDER AND CONTACT PAGE
	function getQueryVariable(variable) 
	{
	  var query = window.location.search.substring(1);
	  var vars = query.split("&");
	  for (var i=0;i<vars.length;i++)
	  {
		var pair = vars[i].split("=");
		if (pair[0] == variable)
		{
			return pair[1];
		}
	  }	  
	  return false;
	  //alert('Query Variable ' + variable + ' not found');
	}
	
})