jQuery (function (){
	jQuery ("ul.header-links li").hover(
      function () {
        jQuery(this).addClass("active");
      }, 
      function () {
        jQuery(this).removeClass("active");
      }
    );
	
	
	jQuery ("ul.categories li").hover(
		function () {
			jQuery(this).animate({ paddingLeft: "60px" }, 250 );
		}, 
		function () {
			jQuery(this).animate({ paddingLeft: "38px" }, 500 );
		}
	);
	
	
	jQuery ("#bollywood li, #pakistani li").hover(
		function () {
			jQuery(this).animate({ paddingLeft: "48px" }, 250 );
		}, 
		function () {
			jQuery(this).animate({ paddingLeft: "20px" }, 500 );
		}
	);
	
	
	jQuery ("ul.top_10_list_1 li:last, ul.top_10_list_2 li:last").css ("border-bottom-width", "0px");

	var tabContainers = jQuery('div#ajaxContent > ul');
	tabContainers.hide().filter(':first').fadeIn("fast");
	
	jQuery('ul#ajaxTab a').click(function () {
		tabContainers.fadeOut("fast");
		tabContainers.filter(this.hash).fadeIn("slow");
		jQuery('ul#ajaxTab a').removeClass('selected');
		jQuery(this).addClass('selected');
		return false;
	}).filter(':first').click();

	jQuery('#featured-container').serialScroll({
		target:'#featured',
		items:'li', // Selector to the items ( relative to the matched elements, '#sections' in this case )
		prev:'div.prev',// Selector to the 'prev' button (absolute!, meaning it's relative to the document)
		next:'div.next',// Selector to the 'next' button (absolute too)
		axis:'xy',// The default is 'y' scroll on both ways
		navigation:'#navigation li a',
		duration:600,// Length of the animation (if you scroll 2 axes and use queue, then each axis take half this time)
		force:true, // Force a scroll to the element specified by 'start' (some browsers don't reset on refreshes)
		onBefore:function( e, elem, $pane, $items, pos ){
			e.preventDefault();
			if( this.blur )
				this.blur();
		},
		onAfter:function( elem ){
		}
	});
	
	/*jQuery('#featured-container2').serialScroll({
		target:'#featured2',
		items:'li', // Selector to the items ( relative to the matched elements, '#sections' in this case )
		duration:3000,
		force:true,
		cycle:true,
		axis:'x',
		lazy:true,// NOTE: it's set to true, meaning you can add/remove/reorder items and the changes are taken into account.
		interval:1, // yeah! I now added auto-scrolling
		step:1 // scroll 2 news each time
	});*/
	
	/*jQuery('#featured-container2').serialScroll({
		target:'#featured2',
		items:'li', // Selector to the items ( relative to the matched elements, '#sections' in this case )
		prev:'div.prev2',// Selector to the 'prev' button (absolute!, meaning it's relative to the document)
		next:'div.next2',// Selector to the 'next' button (absolute too)
		axis:'xy',// The default is 'y' scroll on both ways
		navigation:'#navigation li a',
		duration:600,// Length of the animation (if you scroll 2 axes and use queue, then each axis take half this time)
		force:true, // Force a scroll to the element specified by 'start' (some browsers don't reset on refreshes)
		onBefore:function( e, elem, $pane, $items, pos ){
			e.preventDefault();
			if( this.blur )
				this.blur();
		},
		onAfter:function( elem ){
		}
	});*/

})

