$(document).ready(function()
{
   $('a[rel="modal"]:first').qtip(
   {
      content: {
         title: {
            text: '<small>Subscribe to RSS feed via Email</small>',
            button: '<div style="color:#0299c5;font-size:10px;">Close</div>'
         },
url: '<?php bloginfo('stylesheet_directory'); ?>/subscribe.html'
      },
      position: {
         target: $(document.body),
         corner: 'center'
      },
      show: {
         when: 'click',
         solo: true
      },
      hide: false,
      style: {
         width: { max: 350 },
         padding: '14px',
         border: {
            width: 9,
            radius: 9,
            color: '#666666'
         },
         name: 'light'
      },
      api: {
         beforeShow: function()
         {
            $('#qtip-blanket').fadeIn(this.options.show.effect.length);
         },
         beforeHide: function()
         {
            $('#qtip-blanket').fadeOut(this.options.hide.effect.length);
         }
      }
   });
   $('<div id="qtip-blanket">')
      .css({
         position: 'absolute',
         top: $(document).scrollTop(),
         left: 0,
         height: $(document).height(),
         width: '100%',
         opacity: 0.7,
         backgroundColor: 'black',
         zIndex: 5000
      })
      .appendTo(document.body)
      .hide();
});
$(document).ready(function() 
{
      $('.twitter').qtip(
   {
      content: '<div style="font-size: 10px;">Follow us on Twitter</div>',
	  style: { 
	  border: {
             width: 5,
             radius: 8
   },
			 padding: 10, 
             textAlign: 'center',
             tip: true,
             name: 'dark'
   },
      position: {
	  adjust: { x: 0, y: -3 },
      corner: {
             target: 'topMiddle',
             tooltip: 'bottomMiddle'
   }
   }
   });
   $('.rss').qtip(
   {
      content: '<div style="font-size: 10px;">Subscribe to RSS Feed in Reader</div>',
	  style: { 
	  border: {
             width: 5,
             radius: 8
   },
			 padding: 10, 
             textAlign: 'center',
             tip: true,
             name: 'dark'
   },
      position: {
	  adjust: { x: 0, y: -3 },
      corner: {
             target: 'topMiddle',
             tooltip: 'bottomMiddle'
   }
   }
   });
      $('.rssemail').qtip(
   {
      content: '<div style="font-size: 10px;">Subscribe to RSS Feed via Email</div>',
	  style: { 
	  border: {
             width: 5,
             radius: 8
   },
			 padding: 10, 
             textAlign: 'center',
             tip: true,
             name: 'dark'
   },
      position: {
	  adjust: { x: 0, y: -3 },
      corner: {
             target: 'topMiddle',
             tooltip: 'bottomMiddle'
   }
   }
   });
         $('.rssemailform').qtip(
   {
      content: '<div style="font-size: 10px;">Hey there, looks like you are interested in receiving Blog updates via email, Great! Enter your Email address below and subscribe. We won\'t spam you. Promise!</div>',
	  style: { 
	  border: {
             width: 5,
             radius: 8
   },
			 padding: 10, 
             textAlign: 'center',
             tip: true,
             name: 'dark'
   },
      position: {
	  adjust: { x: 0, y: -3 },
      corner: {
             target: 'topMiddle',
             tooltip: 'bottomMiddle'
   }
   }
   });
         $('.facebook').qtip(
   {
      content: '<div style="font-size: 10px;">Get updated via Facebook</div>',
	  style: { 
	  border: {
             width: 5,
             radius: 8
   },
			 padding: 10, 
             textAlign: 'center',
             tip: true,
             name: 'dark'
   },
      position: {
	  adjust: { x: 0, y: -3 },
      corner: {
             target: 'topMiddle',
             tooltip: 'bottomMiddle'
   }
   }
   });
});
