/**
 * jQuery.slider - Animated scrolling panels
 * base off http://jqueryfordesigners.com/demo/coda-slider.html
 * Dual licensed under MIT and GPL.
 * Date: 
 * @author 
 * @version
 **/
$(document).ready(function(){
	
	var horizontalScroll = true;
	
	var $panels=$('#slider .panel');
	var $container = $('#slider .scrollContainer');
	var $scroll =$('#slider .scroll').css('overflow','hidden');
	
	if(horizontalScroll){
		$panels.css('float','left');
		$container.css('width', $panels[0].offsetWidth * $panels.length);
	}
	
	 // can add buttons here 
	 /*$scroll
	 	.before('<img class="scrollButtons left" src="style/slides/images/scroll_left.png" />')
        .after('<img class="scrollButtons right" src="style/slides/images/scroll_right.png" />');*/
	 
	 //slider nav
	 $('#slider .navigation a').click(selectNav);
	 
	 function selectNav(){
		// console.log(this);
		$(this)
			.parents('ul:first')
				.find('a')
					.removeClass('selected')
				.end()
			.end()
		.addClass('selected');
	 }
	
	// options
	var scrollOptions = {
		target: $scroll,
		items: $panels,
		navigation: '.navigation a',
		prev: 'img.left', 
        next: 'img.right',
		axis: 'xy',
		duration: 800,
		easing: 'easeInExpo',
		onAfter: trigger
	};

//function trigger called in scrollOptions
function trigger(data){
	var el = $('#slider .navigation').find('a[href$="' + data.id + '"]').get(0);
	selectNav.call(el);
}

	$('#slider').serialScroll(scrollOptions);
	$.localScroll(scrollOptions);
	
	var cycleTimer = setInterval(function (){$scroll.trigger('next')}, 15000);

});