/*jQuery(function( $ ){
	var $news = $('#project_ticker');//we'll re use it a lot, so better save it to a var.

	$news.serialScroll({
		items:'div.item',
		duration:1000,
		force:true,
		axis:'xy',
		lazy:false,//NOTE: it's set to true, meaning you can add/remove/reorder items and the changes are taken into account.
		interval:6000, //yeah! I now added auto-scrolling
		step:1 //scroll 1 news each time
		//easing:'easeInQuad'
	});	
	$news.hover(
		function(){
			$(this).trigger('stop');
		},
		function(){
			$(this).trigger('start');
		}
	);
	
});*/
$(document).ready(function(){
	var $stories = $('#project_ticker .project_ticker_wrapper');//we'll re use it a lot, so better save it to a var.
	$stories.cycle({
		fx:'fade',
		speed:    800, 
    	timeout:  8000,
		pause:    0,
		next:     "#project_ticker .next",
		prev:     "#project_ticker .prev"
	});
	$("#project_ticker .pause").click(function(){
		if($stories.attr('paused')==='true'){
			$stories.cycle('resume');	
			$(this).css('background','url(../img/controls/pause.gif)');
			$stories.attr('paused','false')
		}else{
			$stories.cycle('pause');	
			$stories.attr('paused','true')
			$(this).css('background','url(../img/controls/play.gif)');
		}
	});
	var $news = $('.news_box');//we'll re use it a lot, so better save it to a var.
	$news.cycle({
		fx: 'scrollLeft',
		speed:    1000, 
    	timeout:  10000,
		pause:    0,
		next:     "#news_box_wrapper .next",
		prev:     "#news_box_wrapper .prev"
	});
	$("#news_box_wrapper .pause").click(function(){
		if($news.attr('paused')==='true'){
			$news.cycle('resume');	
			$(this).css('background','url(../img/controls/pause.gif)');
			$news.attr('paused','false')
		}else{
			$news.cycle('pause');	
			$news.attr('paused','true')
			$(this).css('background','url(../img/controls/play.gif)');
		}
	});

});