function getPageSize() {
			var xScroll, yScroll;
			if (window.innerHeight && window.scrollMaxY) {	
				xScroll = window.innerWidth + window.scrollMaxX;
				yScroll = window.innerHeight + window.scrollMaxY;
			} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
				xScroll = document.body.scrollWidth;
				yScroll = document.body.scrollHeight;
			} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
				xScroll = document.body.offsetWidth;
				yScroll = document.body.offsetHeight;
			}
			var windowWidth, windowHeight;
			if (self.innerHeight) {	// all except Explorer
				if(document.documentElement.clientWidth){
					windowWidth = document.documentElement.clientWidth; 
				} else {
					windowWidth = self.innerWidth;
				}
				windowHeight = self.innerHeight;
			} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
				windowWidth = document.documentElement.clientWidth;
				windowHeight = document.documentElement.clientHeight;
			} else if (document.body) { // other Explorers
				windowWidth = document.body.clientWidth;
				windowHeight = document.body.clientHeight;
			}	
			// for small pages with total height less then height of the viewport
			if(yScroll < windowHeight){
				pageHeight = windowHeight;
			} else { 
				pageHeight = yScroll;
			}
			// for small pages with total width less then width of the viewport
			if(xScroll < windowWidth){	
				pageWidth = xScroll;		
			} else {
				pageWidth = windowWidth;
			}
			arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight);
			return arrayPageSize;
		};

		function getPageScroll() {
			var xScroll, yScroll;
			if (self.pageYOffset) {
				yScroll = self.pageYOffset;
				xScroll = self.pageXOffset;
			} else if (document.documentElement && document.documentElement.scrollTop) {	 // Explorer 6 Strict
				yScroll = document.documentElement.scrollTop;
				xScroll = document.documentElement.scrollLeft;
			} else if (document.body) {// all other Explorers
				yScroll = document.body.scrollTop;
				xScroll = document.body.scrollLeft;	
			}
			arrayPageScroll = new Array(xScroll,yScroll);
			return arrayPageScroll;
		};

this.tooltip = function(){	

		mainvar = 0;	
		xOffset = 500;
		yOffset = 50;		
		xscroll = 0;
		yscroll = 0;
		pageheight = parseFloat(getPageSize(['pageHeight']));
		pagewidth = parseFloat(getPageSize(['pageWidth']));
		windowwidth = parseFloat(getPageSize(['windowWidth']));
		windowheight = parseFloat(getPageSize(['windowHeight']));

		jQuery("a.tooltip").hover(function(e){											  
	
								
		
	
		this.rel = this.rel;
		mainvar = e.pageY;
  
		jQuery("body").append("<div id='tooltip'><img src='"+ this.rel +"' alt='tooltip img'/</p></div>");
		jQuery("#tooltip").css("top",(mainvar - 402) + "px").css("left",(windowwidth) + "px").fadeIn("fast").css("Opacity","5");	
	

    },function(){
		jQuery("#tooltip").remove();
    });	
	jQuery("a.tooltip").mousemove(function(e){
	ysscroll = getPageScroll(['yScroll']);
	//alert(ysscroll);
		    jQuery("#tooltip")
			.css("top",(mainvar - 402) + "px")
			.css("left",(pagewidth/3)  + "px");


	});			
};



// starting the script on page load
jQuery(document).ready(function(){

	tooltip();
	jQuery("#tooltip").css('opacity','0.5');
});