$(document).ready(function() {
			
			$('.backtotop').click(function(){
				$('html, body').animate({scrollTop:0}, 'slow');
			});
			
			$('.toggle').click(function(){

				$(this).parent().siblings().slideToggle("slow");
			});
		
			$('#left-scroller').hover( 
				function () {
					$(this).animate( { 'backgroundColor': "rgb(207,35,11)" } , 300 );
				}, 
				function () {
					$(this).animate( { 'backgroundColor': "rgb(221,221,221)" } , 300 );
				}
	
	
			);
			
			$('#right-scroller').hover( 
				function () {
					$(this).animate( { 'backgroundColor': "rgb(207,35,11)" } , 300 );
				}, 
				function () {
					$(this).animate( { 'backgroundColor': "rgb(221,221,221)" } , 300 );
				}
	
			);
			
			
			var elements = $('#scroller-elements').children();
			divwidth = 205 * elements.length;
			$('#scroller-elements').css( 'width', divwidth +"px");
			
			
			$('#right-scroller').click(function(){
				margLeft = $('#scroller-elements').css('margin-left');
				
				margLeft.replace( "px", "" )
				margLeft = parseInt( margLeft )
				
	
				if( margLeft == ( 4 - elements.length ) * ( 205 ) )
					return
				
				newValue = margLeft - 205;
				
				$('#scroller-elements').animate( {"marginLeft" : newValue + "px"}, 1000 )
			});
			
			$('#left-scroller').click(function(){
				margLeft = $('#scroller-elements').css('margin-left');
				
				margLeft.replace( "px", "" )
				margLeft = parseInt( margLeft )
				
	
				if( margLeft == 0 )
					return
				
				newValue = margLeft + 205;
				
				$('#scroller-elements').animate( {"marginLeft" : newValue + "px"}, 1000 )
			});
		})