// JavaScript Documents
$(document).ready(function() {
	$("#browsable").scrollable({size:1,loop:true}).autoscroll({autoplay:true,interval:4000}).navigator();
        $(".scro2 ul").tabs("#loimg > div", {effect: 'fade',fadeOutSpeed: "slow",rotate: true}).slideshow({autoplay:true});
	$("#chained").scrollable({size:3,items:"#chained ul",loop:true}).autoscroll({ autoplay: true,interval:4000 }).navigator({navi:".nv",naviItem:"dd",activeClass:"active"});
	$("#demo2").scrollable({size:2,items:"#demo2 ul",loop:true,prev:".lt",next:".rt"}).autoscroll({ autoplay: true,interval:4000 });
	$(".src2 .src3").scrollable({size:5,items:".src2 .src3 ul",loop:true,prev:".lt",next:".nt"}).autoscroll({ autoplay: true,interval:4000 });
	$(".src4 .src5").scrollable({size:4,items:".src4 .src5 ul",loop:true,prev:".rt",next:".ct"}).autoscroll({ autoplay: true,interval:4000 });
	$(".src6 .src7").scrollable({size:1,items:".src6 .src7 ul",loop:true,prev:".al",next:".af"}).autoscroll({ autoplay: true,interval:4000 });
	$(".src8 .src9").scrollable({size:1,items:".src8 .src9 ul",loop:true,prev:".bl",next:".bf"}).autoscroll({ autoplay: true,interval:4000 });
	$(".scro1 .scro2").scrollable({size:4,items:".scro1 .scro2 ul",loop:true,prev:".ll",next:".rr"}).autoscroll({ autoplay: true,interval:4000 });
	$(".p2 .scrl").scrollable({size:1,items:".p2 .scrl ul",loop:true,vertical:true}).autoscroll({ autoplay: true,interval:4000 });

    $("a.al,a.af").click(function(){return false});
	$("a.bl,a.bf").click(function(){return false});

	vertical:true, 
	
	$(".hotting .tog").scrollable({size:4,items:".hotting .tog ul",loop:true,prev:".gg",next:".bg"}).autoscroll({ autoplay: true,interval:4000 });
});
$(document).ready(function(){
						   $(".latest").fadeTo("slow", 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads
						   $(".latest").hover(function(){
						   $(this).fadeTo("slow", 0.3); // This should set the opacity to 100% on hover
						   },function(){
						   $(this).fadeTo("slow", 1.0); // This should set the opacity back to 30% on mouseout
						   });
						   });
						   
$(document).ready(function(){
						   $(".latest_img").fadeTo("slow", 0.3); // This sets the opacity of the thumbs to fade down to 30% when the page loads
						   $(".latest_img").hover(function(){
						   $(this).fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
						   },function(){
						   $(this).fadeTo("slow", 0.3); // This should set the opacity back to 30% on mouseout
						   });
						   });