// JavaScript Document
/***********
SELEZIONA REGALI
************/
jQuery(document).ready(function() {
	jQuery('#regali-ricevuti h1.dog a').click(function(){
					var NomePet = jQuery("#my-name").children('h1').text();
					modalRegali('dog', NomePet);
					/*textReplacement(jQuery('#dialog-dog textarea'));*/
					jQuery('#dialog-dog').dialog('open');
					carouselRegali();
					return false;
				});
   jQuery('#regali-ricevuti h1.cat a').click(function(){
					var NomePet = jQuery("#my-name").children('h1').text();
					modalRegali('cat', NomePet);
					/*textReplacement(jQuery('#dialog-cat textarea'));*/
					jQuery('#dialog-cat').dialog('open');
					carouselRegali();
					return false;
				});
   jQuery('#regali-ricevuti h1.dog').siblings('ul').children('li').children('a').click(function(){
					var NomePet = jQuery("#my-name").children('h1').text();
					var RegaloScelto = jQuery(this).children('img').attr('title');
					modalRegali('dog', NomePet, RegaloScelto);
					/*textReplacement(jQuery('#dialog-dog textarea'));*/
					jQuery('#dialog-dog').dialog('open');
					carouselRegali();
					return false;
				});
     jQuery('#regali-ricevuti h1.cat').siblings('ul').children('li').children('a').click(function(){
					var NomePet = jQuery("#my-name").children('h1').text();
					var RegaloScelto = jQuery(this).children('img').attr('title');
					modalRegali('cat', NomePet, RegaloScelto);
					/*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, regalo){

		jQuery('#dialog-'+specie).dialog({
					autoOpen: false,
					draggable: false,
					modal: true,
					bgiframe: true,
					width: 520,
					title: '<div class="regalo-modal-title"><h1 class="regalo-modal">Fai un regalo a<br /> '+pet+'!</h1><p>&nbsp;</p></div>',
					open: function () { 
							jQuery('.ui-dialog-titlebar-close').css('display','none'); 
						  }
							 }).parents('.ui-dialog:eq(0)').wrap('<div class="regali"></div>'); 
		
				 if(regalo!=undefined){
					 jQuery('#dialog-'+specie+' img[title="'+regalo+'"]').parent('li').children('input').attr("checked", true);
					 jQuery('#dialog-'+specie+' img[title="'+regalo+'"]').parent('li').addClass('sel');
					 jQuery('#dialog-'+specie+' img[title="'+regalo+'"]').parent('li').removeClass('non-sel');
					 jQuery('#dialog-'+specie+' img[title="'+regalo+'"]').parent('li').siblings('li').addClass('non-sel').removeClass('sel');
					 jQuery('#dialog-'+specie+' img[title="'+regalo+'"]').parent('li').siblings('li').children('input').attr("checked", false);
					 jQuery('span.regalo-scelto').empty().append(regalo);
				 }
				 else{
					 jQuery('span.regalo-scelto').empty().append("Scegli un regalo");
					 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('input.invia-regalo').click(function(){
						var regaloScelto = jQuery('input.regalo-name:checked').attr('value');
							
							var messaggio = jQuery('textarea[name="messaggio"]').attr('value'); 
							var idPet = jQuery('input[name="pet"]').attr('value');
 
							jQuery.ajax({
								type: "POST",
								url: "my_pet_regali_inserisci.php",
								data: "pet="+ idPet +"&nomecampo="+ regaloScelto +"&messaggio="+ messaggio,
								error: function(){
									jQuery('#dialog-'+specie).empty().append('<p>Errore di connessione. <br /> <br /><input type="reset" value="chiudi" class="pulsante cancella-regalo" /> </p>');
									jQuery('input.cancella-regalo').click(function(){
										ReloadPage()
									});
								},
								success:  function(html){
									jQuery('#dialog-'+specie).empty().append('<form><p>'+html+'  <br /><br /> <input type="reset" value="chiudi" class="pulsante cancella-regalo" /> </p></form>');
									jQuery('input.cancella-regalo').click(function(){
										ReloadPage()
									});
											}
							});												 
					return false
				 });
				jQuery('input.cancella-regalo').click(function(){
							selRegali();
							jQuery('#dialog-'+specie).dialog("close");
							jQuery('#dialog-'+specie).dialog('destroy');
							return false
							});
		
	}
	
	
	function ReloadPage(){
		location.reload(); 
		}