this.tooltip = function(){	
	/* CONFIG */		
		xOffset = 10;
		yOffset = 20;		
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result		
	/* END CONFIG */		
	$("a.tooltip").hover(function(e){										  
		$("body").append("<p id='tooltip' style='width:200px; z-index: 9999; position:absolute; padding: 8px; background:#006699; border: 1px solid white'>"+ $(this).attr('tooltip') +"</p>");
		$("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");		
    },
	function(){
		$("#tooltip").remove();
    });	
	$("a.tooltip").mousemove(function(e){
		$("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});			
};

$(document).ready(function(){
   $("#productSelect").change(function(){
     window.location.hash=this.value
   })
   /*
    $("#productSelect").change(function(){
        $('#productScroller').scrollTo(this.value);
    })
    productScroller(); 
    $(window).resize(function(){
        
        productScroller();
    });
    $(window).scroll(function(){
       		productScroller();
    })

    */
    function productScroller($a){
	if($.browser.msie){
		$('#productScroller').css({height:document.body.clientHeight - 255 + $(window).scrollTop()});
	} else {
		$('#productScroller').height(window.innerHeight-255 + $(window).scrollTop());
	}
    }
$('a[tooltip!=]').addClass("tooltip");
	tooltip();
})