// JavaScript Document

$(document).ready(function() {

		$(".clickTip span").css("opacity","0");
		// on mouse over
		$(".clickTip span").hover(function () {
			// animate opacity to full
			$(this).stop().animate({
				opacity: 1
			}, '1000');
		},
		// on mouse out
		function () {
			// animate opacity to nill
			$(this).stop().animate({
				opacity: 0
			}, '1000');
		});

		$('a.clickTip').aToolTip({
		    		clickIt: true,
		    		tipContent: '<div class="social"><ul><li><a><img src="images/soc1.png" width="32" height="32" alt="GMail" /></a><span>akshay.226@gmail.com</span></li><li><a><img src="images/soc2.png" width="32" height="32" alt="MSN" /></a><span>akshay.226@hotmail.com</span></li><li><a><img src="images/soc3.png" width="32" height="32" alt="Yahoo" /></a><span>akshay_hg@yahoo.com</span></li><li><a><img src="images/soc7.png" width="32" height="32" alt="Skype" /></a><span>akshay.226</span></li><li><a href="http://www.facebook.com/akshayghate" target="_blank"><img src="images/soc4.png" width="32" height="32" alt="Facebook" /></a><span>Facebook</span></li><li><a href="http://twitter.com/akshayg" target="_blank"><img src="images/soc5.png" width="32" height="32" alt="Twitter" /></a><span>Twitter</span></li><li><a href="http://www.myspace.com/akshayghate" target="_blank"><img src="images/soc6.png" width="32" height="32" alt="MySpace" /></a><span>Myspace</span></li></ul></div>'
				});
		var opacity = 1.0, toOpacity = 0.6, duration = 400;
			//set opacity ASAP and events
				$('.opacity').css('opacity',opacity).hover(function() {
						$(this).fadeTo(duration,toOpacity);
					}, function() {
						$(this).fadeTo(duration,opacity);
					}
		);
		$('#menu').autosprites({
			offset: '90px',
			activeState: true,
			activeSprites: true
	});
		$('#flinks a').hover(function() { //mouse in//
			$(this).animate({ paddingLeft: '+=20' }, 400);
				}, function() { //mouse out//
			$(this).animate({ paddingLeft: '-=20' }, 400);
		});
		$('#flinks2 a').hover(function() { //mouse in//
			$(this).animate({ paddingLeft: '+=20' }, 400);
				}, function() { //mouse out//
			$(this).animate({ paddingLeft: '-=20' }, 400);
		});
		
});