// Create the tooltips only when document ready
$(document).ready(function()
{
   // Use the each() method to gain access to each elements attributes
   $('.qtip').each(function()
   {
      $(this).qtip(
      {
        show: {
            delay:0
            
        },
		
		beforeHide:function(){
			return false
		},

        title: "TITLE",
        content: $(this).attr('title'), // Use the ALT attribute of the area map

         style:{
             name: "cream"
         },
            
           position: {
              corner: {
                 target: 'bottomMiddle',
                 tooltip: 'topMiddle'
              }
           }

         
      });
	$(this).attr('title','');
   });
   
   
   $(".switch_hide").click(function(){
		$("."+$(this).attr('rel')).toggleClass('hide');

		return false;
   })
   
   
});

