//ON DOC READY

$(document).ready(function(){

	//TOOLTIP EFFECT FUNCTION
	
	$.tools.addTipEffect("slidedown",   
     
    // opening animation 
    function() {  
        var opacity = this.getConf().opacity; 
        this.getTip().css({opacity:0}).animate({top: '+=15', opacity:opacity}, 300).show(); 
    },  
     
    // closing animation 
    function() {         
        this.getTip().animate({top: '+=15', opacity:0}, 300, function() {  
                $(this).hide().animate({top: '+=30'}, 0); 
			}); 
		} 
	);
	
	
	
	
	$.tools.addTipEffect("slideup",   
     
    // opening animation 
    function() {  
        var opacity = this.getConf().opacity; 
        this.getTip().css({opacity:0}).animate({top: '+=15', opacity:opacity}, 300).show(); 
    },  
     
    // closing animation 
    function() {         
        this.getTip().animate({top: '+=15', opacity:0}, 200, function() {  
                $(this).hide().animate({top: '+=30'}, 0); 
			}); 
		} 
	);
	
	
	$.tools.addTipEffect("slideup2",   
     
    // opening animation 
    function() {  
        var opacity = this.getConf().opacity; 
        this.getTip().css({opacity:0}).animate({top: '-=15', opacity:opacity}, 300).show(); 
    },  
     
    // closing animation 
    function() {         
        this.getTip().animate({top: '-=15', opacity:0}, 200, function() {  
                $(this).hide().animate({top: '-=10'}, 0); 
			}); 
		} 
	);
	
	
	//TOOL TIP
	$("div.tooltip").tooltip({effect: 'slidedown'});
	$("div.tooltip2").tooltip({effect: 'slideup',  position: ['bottom', 'center']});
	$("div.tooltip2a").tooltip({effect: 'slideup',  position: ['bottom', 'center']});
	$("div.tooltip3").tooltip({effect: 'slideup2',  position: ['bottom', 'bottom']});
	
	//OVERLAY
	
	$("#3dButton[rel]").overlay(); 
	$("#seeit[rel]").overlay(); 
	

});