$(function()
{
	var link_kategorije = 'defaultni_link_kategorije.php';
	var link_modela = 'defaultni_link_modela.php'; 
	var ajax_html = '';
	var current_link = '';
	
	
	//Prevent default
	$("#search a.kateg, #search a.mod").click(function(){ return false; })

	//////////////
	//KATEGORIJA//
	//////////////
	
	//ROLLOVERI
	$("#search > a.kateg").mouseover(function()
	{
		$("#search #kategorija").css({ "display" : "block" })
		$("#search #model").css({ "display" : "none" })
	})
	
	
	$("#search #kategorija, #search").mouseleave(function()
	{
			$("#search #kategorija").css({ "display" : "none" })
	})
	
	
	//ODABIR
	$("#search #kategorija li").click(function()
	{
		
		$("#search a.kateg").text($(this).text());		
		$("#search #kategorija").css({ "display" : "none" })

		link_kategorije = $(this).find("a").attr("rel");
		
		$("#search .mod").text("Model");
		
//UPDATE
		//POZVATI S AJAXOM LINK KATEGORIJE I NAPUNITI UL MODELA
		//Skripta mora vratiti li listu s modelima kategorije
		$.get(link_kategorije, function(data){
			$("#search #model").html(data);	
		})
		
		//$("#search #model").html('<li><a href="xy">Neki model</a>');
		
		
		return false;
	})
	
	
	
	/////////
	//MODEL//
	/////////
	
	//ROLLOVERI
	$("#search > a.mod").mouseover(function()
	{
		//console.log($("#search a.kateg").val())
		if( $("#search a.kateg").text() != "Kategorija" ) 
		{
			$("#search #model").css({ "display" : "block" })
			$("#search #kategorija").css({ "display" : "none" })
		}
	})
	
	
	$("#search #model, #search").mouseleave(function()
	{
			$("#search #model").css({ "display" : "none" })
	})
	
	
	//ODABIR
	$("#search #model li").live("click", function()
	{
		$("#search a.mod").text($(this).text());
		$("#search #model").css({ "display" : "none" });
		
		current_link = $(this).find("a").attr('href');
		
//UPDATE
		//OVDJE SE POSTAVLJA LINK KOJI SE POZIVA		
		//skripta mora vratiti link npr. stranica_proizvoda.php?model=192
		$.get(current_link, function(data){
			$("#search .button").attr({ "href" : current_link });
		})
		return false;
	})
	
	
	
	
	/////////
	//TRAŽI//
	/////////
	$("#search .button").mouseover(function()
	{
		$("#search #model, #search #kategorija").css({ "display" : "none" });
	})
	
	$("#search .button").click(function()
	{
		if( $("#search #model").text() != "Model" )
		{
			return true;
		}
		else
		{
			return false;
		}
	})
	
	
})