// JavaScript Document
$(function() {
	$("a[rel='slide']").bind('click',function(event){
		var $anchor = $(this);
		
		/*if you want to use one of the easing effects:*/
		$('html, body').stop().animate({
			scrollTop: $($anchor.attr('href')).offset().left
		}, 1500,'easeInOutCubic');
		 /*
		$('html, body').stop().animate({
			scrollLeft: $($anchor.attr('href')).offset().left
		}, 1000);*/
		event.preventDefault();
	});
	/*$("body").css("overflow", "hidden");*/
	$('#banner').jshowoff({controls: false, hoverPause: false, speed: 8000});
	$('a.buton')
			.css( {backgroundPosition: "0 -50px"} )
			.mouseover(function(){
				$(this).stop().animate({backgroundPosition:"(0 0)"}, {duration:500})
			})
			.mouseout(function(){
				$(this).stop().animate({backgroundPosition:"(0 36px)"}, {duration:500})
	});
	$("a[rel='colorbox']").colorbox({width: "1000px"});

});