// JavaScript Document

$(function() {				
	$('#submit').click(function() {
		$('#preloader').append('<img src="./images/preloader.gif" alt="Obavljam..." id="loading" />');

		var ime = $('#ime').val();
		var email = $('#email').val();
		var broj = $('#broj').val();
		var poruka = $('#poruka').val();

		$.ajax({
			url: './send_contact.php',
			type: 'POST',
			data: 'ime=' + ime + '&email=' + email + '&broj=' + broj + '&poruka=' + poruka,

			success: function(result) {
			   $('#response').remove();
			   $('#preloaderText').append('<p id="response">' + result + '</p>');
			   $('#loading').fadeOut(2500, function() {
			   		$(this).remove();
			   });
			  
			} 
		});
	return false;
	});
	
	$('#ime').focus( function() {
  		$(this).val("");
	});
	$('#ime').blur( function() {
  		if( $(this).val() == "" ) $(this).val("Ime");
	});

	
	$('#email').focus( function() {
  		$(this).val("");
	});
	$('#email').blur( function() {
  		if( $(this).val() == "" ) $(this).val("E-mail");
	});
	
	$('#broj').focus( function() {
  		$(this).val("");
	});
	$('#broj').blur( function() {
  		if( $(this).val() == "" ) $(this).val("Telefon");
	});
	
	$('#poruka').focus( function() {
  		$(this).val("");
	});
	$('#poruka').blur( function() {
  		if( $(this).val() == "" ) $(this).val("Upit");
	});
	
	$('#anchorLink1').click(function() {					
		$('#karte_hr_karta').show();
	});
	
	$('#link').click(function() {					
		$('#karte_hr_karta').toggle();
		return false;
	});
		
});