$(document).ready(function() {
//Select all anchor tag with rel set to tooltip
	$('.views-field-field-box-content a[class!="read-more"][title!=""]').mouseover(function(e) {
		
		//Grab the title attribute's value and assign it to a variable
		var tip = $(this).attr('title');	
		//alert(tip);
		//Remove the title attribute's to avoid the native tooltip from the browser
		$(this).attr('title','');
		if( (tip!= '' )&& (typeof tip != 'undefined')) {
		//Append the tooltip template and its value
		$(this).append('<div id="tooltip"><div class="tipHeader"></div><div class="tipBody">' + tip + '</div><div class="tipFooter"></div></div>');		
		}
		
		//Set the X and Y axis of the tooltip
		//$('#tooltip').css('top', (event.pageY - 70 ) + 'px');
		//$('#tooltip').css('left', (event.pageX - 210 ) + 'px');
		$('#tooltip').fadeIn('slow');	
		
		//Show the tooltip with faceIn effect
		//('#tooltip').fadeIn('500');
		//('#tooltip').fadeTo('10',0.8);
		
	}).mousemove(function(e) {
	
		//Keep changing the X and Y axis for the tooltip, thus, the tooltip move along with the mouse
		//$('#tooltip').css('top', (event.pageY - 70 ) + 'px');
		//$('#tooltip').css('left', (event.pageX - 210 ) + 'px');
		
	}).mouseout(function() {
	
		//Put back the title attribute's value
		$(this).attr('title',$('.tipBody').html());
	
		//Remove the appended tooltip template
		$(this).children('div#tooltip').remove();
		
	});


        $('#infotooltip').mouseover(function(e) {

                //Grab the title attribute's value and assign it to a variable
                var tip = $(this).attr('title');
                //Remove the title attribute's to avoid the native tooltip from the browser
                $(this).attr('title','');
                if( (tip!= '' )&& (typeof tip != 'undefined')) {
                  //Append the tooltip template and its value
                  $(this).append('<div id="tooltip"><div class="tipHeader"></div><div class="tipBody">' + tip + '</div><div class="tipFooter"></div></div>');
                }

                $('#tooltip').fadeIn('slow');
        }).mousemove(function(e) {

        }).mouseout(function() {

                //Put back the title attribute's value
                $(this).attr('title',$('.tipBody').html());
                //Remove the appended tooltip template
                $(this).children('div#tooltip').remove();
        });

});