// JavaScript Document
/***********
SELEZIONA REGALI
************/
jQuery(document).ready(function() {
	jQuery('#buon-compleanno h2.dog a').click(function(){
					var NomePet = jQuery(this).parent('h2').siblings('h1').children('a').text();
					modalRegali('dog', NomePet);
					textReplacement(jQuery('#dialog-dog textarea'));
					jQuery('#dialog-dog').dialog('open');
					carouselRegali();
					return false;
				});
   jQuery('#buon-compleanno h2.cat a').click(function(){
					var NomePet = jQuery(this).parent('h2').siblings('h1').children('a').text();
					modalRegali('cat', NomePet);
					textReplacement(jQuery('#dialog-cat textarea'));
					jQuery('#dialog-cat').dialog('open');
					carouselRegali();
					return false;
				});
    selRegali('dog');
	selRegali('cat');
});


function textReplacement(textarea){
	var originalvalue = textarea.val();
    textarea.focus( function(){
        if( jQuery.trim(textarea.val()) == originalvalue ){ textarea.val(''); }
    });
    textarea.blur( function(){
        if( jQuery.trim(textarea.val()) == '' ){ textarea.val(originalvalue); }
    });
}

function carouselRegali(){
	var numeroRegaliDog = jQuery('#dialog-dog').find(' ul.list-img li').length;
	var numeroRegaliCat = jQuery('#dialog-cat').find(' ul.list-img li').length;
  	if( numeroRegaliDog > 4){
	  jQuery('#dialog-dog ul.list-img').jcarousel();
	}
	if( numeroRegaliCat > 4){
	  jQuery('#dialog-cat ul.list-img').jcarousel();
	}
	}

function selRegali(specie){
	jQuery('div#dialog-'+specie+' ul.list-img li').find('input:radio').css('display', 'none');
	jQuery('div#dialog-'+specie+' ul.list-img li').addClass('non-sel').removeClass('sel');
		jQuery('div#dialog-'+specie+' ul.list-img li').click(function(){
				 jQuery(this).children('input').attr("checked", true);
				 jQuery(this).addClass('sel');
				 jQuery(this).removeClass('non-sel');
				 jQuery(this).siblings('li').addClass('non-sel').removeClass('sel');
				 jQuery(this).siblings('li').children('input').attr("checked", false);
				 var regalo = jQuery(this).children('img').attr('alt');
				 jQuery('span.regalo-scelto').empty().append(regalo);
			});	
	
  }
 
 function modalRegali(specie, pet){
		jQuery('#dialog-'+specie).dialog({
					autoOpen: false,
					draggable: false,
					modal: true,
					bgiframe: true,
					width: 520,
					title: '<div class="regalo-modal-title"><h1 class="regalo-modal">Oggi è il compleanno di<br /> '+pet+'!</h1><p class="regalo-modal">Invia un regalo per la sua festa.</p></div>',
					buttons: {
						"Invia": function() { 
							var regaloScelto = jQuery('input:checked').attr('value');
							var messaggio = jQuery('textarea[name="messaggio"]').attr('value'); 
 
							/*jQuery.ajax({
								type: "POST",
								url: "my_pet_regali_inserisci.php",
								data: "regalo_scelto="+ regaloScelto +"&messaggio="+ messaggio,
								error: function(){
									alert('errore');
								},
								success: function(){
									alert('inviato');
								}
							});*/
							jQuery('form#submit-dialog-regali').submit();

							/*jQuery(this).dialog("close");
							jQuery(this).dialog('destroy');*/
						}, 
						"Cancella": function() { 
						    selRegali();
							jQuery(this).dialog("close");
							jQuery(this).dialog('destroy');
						} 
					}
		
		 }); 
		
	}