$(function(){
				

			});
		jQuery(document).ready(function() {
				setupZoom();
				$("#accordion a, .item").hover(function() {
					$(this).animate({color: "#ffffff" }, 200);
					},function() {
					$(this).animate({ color: "#cccccc" }, 200);
				});
				
				$(".item").hover(
					function(){
					
								$(this).removeClass("ui-widget-content");
								$(this).addClass("ui-widget-content-highlite");
							
					},
					function(){
					
								$(this).removeClass("ui-widget-content-highlite");
								$(this).addClass("ui-widget-content");
								
					}
					
				);
				if (navigator.appName != 'Microsoft Internet Explorer'){
					$(".chzn-select").chosen(); 
					$(".chzn-select-deselect").chosen({allow_single_deselect:true});
				}
				
				$( ".ocuvanost" ).buttonset();
				$( ".lokacija" ).buttonset();
				$( ".vrsta" ).buttonset();
				$('a.miniTip').aToolTip();
				$("input[name=save_pics]").click(function(){
					$( "#dialog:ui-dialog" ).dialog( "destroy" );
					$( "#dialog-modal" ).dialog({
						height: 140,
						modal: true
					});
				});
				
			/*	$(".click_advanced_search").click(function(){
					$(".advanced_search").slideDown();
					$(this).css("display","none");
				});*/
				
				 ////////////////validation!!
				 /////////////////////////////////////////////////////////////////
				$('form.validate').validate({
					rules: {
						cijena: {
							digits: true},
						moc: {
							digits: true},
						ccm: {
							digits: true},
						km: {
							digits: true},
							
						godina: {
							range: [1900,2011]}
					},
        		    messages: {
						email: {
							email: "E-mail adresa mora biti u formatu \"name@domain.com\""
						}
				    }
				}); 
				///////////////////////////////////////////////////////////////
				////////////////////////////////////////////////////////////

			$("#oglas").slideDown("fast");
				
			$.post('/controller/ajax_controller.php', { oglas: "right", id:8000}, function(data) {
					$('.right_add').html(data);
					});
			//setupZoom(); //fancy zoom
			// initialize scrollable
			$(".scrollable").scrollable({ mousewheel: true, circular: true }).autoscroll({ autopause: true });	
				
		
			/////////on mouse over on buttons adds class 'ui-state-hove'
				//////////////////////////////////////////////////////
				$('input.submit, .navigation a, input.reset, div#icons').hover(
					function() { 
								$(this).addClass('ui-state-hover');

					}, 
					function() {  
								 $(this).removeClass('ui-state-hover');
					}
				);
				//////////////////////////////////////////////////////
				//////////////////////////////////////////////////////
		
/*		
				$('.oglas').hover(
					function() {
						$(this).find("div").each(function(){
								$(this).addClass('checkbox-hover');
								$(this).find(".ui-widget-header").addClass('ui-state-header');
								$(this).find("img").addClass("blue");
						});
						},
					function() {
						$(this).find("div").each(function(){
								$(this).removeClass('checkbox-hover');
								$(this).find(".ui-widget-header").removeClass('ui-state-header');
								$(this).find("img").removeClass("blue");
							
						});
						}		
				
				);
				
				$('input, form a, #accordion li a').hover(
					function() { 
								$(this).addClass('yellow-hover');

					}, 
					function() {  
								 $(this).removeClass('yellow-hover');
					}
				);
*/
				//////////////////////////////////////////////////////////////////
				// accordion init
				//////////////////////////////////////////////////////////////////
				$("#accordion").accordion({ 
					autoHeight:false,
					active: 'h3.active' 					
				});
				//////////////////////////////////////////////////////////////////
				/////////////////////////////////////////////////////////////////
	
				//////////////////////////////////////////////////////////////////
				// Slider
				//////////////////////////////////////////////////////////////////
				$('#slider_letnik').slider({
					values: [1980, 2011],
					min: 1980,
					max: 2011,
					slide: function( event, ui ) {
							if(ui.values[0]!=1980)
								{$( ".letnik-min" ).val( ui.values[ 0 ] );}
							else{$( ".letnik-min" ).val(" - min - ");}
							if(ui.values[1]!=2011){
								$( ".letnik-max" ).val( ui.values[ 1 ] );}
							else{$( ".letnik-max" ).val(" - max - ");}
						}
				
				});
				$('#slider').slider({
					values: [0, 50000],
					min: 0,
					max: 50000,
					step: 100,
					slide: function( event, ui ) {
							if(ui.values[0]!=0)
								{$( ".cena-min" ).val( ui.values[ 0 ]+'-,€' );}
							else{$( ".cena-min" ).val(" - min - ");}
							if(ui.values[1]!=50000){
								$( ".cena-max" ).val( ui.values[ 1 ]+'-,€' );}
							else{$( ".cena-max" ).val(" - max - ");}
						}
				});
				//////////////////////////////////////////////////////////////////
				//////////////////////////////////////////////////////////////////
				
				
				/////ajax request on 'znamke' za 'auto' in 'kombi'
				//////////////////////////////////////////////////////////////////
				//////////////////////////////////////////////////////////////////
				$('.search-form select.znamke, .vasoglas select.znamke ').change(function() {
					$.post('/controller/ajax_controller.php', { znamke: $(this).val(), db:'auto'}, function(data) {
					$('.modeli').html(data);
					});
				});
				$('.kombi-form select.znamke, .vasoglas-kombi select.znamke ').change(function() {
					$.post('/controller/ajax_controller.php', { znamke: $(this).val(), db:'kombi'}, function(data) {
					$('.modeli').html(data);
					});
				});
				//////////////////////////////////////////////////////////////////
				//////////////////////////////////////////////////////////////////
				
				
				////////////// search form submit values into serialized coookie
				//////////////////////////////////////////////////////////////////
				$('.search-form form').submit(function() {
					$.cookie("search-form",($(this).serialize()));
 				});
				$('.moto-form form').submit(function() {
					$.cookie("moto-form",($(this).serialize()));
 				});
				$('.kombi-form form').submit(function() {
					$.cookie("kombi-form",($(this).serialize()));
 				});
				$('.kamioni-form form').submit(function() {
					$.cookie("kamioni-form",($(this).serialize()));
 				});
				$('.radne_masine-form form').submit(function() {
					$.cookie("radne_masine-form",($(this).serialize()));
 				});
				//////////////////////////////////////////////////////////////////
				//////////////////////////////////////////////////////////////////
				//////////////search form update from cookie
				/*
				if($.cookie('search-form')){
					   var str=(decodeURIComponent($.cookie('search-form')));
					   str=str.split("&");
					   var cijena_1=0;
					   var cijena_2=50000;
					   var godina_1=1980;
					   var godina_2=2011;
						var znamka="";
						var model="";
						$(".vrste-form [type=\"checkbox\"]").each(function(){
								this.checked=false;
						});
					   for(var i in str)
						{
							var value=str[i].split("=");
							 value[1] = ReplaceAll(value[1],'+', ' '); 
							$(".search-form [name="+value[0]+"]" ).val(value[1]);
						
							if(value[0]=="vrsta[]"){
								$(".vrste-form [type='checkbox']").each(function(){
									if(this.value==value[1])
										this.checked=true;
									
								});
														
							}
							
							if(value[0]=="firma"){
								//	ajax request
								znamka=value[1];
							}
							if(value[0]=="model"){
								//	ajax request
								model=value[1];
							}
							if(value[0]=="cijena_1"){
								myStr=value[1];
								var strLen = myStr.length; 
								if (myStr.indexOf('-,€'))
									myStr = myStr.slice(0,strLen-3); 
								myStr = myStr.replace( '+', ' '); 
								if(!isNaN(myStr))
									cijena_1=myStr;
								}
							if(value[0]=="cijena_2"){
								myStr=value[1];
								var strLen = myStr.length; 
								if (myStr.indexOf('-,€'))
									myStr = myStr.slice(0,strLen-3); 
								myStr = myStr.replace( '+', ' '); 
								if(!isNaN(myStr))
									cijena_2=myStr;
								}
							if(value[0]=="godina_1")
								if(!isNaN(value[1]))
									godina_1=value[1];
							if(value[0]=="godina_2")
								if(!isNaN(value[1]))
									godina_2=value[1];
						}
					    $( ".search-form #slider" ).slider( "option", "values", [cijena_1, cijena_2] );
						$( ".search-form #slider_letnik" ).slider( "option", "values", [godina_1, godina_2] );		
						$.post('/controller/ajax_controller.php', { znamke: znamka, model: model, db:'auto'}, function(data) {
									$('.modeli').html(data);
						});	
				}
				if($.cookie('kamioni-form')){
					   var str=(decodeURIComponent($.cookie('kamioni-form')));
					   str=str.split("&");
					   var cijena_1=0;
					   var cijena_2=50000;
					   var godina_1=1980;
					   var godina_2=2011;
						var znamka="";
						var model="";
						$(".vrste-form [type='checkbox']").each(function(){
								this.checked=false;
						});
					   for(var i in str)
						{
							var value=str[i].split("=");
							 value[1] = ReplaceAll(value[1],'+', ' '); 
							$(".kamioni-form [name="+value[0]+"]" ).val(value[1]);
						
							if(value[0]=="vrsta[]"){
								$(".vrste-form [type='checkbox']").each(function(){
									if(this.value==value[1])
										this.checked=true;
									
								});
														
							}
							
							if(value[0]=="firma"){
								//	ajax request
								znamka=value[1];
							}
							if(value[0]=="model"){
								//	ajax request
								model=value[1];
							}
							if(value[0]=="cijena_1"){
								myStr=value[1];
								var strLen = myStr.length; 
								if (myStr.indexOf('-,€'))
									myStr = myStr.slice(0,strLen-3); 
								myStr = myStr.replace( '+', ' '); 
								if(!isNaN(myStr))
									cijena_1=myStr;
								}
							if(value[0]=="cijena_2"){
								myStr=value[1];
								var strLen = myStr.length; 
								if (myStr.indexOf('-,€'))
									myStr = myStr.slice(0,strLen-3); 
								myStr = myStr.replace( '+', ' '); 
								if(!isNaN(myStr))
									cijena_2=myStr;
								}
							if(value[0]=="godina_1")
								if(!isNaN(value[1]))
									godina_1=value[1];
							if(value[0]=="godina_2")
								if(!isNaN(value[1]))
									godina_2=value[1];
						}
					    $( ".kamioni-form #slider" ).slider( "option", "values", [cijena_1, cijena_2] );
						$( ".kamioni-form #slider_letnik" ).slider( "option", "values", [godina_1, godina_2] );		
						$.post('/controller/ajax_controller.php', { znamke: znamka, model: model}, function(data) {
									$('.modeli').html(data);
						});	
				}
				if($.cookie('radne_masine-form')){
					   var str=(decodeURIComponent($.cookie('radne_masine-form')));
					   str=str.split("&");
					   var cijena_1=0;
					   var cijena_2=50000;
					   var godina_1=1980;
					   var godina_2=2011;
						var znamka="";
						var model="";
						$(".vrste-form [type='checkbox']").each(function(){
								this.checked=false;
						});
					   for(var i in str)
						{
							var value=str[i].split("=");
							 value[1] = ReplaceAll(value[1],'+', ' '); 
							$(".radne_masine-form [name="+value[0]+"]" ).val(value[1]);
						
							if(value[0]=="vrsta[]"){
								$(".vrste-form [type='checkbox']").each(function(){
									if(this.value==value[1])
										this.checked=true;
									
								});
														
							}
							
							if(value[0]=="firma"){
								//	ajax request
								znamka=value[1];
							}
							if(value[0]=="model"){
								//	ajax request
								model=value[1];
							}
							if(value[0]=="cijena_1"){
								myStr=value[1];
								var strLen = myStr.length; 
								if (myStr.indexOf('-,€'))
									myStr = myStr.slice(0,strLen-3); 
								myStr = myStr.replace( '+', ' '); 
								if(!isNaN(myStr))
									cijena_1=myStr;
								}
							if(value[0]=="cijena_2"){
								myStr=value[1];
								var strLen = myStr.length; 
								if (myStr.indexOf('-,€'))
									myStr = myStr.slice(0,strLen-3); 
								myStr = myStr.replace( '+', ' '); 
								if(!isNaN(myStr))
									cijena_2=myStr;
								}
							if(value[0]=="godina_1")
								if(!isNaN(value[1]))
									godina_1=value[1];
							if(value[0]=="godina_2")
								if(!isNaN(value[1]))
									godina_2=value[1];
						}
					    $( ".radne_masine-form #slider" ).slider( "option", "values", [cijena_1, cijena_2] );
						$( ".radne_masine-form #slider_letnik" ).slider( "option", "values", [godina_1, godina_2] );		
						$.post('/controller/ajax_controller.php', { znamke: znamka, model: model}, function(data) {
									$('.search-form .modeli').html(data);
						});	
				}
				if($.cookie('moto-form')){
					   var str=(decodeURIComponent($.cookie('moto-form')));
					   str=str.split("&");
					   var cijena_1=0;
					   var cijena_2=50000;
					   var godina_1=1980;
					   var godina_2=2011;
						var znamka="";
						var model="";

					   for(var i in str)
						{
							var value=str[i].split("=");
							 value[1] = ReplaceAll(value[1],'+', ' '); 
							$(".moto-form [name="+value[0]+"]" ).val(value[1]);

							if(value[0]=="firma"){
								//	ajax request
								znamka=value[1];
							}
							if(value[0]=="model"){
								//	ajax request
								model=value[1];
							}
							if(value[0]=="cijena_1"){
								myStr=value[1];
								var strLen = myStr.length; 
								if (myStr.indexOf('-,€'))
									myStr = myStr.slice(0,strLen-3); 
								myStr = myStr.replace( '+', ' '); 
								if(!isNaN(myStr))
									cijena_1=myStr;
								}
							if(value[0]=="cijena_2"){
								myStr=value[1];
								var strLen = myStr.length; 
								if (myStr.indexOf('-,€'))
									myStr = myStr.slice(0,strLen-3); 
								myStr = myStr.replace( '+', ' '); 
								if(!isNaN(myStr))
									cijena_2=myStr;
								}
							if(value[0]=="godina_1")
								if(!isNaN(value[1]))
									godina_1=value[1];
							if(value[0]=="godina_2")
								if(!isNaN(value[1]))
									godina_2=value[1];
						}
					    $( ".moto-form #slider" ).slider( "option", "values", [cijena_1, cijena_2] );
						$( ".moto-form #slider_letnik" ).slider( "option", "values", [godina_1, godina_2] );		
				}
				if($.cookie('kombi-form')){
					   var str=(decodeURIComponent($.cookie('kombi-form')));
					   str=str.split("&");
					   var cijena_1=0;
					   var cijena_2=50000;
					   var godina_1=1980;
					   var godina_2=2011;
						var znamka="";
						var model="";

					   for(var i in str)
						{
							var value=str[i].split("=");
							 value[1] = ReplaceAll(value[1],'+', ' '); 
							$(".kombi-form [name="+value[0]+"]" ).val(value[1]);

							if(value[0]=="firma"){
								//	ajax request
								znamka=value[1];
							}
							if(value[0]=="model"){
								//	ajax request
								model=value[1];
							}
							if(value[0]=="cijena_1"){
								myStr=value[1];
								var strLen = myStr.length; 
								if (myStr.indexOf('-,€'))
									myStr = myStr.slice(0,strLen-3); 
								myStr = myStr.replace( '+', ' '); 
								if(!isNaN(myStr))
									cijena_1=myStr;
								}
							if(value[0]=="cijena_2"){
								myStr=value[1];
								var strLen = myStr.length; 
								if (myStr.indexOf('-,€'))
									myStr = myStr.slice(0,strLen-3); 
								myStr = myStr.replace( '+', ' '); 
								if(!isNaN(myStr))
									cijena_2=myStr;
								}
							if(value[0]=="godina_1")
								if(!isNaN(value[1]))
									godina_1=value[1];
							if(value[0]=="godina_2")
								if(!isNaN(value[1]))
									godina_2=value[1];
						}
					    $( ".kombi-form #slider" ).slider( "option", "values", [cijena_1, cijena_2] );
						$( ".kombi-form #slider_letnik" ).slider( "option", "values", [godina_1, godina_2] );	
						$.post('/controller/ajax_controller.php', { znamke: znamka, model: model, db:'kombi'}, function(data) {
									$('.kombi-form .modeli').html(data);
						});							
				}
				//////////////////////////////////////////////////////////////////
				//////////////////////////////////////////////////////////////////
				*/
				/////reset all button on search for slider values 'letnik' 'km' and select 'model'
				//////////////////////////////////////////////////////////////////
				$('input.reset.all').click(function() {
					$( "#slider" ).slider( "option", "values", [0, 50000] );
					$( "#slider_letnik" ).slider( "option", "values", [1980, 2011] );
					$('.modeli').html('<select disabled> <select>');
				});
				
				$("#oglas").hide();
				//////////////////////////////////////////////////////////////////
				//////////////////////////////////////////////////////////////////
				

	
		})

		////////////// form checkbox vrste: reset button and select all button
		function clear_form_elements(ele,all) {
			$(ele).find(':input').each(function() {
				switch(this.name) {
					case 'vrsta[]':
						this.value = 'asdas';
						if(true) this.checked = 'checked';
						else this.checked = false;
						break;

				}
			});

		}
		////////////////////////////////////////////////////////////////////////////
		
		/////////////////// helper function for checkboxes on 'search form'
		////////////////////////////////////////////////////////////////
		function ReplaceAll(Source,stringToFind,stringToReplace){
		  var temp = Source;
			var index = temp.indexOf(stringToFind);
				while(index != -1){
					temp = temp.replace(stringToFind,stringToReplace);
					index = temp.indexOf(stringToFind);
				}
			return temp;
		}
		////////////////////////////////////////////
		///////////////////////////////////////////
	
		
		
		/*
		this.imagePreview = function(){	
				
				xOffset = -20;
				yOffset = -800;
				
				// these 2 variable determine popup's distance from the cursor
				// you might want to adjust to get the right result
				
			$("div.preview").hover(function(e){
				handle=$(this);
				handle.find("div.nolink").hover(function(e){
					var realWidth = handle.find("img").attr("naturalWidth");
					
					if(handle.find("img").attr('id')=='3')
						yOffset = 0+140-realWidth ;
					if(handle.find("img").attr('id')=='2')
						yOffset = 0+350-realWidth ;
					if(handle.find("img").attr('id')=='1')
						yOffset = 0-230;
					if(handle.find("img").attr('id')=='0')
							yOffset = -30;
				
						
					this.t = this.title;
					this.title = "";	
					var c = (this.t != "") ? "<br/>" + this.t : "";
					$("body").append("<p style='max-width:800px;'id='preview'><img src='"+ handle.find("img").attr('src') +"' alt='Image preview' />"+ c +"</p>");								 
					$("#preview")
						.css("top",(e.pageY ) + "px")
						.css("left",(e.pageX ) + "px")
						.fadeIn("slow");						
				},
				function(){
				this.title = this.t;	
				$("#preview").remove();
			});
			});	
		
			
		};	 */