var question_label = "<b>Záloha za odpoveď:</b> ";
var question_label_length = question_label.length;
  
function showFeedbacks()
{
  var ran = Math.round(Math.random() * 3);
  $('#feedback' + ran).show();  
} 
function validateEmail(id)  
{  
  var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+.[a-zA-Z]{2,4}$/;  
  return emailPattern.test(id);  
}    
function getPayPalCode(hash, email, time)
{
  var pay_now_code = '<form action="https://www.paypal.com/cgi-bin/webscr" method="post">' +
    '<input type="hidden" name="cmd" value="_s-xclick">' +
    '<input type="hidden" name="return" value="http://www.opytajsa.sk/thank-you?hash=' + hash + '&email=' + email + '&time=' + time + '">' +
    '<input type="hidden" name="cancel_return" value="http://www.opytajsa.sk/cancelled?hash=' + hash + '&email=' + email + '&time=' + time + '">' +
    '<input type="hidden" name="hosted_button_id" value="11348171">' +
    '<input type="image" src="http://www.opytajsa.sk/images/btn_paynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">' +
    '<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">' +
    '</form>';
  return pay_now_code; 
}

function getCurrentStartPrice()
{
  var string = 5 + " €"; //$('#question_info').html().substr(question_label_length, $('#question_info').html().length - (question_label_length));
  return string;  
}

function hookTolltips()
{
	var price4msg = "<div style=\"width: 200px; \">4 €: Vhodné pre bežné otázky a problémy, na ktoré zvyčajne odpovedáme do 60 minút. Závisí od typu otázky. ";
	price4msg += "<br />Zaplatíte zálohu a euro Vám vrátime.";
	$("#price4").tooltip({ 
		bodyHandler: function() { 
			return price4msg; 
		}, 
		showURL: false 
	});	
	var price8msg = "<div style=\"width: 220px; \">8 €: Vhodné pre otázky, ktoré dokážeme vyriešiť približne do troch hodin.";
	$("#price8").tooltip({ 
		bodyHandler: function() { 
			return price8msg; 
		}, 
		showURL: false 
	});	
	var price25msg = "<div style=\"width: 200px; \">25 €: Vhodné pre náročnejšie otázky, kde požadujete komplexné riešenie. " +
    "<br />Vypracovanie odpovede nám zaberie viac času.</div>";
	$("#price25").tooltip({ 
		bodyHandler: function() { 
			return price25msg; 
		}, 
		showURL: false 
	});	  	
	var max_price_label = "<div style=\"width: 200px; \">Stanovte si najvyššiu sumu, ktorú ste ochotný za otázku zaplatiť.<br />Platíte iba za odpoveď, ktorá Vám pomôže!</div>";
	$("#max_price_label").tooltip({ 
		bodyHandler: function() { 
			return max_price_label; 
		}, 
		showURL: false 
	});	  		
	var price100msg = "<div style=\"width: 200px; \">Bez finančného a časového obmedzenia. </div>";
	$("#price100").tooltip({ 
		bodyHandler: function() { 
			return price100msg; 
		}, 
		showURL: false 
	});	 	
}
$(document).ready(function () {
  $('#feedback0').hide();  
  $('#feedback1').hide();
  $('#feedback2').hide();
  $('#feedback3').hide();
  $('#question_wrapper').corner(); 
  $('#email_wrapper').corner(); 
  $('#money_wrapper').corner(); 
  $('.feedback').corner(); 							 							 
  $('.expertbox_inner').corner("round 8px").parent().css('padding', '2px').corner("round 10px");  
  showFeedbacks();
  hookTolltips();  
  $('#email').focus();
  /*$("#slider").easySlider({
			prevText: '' ,
			nextText: '',
			orientation:'horizontal',
			auto:true,
			continuous: true,
			speed: 2000,
			pause: 3000
	});*/   
  $("#send").click(function () {
    if (!$("#question").val() || !$("#email").val() || !validateEmail($('#email').val()))
    {
      var text = "<div id='dialog'>Zadajte prosím vašu e-mailovú adresu a vašu otázku.</div>";
      if (!validateEmail($('#email').val()) && !$("#question").val())
      {
        text = "<div id='dialog'>Zadajte prosím vašu e-mailovú adresu a vašu otázku.</div>"; 
      } else if (!validateEmail($('#email').val()))
      {
        text = "<div id='dialog'>Zadaná e-mailovú adresa je nesprávna!</div>";        
      }
      $(text).dialog(
      { 
        height: 200, 
        width: 320, 
        title: "Nezabudli ste niečo?", 
        buttons: { 
          "OK": function() { 
            $(this).remove(); 
            if (!$('#email').val() || !validateEmail($('#email').val()))
            {
              $('#email').focus();              
            } else {
              $("#question").focus()        
            }            
          } 
        }, 
        resizable: false,
        modal: true,
        bgiframe: true
      }).bind('dialogclose', function(event) {
            if (!$('#email').val() || !validateEmail($('#email').val()))
            {
              $('#email').focus();              
            } else {
              $("#question").focus()        
            }
       });                  
      return;      
    }
    $.post("index.php", {
      question:  $("#question").val(), 
      email: $("#email").val(), 
      maxprice:  $("input[name='maxprice']:checked").val()}, 
      function (data) {
        data = eval('(' + data + ')');    
        var hash = data.hash;
        var startprice = getCurrentStartPrice();
        startprice = $.trim(startprice);
        var paypalcode = getPayPalCode(hash, data.email, data.time);        
        $("<center><p>Kliknutím na nasledujúce tlačidlo zaplaťte prosím zálohu " + startprice + ". Budete presmerovaní na stránku PayPal. " +
          "Ak účet v PayPal nemáte, môžete zaplatiť <span style=\"color: #E78F08; \">kreditnou kartou (napríklad VISA)</span>.</p>" + paypalcode + "" +
          "<p>Pamätajte, ak nenájdeme požadované riešenie (vzhľadom na nastavenú max. prijateľnú cenu " + $("input[name='maxprice']:checked").val() + " €), " +
          "<span style=\"color: #E78F08; \">vrátime vám celú zálohu (" + startprice + ")</span>!" +
          "<p style=\"font-size: 12px; \">Po prijatí platby, začneme okamžite s riešením problému. Odpovieme za pár hodín alebo minút!</p>" +
          "<p style=\"font-size: 13px; \">Viac informácií nájdete na stránke <a href='/how-it-works' target='_blank'>" +
          "<span style=\"color: #E78F08; \"><b>Ako to funguje</b></span></a></p></center>"
          ).dialog({
    			bgiframe: true,
    			height: 434,//515,
    			width: 641,//445,
    			modal: true,
    			title: "Zaplaťte prosím zálohu 5 €",
    			buttons: { "Naspäť": function() { $(this).dialog("close"); } },
    			resizable: true			
    	  });
		  });
    });
});