$(document).ready(function(){
	
		$("#prev").animate({
				opacity:.4
		},200);
		
		$("#next").animate({
				opacity:.4
		},200);
		
		$("#pause").animate({
				opacity:.4
		},200);
		
		$("#pause").toggle(
		
			function() {
				
				swap('images/slider/play.jpg','pauseimg');
				$('#slider').cycle('pause');
				
			},
			function() {
				
				swap('images/slider/pause.jpg','pauseimg');
				$('#slider').cycle('resume');
				
			}
		);
		
		$('#slider').cycle({ 
			fx:     'fade', 
			timeout:  4500,
			next: "#next",
			prev: "#prev",
			speed:900
		});
		
		$("#prev").hover(function() {
			$(this).animate({
				opacity:1
			},200);
		}, function() {
			$(this).animate({
				opacity:.4
			},200);
		});
		
		$("#next").hover(function() {
			$(this).animate({
				opacity:1
			},200);
		}, function() {
			$(this).animate({
				opacity:.4
			},200);
		});
		
		$("#pause").hover(function() {
			$(this).animate({
				opacity:1
			},200);
		}, function() {
			$(this).animate({
				opacity:.4
			},200);
		});
		
	});
	
	function scrollTo(id){
		$('html, body').animate({
			scrollTop: $(id).offset().top
		}, 3000);
	}
	
	function swap(src,id) {
	
		document.getElementById(id).src = src;	
		
	}