jQuery(document).ready(function(){


		jQuery.fn.holdup = function(duration) {
			jQuery(this).animate({ dummy: 1 }, duration);
			return this;
		};
		
		jQuery("#featured .buttons").fadeTo(0,0);
		
		jQuery.fn.buttonFadeIn = function() {
			jQuery("#featured .buttons").holdup(11000).fadeTo(1200,1);
		};

		jQuery(".widearea")
			.css("marginLeft", "0px")
			.holdup(3000)
			.animate({marginLeft: "-960px"}, 500)
			.holdup(3000)
			.animate({marginLeft: "-1920px"}, 500)
			.holdup(3000)
			.animate({marginLeft: "0px"}, 500)
			.holdup(200)
			.buttonFadeIn();


        jQuery("#button1").click(function() {
                jQuery(".widearea").animate({
                        marginLeft: "0px"
                }, 500);
        });
        jQuery("#button2").click(function() {
                jQuery(".widearea").animate({
                        marginLeft: "-960px"
                }, 500);
        });
        jQuery("#button3").click(function() {
                jQuery(".widearea").animate({
                        marginLeft: "-1920px"
                }, 500);
        });
        jQuery("#button4").click(function() {
                jQuery(".widearea").animate({
                        marginLeft: "-2880px"
                }, 500);
        });        
        jQuery("#button5").click(function() {
                jQuery(".widearea").animate({
                        marginLeft: "-3840px"
                }, 500);
        });  
        jQuery("#button6").click(function() {
                jQuery(".widearea").animate({
                        marginLeft: "-4800px"
                }, 500);
        });
        jQuery("#button7").click(function() {
                jQuery(".widearea").animate({
                        marginLeft: "-5760px"
                }, 500);
        });
        jQuery("#button8").click(function() {
                jQuery(".widearea").animate({
                        marginLeft: "-6720px"
                }, 500);
        });
        jQuery("#button9").click(function() {
                jQuery(".widearea").animate({
                        marginLeft: "-7680px"
                }, 500);
        });        
        jQuery("#button10").click(function() {
                jQuery(".widearea").animate({
                        marginLeft: "-8640px"
                }, 500);
        });          
        jQuery("#next1").click(function() {
                jQuery(".widearea").animate({
                        marginLeft: "0px"
                }, 500);
        });
        jQuery("#next2").click(function() {
                jQuery(".widearea").animate({
                        marginLeft: "-960px"
                }, 500);
        });
        jQuery("#next3").click(function() {
                jQuery(".widearea").animate({
                        marginLeft: "-1920px"
                }, 500);
        });
        jQuery("#next4").click(function() {
                jQuery(".widearea").animate({
                        marginLeft: "-2880px"
                }, 500);
        });        
        jQuery("#next5").click(function() {
                jQuery(".widearea").animate({
                        marginLeft: "-3840px"
                }, 500);
        }); 
        jQuery("#next6").click(function() {
                jQuery(".widearea").animate({
                        marginLeft: "-4800px"
                }, 500);
        });
        jQuery("#next7").click(function() {
                jQuery(".widearea").animate({
                        marginLeft: "-5760px"
                }, 500);
        });
        jQuery("#next8").click(function() {
                jQuery(".widearea").animate({
                        marginLeft: "-6720px"
                }, 500);
        });
        jQuery("#next9").click(function() {
                jQuery(".widearea").animate({
                        marginLeft: "-7680px"
                }, 500);
        });        
        jQuery("#next10").click(function() {
                jQuery(".widearea").animate({
                        marginLeft: "-8640px"
                }, 500);
        });                  
        jQuery("#prev1").click(function() {
                jQuery(".widearea").animate({
                        marginLeft: "0px"
                }, 500);
        });
        jQuery("#prev2").click(function() {
                jQuery(".widearea").animate({
                        marginLeft: "-960px"
                }, 500);
        });
        jQuery("#prev3").click(function() {
                jQuery(".widearea").animate({
                        marginLeft: "-1920px"
                }, 500);
        });
        jQuery("#prev4").click(function() {
                jQuery(".widearea").animate({
                        marginLeft: "-2880px"
                }, 500);
        });        
        jQuery("#prev5").click(function() {
                jQuery(".widearea").animate({
                        marginLeft: "-3840px"
                }, 500);
        });                                                         
        jQuery("#prev6").click(function() {
                jQuery(".widearea").animate({
                        marginLeft: "-4800px"
                }, 500);
        });
        jQuery("#prev7").click(function() {
                jQuery(".widearea").animate({
                        marginLeft: "-5760px"
                }, 500);
        });
        jQuery("#prev8").click(function() {
                jQuery(".widearea").animate({
                        marginLeft: "-6720px"
                }, 500);
        });
        jQuery("#prev9").click(function() {
                jQuery(".widearea").animate({
                        marginLeft: "-7680px"
                }, 500);
        });        
        jQuery("#prev10").click(function() {
                jQuery(".widearea").animate({
                        marginLeft: "-8640px"
                }, 500);
        });                   
});