// JavaScript Document
jQuery(document).ready(function() {

    jQuery('#slideshow').cycle({ 
    fx: 'scrollHorz',
    speed: '300',
    timeout: 8000,
    sync:0,
    slideExpr: '.teaser',
	prev:'#prev',
	next:'#next',
	cleartypeNoBg: true,
	pause:true,
	pauseOnPagerHover:true
	});
	
	jQuery("a[rel='show']").colorbox({slideshow:true});
	
	jQuery('ul.thumbs li a img').css({opacity:0.8});

	jQuery('ul.thumbs li a img').hover(
		function() {
			jQuery(this).stop(true, true).animate({opacity: 1.0}, 200);
		},
		function () {
			jQuery(this).stop(true, true).animate({opacity: 0.8}, 600);
		}); //close the hover

}); //close document ready