$(document).ready(function(){
	/*$('.ball').jrumble({
		rumbleSpeed: 100
	});*/	
	$('#moby').qtip({
		content: {
           text: 'moby.zip', 
        },
	    position: {
              my: 'top center', // Use the corner...
              at:  'bottom center',
			   adjust: {
			         y: -10,
					 x: 5
			   }
		},
		style: {
           classes: 'ui-tooltip-shadow ui-tooltip-rounded ui-tooltip-default '
        }
	});
	$('#seal').qtip({
		content: {
           text: 'seal.zip', 
        },
	    position: {
              my: 'top center', // Use the corner...
              at:  'bottom center',
			   adjust: {
			         y: -10,
					 x: 5
			   }
		},
		style: {
           classes: 'ui-tooltip-shadow ui-tooltip-rounded ui-tooltip-default '
        }
	});
	
	$('#abba').qtip({
		content: {
           text: 'abba.zip', 
        },
	    position: {
              my: 'top center', // Use the corner...
              at:  'bottom center',
			   adjust: {
			         y: -10,
					 x: 5
			   }
		},
		style: {
           classes: 'ui-tooltip-shadow ui-tooltip-rounded ui-tooltip-default '
        }
	});
	
	
	$('.ball, #main-soda').click(function(){
		
		$('#pc').toggle('slow', function(){
			$('#pc').qtip({
			            content: {
			               text: $('#data').html(), 
			               title: {
			                  text: "hello!",
			                  button: true
			               }
			            },
			            position: {
			               my: 'bottom right', // Use the corner...
			               at:  'top left',
						   adjust: {
						         x: 10
						   }
			            },
			            show: {
			               event: 'click', // Don't specify a show event...
			               ready: true // ... but show the tooltip when ready
			            },
			            hide: false, // Don't specify a hide event either!
			            style: {
			               classes: 'ui-tooltip-shadow ui-tooltip-rounded ui-tooltip-default ',
					      tip: {
					         corner: true,
					         height: 15,
							 width: 10
					      }
			            }
			         });
		});
		
		//$('.ball, #main-soda').unbind('click');
		//$('.ball, #main-soda').css('cursor', 'default');
	});
	

});