function onmouseoverImage(id){
	document.getElementById(id).src='/images/blackarrow.png';
}

function onmouseoutImage(id){
	document.getElementById(id).src='/images/bluearrow.png';
}	

$(document).ready(function() {
	$('#slideNavigation').show();
	
	$('.slideShow').cycle({
		fx:      'fade',
		prev:    '#slidePrev',
		next:    '#slideNext',
		delay:   4000,
		timeout: 8000,
		pause:   1,
		pager:   '#slideNav',
		pagerAnchorBuilder: function(idx, slide) { 
        	return '<a href="#">&nbsp;</a>';
    	}
	});
	
	$('#projectSlider').cycle({
		fx:     'fade',
		speed:  'fast',
		timeout: 0,
		prev:   '#prevProject',
		next:   '#nextProject'
	});
});