
function inittooltips(){
	// Qtip tooltip
	jQuery.fn.qtip.styles.mystyle = { // Last part is the name of the style
			   width: 200,
			   background: '#EAF8FE',
			   color: '#444444',
			   textAlign: 'center',
			   'font-size': 12,
			   'opacity':'0.9',
			   border: {
			      width: 1,
			      radius: 1,
			      color: '#666666'
			   },
			   tip: { // Now an object instead of a string
			         color: '#666666',
			         size: {
			            x: 6, // Be careful that the x and y values refer to coordinates on screen, not height or width.
			            y : 10 // Depending on which corner your tooltip is at, x and y could mean either height or width!
			         }
		         },
			   name: 'dark' // Inherit the rest of the attributes from the preset dark style
			};

	// tooltips du bloc recherche
	jQuery('#recherche-div').find('a[title]').qtip({
		position: { corner: { target: 'bottomMiddle',tooltip: 'topRight' }},
		style: { name: 'mystyle', tip: true },
		show: 'mouseover',
		hide: {when:'mouseout'}});

	// tooltips du formulaire de recherche
	jQuery('#recherche-div').find('input[title], select[title]').qtip({
		position: { corner: { target: 'leftMiddle',tooltip: 'rightMiddle' }},
		style: { name: 'mystyle', tip: true },
		show: 'focus',
		hide: {when:'blur'}});
	
	// tooltips du formulaire de recherche
	jQuery('#ouvrir-aide, #fermer-aide').qtip({
		position: { corner: { target: 'leftMiddle',tooltip: 'rightMiddle' }},
		style: { name: 'mystyle', tip: true },
		show: 'mouseover',
		hide: {when:'mouseout'}});
	
}

function inscriptionTip(url, inscription){
// helptip d'aide inscription
var helptip = 'inscription';
jQuery(this).oneTime(5000, function(){
	jQuery('#page').qtip({
           content: '<img onclick ="javascript:jQuery(this).parent().parent().parent().parent().hide();jQuery.post(\''+url+'/ajax/tooltip\', {helptip: \''+helptip+'\'});" style="position:absolute; top:10px;right:10px;" src="'+url+'/images/helptips/icone_fermer.png"></img><h3>Inscrivez vous!</h3><img width="282" style="border:solid 1px #666666;" src="'+url+'/images/helptips/inscription.jpg"/><p style="padding:5px;">Vous inscrire vous donnera la possibilité d\'accéder à de nombreuses fonctionnalités, comme la sauvegarde de recherche, le système de panier et de corbeille. Vous pourrez aussi personnaliser l\'ordre des blocs \"Recherche\", \"Nouveautés\", et \"Mon projet\" situés en droite de page.</p><a href='+inscription+'>S\'inscrire - </a><a onclick ="javascript:jQuery(this).parent().parent().parent().parent().hide();jQuery.post(\''+url+'/ajax/tooltip\', {helptip: \''+helptip+'\'});">Fermer</a>',
           position: {
				corner: { target: 'topRight',tooltip: 'topRight' },
				type:'fixed',
				adjust:{y:50, x:-25}},
           show: {
              when: false, // Don't specify a show event
              ready: true // Show the tooltip when ready
           },
           hide: { delay: 20000 },
           style: {
    		  border: {
     		      width: 5,
     		      radius: 5,
     		      color: '#666666'
 		   },
              padding:2,
              width:298,
              opacity:1,
              'background-color': '#F2F3F3',
              name: 'mystyle'
              //tip: true
           }
    });
	});
		
}

function listingTip(url){
	// helptip d'aide listing
	var helptip = 'listing';
	jQuery(this).oneTime(20000, function(){
		jQuery('#page').qtip({
	           content: '<img onclick ="javascript:jQuery(this).parent().parent().parent().parent().hide();jQuery.post(\''+url+'/ajax/tooltip\', {helptip: \''+helptip+'\'});" style="position:absolute; top:10px;right:10px;" src="'+url+'/images/helptips/icone_fermer.png"></img><h3>Le saviez vous?</h3><img width="400" style="border:solid 1px #666666;" src="'+url+'/images/helptips/listing.jpg"/><p style="padding:5px;"><p>Vous pouvez interchanger les éléments du listing en cliquant dessus et en les faisant glisser. Dans "nos ventes", "nos locations", ainsi que dans les résultats de recherche. Vous pourrez ainsi mettre plusieurs biens dans l\'ordre souhaité pour pouvoir les comparer.</p><a onclick ="javascript:jQuery(this).parent().parent().parent().parent().hide();jQuery.post(\''+url+'/ajax/tooltip\', {helptip: \''+helptip+'\'});">Fermer</a>',
	           position: {
					corner: { target: 'topLeft',tooltip: 'topLeft' },
					type:'fixed',
					adjust:{y:50, x:-25}},
	           show: {
	              when: false, // Don't specify a show event
	              ready: true // Show the tooltip when ready
	           },
	           hide: { delay: 20000 },
	           style: {
	    		  border: {
	     		      width: 5,
	     		      radius: 5,
	     		      color: '#666666'
	 		   },
	              padding:2,
	              width:416,
	              opacity:1,
	              'background-color': '#F2F3F3',
	              name: 'mystyle'
	              //tip: true
	           }
	    });
	});
	}

function nouveautesTip(url){
	// helptip d'aide listing
		jQuery('#nouveautes').qtip({
	           content: '<h3>Le saviez vous?</h3><img width="351" style="border:solid 1px #666666;" src="'+url+'/images/helptips/nouveautes.jpg"/><p style="padding:5px;"><p>Vous pouvez cliquer sur le nom de la ville (en blanc) dans "Nos nouveautés" afin d\'accéder à la fiche détaillée du bien.</p>',
	           position: {
					corner: { target: 'topLeft',tooltip: 'topLeft' },
					adjust:{y:-150, x:-450}},
	           show: {
	              when: {event: 'mouseover'}, delay: 1000 // Don't specify a show event
	           },
	           hide: {event: 'mouseout'},
	           style: {
	    		  border: {
	     		      width: 5,
	     		      radius: 5,
	     		      color: '#666666'
	 		   },
	              padding:2,
	              width:416,
	              opacity:1,
	              'background-color': '#F2F3F3',
	              name: 'mystyle'
	              //tip: true
	           }
	    });
	}

function moveelementsTip(url){
	// helptip d'aide listing
	var helptip = 'moveelement';
	jQuery(this).oneTime(11000, function(){
		if(!document.getElementById('qtip-22') && !document.getElementById('qtip-21')){

		jQuery('#page').qtip({
	           content: '<img onclick ="javascript:jQuery(this).parent().parent().parent().parent().hide();jQuery.post(\''+url+'/ajax/tooltip\', {helptip: \''+helptip+'\'});" style="position:absolute; top:10px;right:10px;" src="'+url+'/images/helptips/icone_fermer.png"></img><h3>Le saviez vous?</h3><img width="400" style="border:solid 1px #666666;" src="'+url+'/images/helptips/moveelements.jpg"/><p style="padding:5px;"><p>Vous pouvez changer de place les éléments "recherche", "mon projet", "nos nouveautés" situés à droite de la page, en maintenant le click dessus, et en les déplaçant en haut ou en bas. Si vous êtes inscrit et connecté à votre compte "Mon projet", ils seront meme sauvegardés automatiquement.</p><a onclick ="javascript:jQuery(this).parent().parent().parent().parent().hide();jQuery.post(\''+url+'/ajax/tooltip\', {helptip: \''+helptip+'\'});">Fermer</a>',
	           position: {
					corner: { target: 'topLeft',tooltip: 'topLeft' },
					type:'fixed',
					adjust:{y:50, x:-25}},
	           show: {
	              when: false, // Don't specify a show event
	              ready: true // Show the tooltip when ready
	           },
	           hide: { delay: 20000 },
	           style: {
	    		  border: {
	     		      width: 5,
	     		      radius: 5,
	     		      color: '#666666'
	 		   },
	              padding:2,
	              width:416,
	              opacity:1,
	              'background-color': '#F2F3F3',
	              name: 'mystyle'
	              //tip: true
	           }
	    });
		}});
	}

function confirmationTip(url){
	// helptip d'aide listing
	var helptip = 'listing';
		jQuery('#page').qtip({
	           content: '<h3>Confirmer la suppression?</h3><a href="'+url+'">oui </a><a onclick ="javascript:jQuery(this).parent().parent().parent().parent().hide();"> non</a>',
	           position: {
					corner: { target: 'topMiddle',tooltip: 'center' },
					type:'fixed',
					adjust:{y:300, x:0}},
	           show: {
	              when: false, // Don't specify a show event
	              ready: true // Show the tooltip when ready
	           },
	           hide: { delay: 20000 },
	           style: {
	    		  border: {
	     		      width: 5,
	     		      radius: 5,
	     		      color: '#666666'
	 		   },
	              padding:2,
	              width:416,
	              opacity:1,
	              'background-color': '#F2F3F3',
	              name: 'mystyle',
	              tip: false
	           }
	    });
	}

function confirmationResetnews(url){
	// Retablir bloc nouveaute par defaut
	var helptip = 'listing';
		jQuery('#page').qtip({
	           content: '<h3>Rétablir affichage par défaut du bloc nouveautés</h3><a href="'+url+'">oui </a><a onclick ="javascript:jQuery(this).parent().parent().parent().parent().hide();"> non</a>',
	           position: {
					corner: { target: 'topMiddle',tooltip: 'center' },
					type:'fixed',
					adjust:{y:300, x:0}},
	           show: {
	              when: false, // Don't specify a show event
	              ready: true // Show the tooltip when ready
	           },
	           hide: { delay: 20000 },
	           style: {
	    		  border: {
	     		      width: 5,
	     		      radius: 5,
	     		      color: '#666666'
	 		   },
	              padding:2,
	              width:416,
	              opacity:1,
	              'background-color': '#F2F3F3',
	              name: 'mystyle',
	              tip: false
	           }
	    });
	}

