pause=0;
jQuery(document).ready(function() {
	jQuery('#banner').addClass('active');
	jQuery('#banner #slides').cycle({ 
		fx: 'scrollHorz',
		timeout: 4000,
		width: 922,
		height:400,
		before: function(currSlideElement,nextSlideElement){
			currID=jQuery(currSlideElement).attr('id');
			currID=currID.replace('banner-slide-','');
			jQuery('#banner-dot-'+currID).css('background-position','-44px 0px');
			nextID=jQuery(nextSlideElement).attr('id');
			nextID=nextID.replace('banner-slide-','');
			jQuery('#banner-dot-'+nextID).css('background-position','-44px -11px');
		}
	});
	jQuery('.dots').click(function(){
		id=jQuery(this).attr('id');
		id=id.replace('banner-dot-','');
		jQuery('#banner #slides').cycle(id*1);
	});
	jQuery('#playpause').click(function(){
		if(!pause){
			jQuery('#banner #slides').cycle('pause');
			pause=1;
			jQuery('#playpause').css('background-position','0px 0px');
		}
		else if(pause){
			jQuery('#banner #slides').cycle('resume');
			pause=0;
			jQuery('#playpause').css('background-position','-22px 0px');
		}
	});
});