// JavaScript Document
jQuery(document).ready(function(){

	jQuery(".changelog").click(function () {
		jQuery(".change").slideToggle(1000);
		jQuery(this).text(jQuery(this).text() == 'View Changelog' ? 'Hide Changelog' : 'View Changelog');
	}); 

	// Index boxes
    jQuery(function() {
        jQuery('ul.hover_block li').hover(function(){
            jQuery(this).find('img').animate({top:'180px'},{queue:false,duration:500});
        }, function(){
            jQuery(this).find('img').animate({top:'0px'},{queue:false,duration:500});
        });
    });
	
	jQuery("#desc").css({"opacity":"0.7"});
	
	jQuery("#desc").hover(
		function() {
			jQuery(this).stop().animate({
				opacity: 1.0
			});
	   	},
		function() {
			jQuery(this).stop().animate({
				opacity: 0.7
			});		
		});

	jQuery("#desc ul li a").hover(
		function() {
			jQuery(this).stop().animate({
				paddingTop: '2px'
			}, 200);
	   	},
		function() {
			jQuery(this).stop().animate({
				paddingTop: '0px'
			}, 200);		
		});				
	
	jQuery("#desc ul li a").qtip({
	   position: {
		   adjust: { x: 0, y: 12 },
		  corner: {
			 target: 'bottomMiddle',
			 tooltip: 'topMiddle'
		  }
	   },
		show: { effect: { type: 'fade', length: 100 } }	,	
		style: { 
			tip: { corner: 'topMiddle' },
			name: 'cream', 
			width: { max: 150 }, 
			textAlign: 'center', 
			border: {
				 width: 1,
				 radius: 8
      		} 
	  	}		   
	});	
	
	jQuery(".themepic a[title]").qtip({
	   position: {
		   adjust: { x: -5, y: -10 },
		  corner: {
			 target: 'topMiddle',
			 tooltip: 'bottomMiddle'
		  }
	   },
		show: { effect: { type: 'fade', length: 200 } }	,	
		style: { 
			tip: { corner: 'bottomMiddle' },
			name: 'blue', 
			textAlign: 'center', 
			border: {
				 width: 1,
				 radius: 5
      		} 
	  	}		   
	});		
	
	jQuery("#tabs-4 ul li").hover(
		function() {
			jQuery(this).stop().animate({
				paddingLeft: '16px'
			}, 300);
	   	},
		function() {
			jQuery(this).stop().animate({
				paddingLeft: '8px'
			}, 300);		
		});			
});