$(document).ready(function(){
		
		
		//Navigation hover
		$('#nav li').hover(
			function() { $('ul', this).css('display', 'block'); },
			function() { $('ul', this).css('display', 'none'); });
		
		//**************************************
		
		
	
		//Narudzba za servis
		function disableAll() {
			
			$('.block1').css({'background' : '#f1f1f1 url(css/images/1.png) no-repeat', 'color' : '#999999', 'border' : '1px solid #cccccc'});	
			$('.block1_element').attr('disabled', 'disabled');
			
			$('.block2').css({'background' : '#f1f1f1 url(css/images/2.png) no-repeat', 'color' : '#999999', 'border' : '1px solid #cccccc'});	
			$('.block2_element').attr('disabled', 'disabled');
			
			$('.block3').css({'background' : '#f1f1f1 url(css/images/3.png) no-repeat', 'color' : '#999999', 'border' : '1px solid #cccccc'});	
			$('.block3_element').attr('disabled', 'disabled');
			
			$('.block4').css({'background' : '#f1f1f1 url(css/images/4.png) no-repeat', 'color' : '#999999', 'border' : '1px solid #cccccc'});	
			$('.block4_element').attr('disabled', 'disabled');
			
			$('.block5').css({'background' : '#f1f1f1 url(css/images/5.png) no-repeat', 'color' : '#999999', 'border' : '1px solid #cccccc'});	
			$('.block5_element').attr('disabled', 'disabled');
			
		}
	
		function block1_enable() {
				
			$('.block1').css({'background' : '#ffffff url(css/images/1.png) no-repeat', 'color' : '#000000', 'border' : '1px solid #999999'});
			$('.block1_element').attr('disabled', '');
			
		}
		
		function block2_enable() {
				
			$('.block2').css({'background' : '#ffffff url(css/images/2.png) no-repeat', 'color' : '#000000', 'border' : '1px solid #999999'});
			$('.block2_element').attr('disabled', '');
			
		}
		
		function block3_enable() {
				
			$('.block3').css({'background' : '#ffffff url(css/images/3.png) no-repeat', 'color' : '#000000', 'border' : '1px solid #999999'});
			$('.block3_element').attr('disabled', '');
			
		}
		
		function block4_enable() {
				
			$('.block4').css({'background' : '#ffffff url(css/images/4.png) no-repeat', 'color' : '#000000', 'border' : '1px solid #999999'});
			$('.block4_element').attr('disabled', '');
			
		}
		
		function block5_enable() {
				
			$('.block5').css({'background' : '#ffffff url(css/images/5.png) no-repeat', 'color' : '#000000', 'border' : '1px solid #999999'});
			$('.block5_element').attr('disabled', '');
			
		}
		
		disableAll();
		block1_enable();
		
		$('.submit1').click(function(){
			
			var usluga=$('.block1').find('input[name=usluga]:checked').val();
			var zamj=$('.block1').find('input[name=zamj]:checked').val();
			
			if(usluga == undefined || zamj == undefined) {
				
				alert("Za nastavak popunite sva polja");
			}
			else {
				
				disableAll();
				block2_enable();
			}
			
		})
		
		$('.submit2').click(function(){
			
			var vozilo=$('.block2').find('input[name=vozilo]:checked').val();
			var model=jQuery.trim($('.block2').find('input[name=model]').val());
			var reg=jQuery.trim($('.block2').find('input[name=registracija]').val());
			var stanje=jQuery.trim($('.block2').find('input[name=stanje]').val());
			
			if(vozilo == undefined || model == "" || reg == "" || reg == "" || stanje == "") {
				
				alert("Za nastavak popunite sva obavezna polja");
			}
			else {
				
				disableAll();
				block3_enable();
			}
			
		})
		
		$('.submit3').click(function(){
			
			var date1=$('.block3').find('input[name=date1]').val();
			var date2=$('.block3').find('input[name=date2]').val();
			
			
			if(date1 == "" || date2 == "") {
				
				alert("Za nastavak popunite sva polja");
			}
			else {
				
				disableAll();
				block4_enable();
			}
			
		})
		
		$('.submit4').click(function(){
			
			var ime=jQuery.trim($('.block4').find('input[name=ime]').val());
			var mjesto=jQuery.trim($('.block4').find('input[name=mjesto]').val());
			var postanski_broj=jQuery.trim($('.block4').find('input[name=postanski_broj]').val());
			var telefon=jQuery.trim($('.block4').find('input[name=telefon]').val());
			
			
			if(ime == "" || mjesto == "" || postanski_broj == "" || telefon == "") {
				
				alert("Za nastavak popunite sva obavezna polja");
			}
			else {
				
				disableAll();
				block5_enable();
			}
			
		})
		
		
		$('.back2').click(function(){
		
			disableAll();
			block1_enable();
		
		})
		
		$('.back3').click(function(){
		
			disableAll();
			block2_enable();
		
		})
		
		$('.back4').click(function(){
		
			disableAll();
			block3_enable();
		
		})
		
		$('.back5').click(function(){
		
			disableAll();
			block4_enable();
		
		})
		
		$('#narudzba_servis').submit(function() {
			$('.block1_element').removeAttr('disabled');
			$('.block2_element').removeAttr('disabled');
			$('.block3_element').removeAttr('disabled');
			$('.block4_element').removeAttr('disabled');
			$('.block5_element').removeAttr('disabled');
		})

		//********************************************
		
		//Probna voznja
		$('#test').submit(function() {
			var ime = jQuery.trim($('#probna_voznja').find('input[name=ime]').val());
			var telefon = jQuery.trim($('#probna_voznja').find('input[name=telefon]').val());
		
			if (ime == "" || telefon == "") {
				alert("Morate popuniti sva obavezna polja");
				return false;
			}
			
		})
		
		
		
		//*****************************
		
		
		//Kontakt
		$.ajaxSetup ({   
			cache: false  
		}); 

		$('#kontakt_form').submit(function() {
       		
          var inputs = [];
          $(':input', this).each(function() {
            inputs.push(this.name + '=' + this.value);
          })
          
		  var submitButton = $(this, "input[type='submit']");
		
		  $('#load').attr('innerHTML','');
		  $("#load").addClass('ajax-loading');
		  
          jQuery.ajax({
			scriptCharset: "utf-8" , 
            encoding:"utf-8", 		  
            data: inputs.join('&'),
            url: this.action,
            timeout: 0,
           
            success: function(r) {
			  $("#load").removeClass('ajax-loading');	
              $('#load').attr('innerHTML',r);
			  

            }
          })
         
          return false;
        })
		
		
		//Anketa
		$('#anketa').submit(function() {
       	
		  var id = $('#poll_id').val();
		  var option=$(this).find('input[name=option]:checked').val();  
         
          var inputs = "option = " + option + "&id = " + id;

		  var submitButton = $(this, "input[type='submit']");
		
		  $("#poll").attr('innerHTML','');
		  
          jQuery.ajax({
			scriptCharset: "utf-8" , 
            encoding:"utf-8", 		  
            data: inputs,
            url: this.action,
            timeout: 0,
           
            success: function(r) {
              $("#poll").attr('innerHTML',r);
			  

            }
          })
          
          return false;
        })
		
		//**********************************************
		
		
		//Newsletter
		$('#newsletter').submit(function() {
       	
		  var email = $('#email').val(); 
       
          var inputs = "email = " + email;

		  var submitButton = $(this, "input[type='submit']");
	
		  
          jQuery.ajax({
			scriptCharset: "utf-8" , 
            encoding:"utf-8", 		  
            data: inputs,
            url: this.action,
            timeout: 0,
           
            success: function(r) {
              $("#newsletter_load").attr('innerHTML',r);

            }
          }) 
          
          return false;
        })
		
		//***********************************************
		
		
		$('#slika1_mala').click(function() { 
			
			$('#slika2').css('display', 'none');
			$('#slika3').css('display', 'none');
			$('#slika1').css('display', 'block');
									
		})
		
		$('#slika2_mala').click(function() { 
			
			$('#slika1').css('display', 'none');
			$('#slika3').css('display', 'none');
			$('#slika2').css('display', 'block');
									
		})
		
		$('#slika3_mala').click(function() { 
			
			$('#slika1').css('display', 'none');
			$('#slika2').css('display', 'none');
			$('#slika3').css('display', 'block');
									
		})

});