//josh@meta13.com
$(document).ready(function(){
  //Gets location and sets selected state to nav's li
  //$("#rightcol li a[href=" + window.location.pathname + "]").parent().addClass("selected");
  //alert (window.location.pathname);
  $('#section-slides').cycle({
        speed:       500,
        timeout:     4000,
        //fx: 'fade',
		fx: 'cover',
		direction: 'right',
		//sync:   0,
		pager:  '#section-nav ul',
        pagerEvent: 'mouseover',
		pagerClick: 'null',
		pauseOnPagerHover: true,
		pagerAnchorBuilder: function(idx, slide) {
            // return sel string for existing anchor
            return '#section-nav ul li:eq(' + (idx) + ') a';
			//return '#section-nav ul li:eq(' + (idx) + ')';
        },
		//updateActivePagerLink: cycleNavIn,
		//before: cycleNav,
		//before: cycleNavOut,
		//after: cycleNavIn
    });
  //Add fancy scroll bars to left content - uses: http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html
  $('#section-bang #content-pane').jScrollPane({showArrows:true});
	$('#section-full').jScrollPane({showArrows:true,scrollbarMargin:24});
  //Make fancy navigation effects - uses: jquery.bgpos.js / background pos extender
  navSetup();
  function navSetup(){
  $('#section-nav ul li a')
    .css( {backgroundPosition: "290px 0px"} )
    .mouseover(function(){
      $(this).stop().animate({backgroundPosition:"(0px 0px)"}, {duration:100})
    })
    .mouseout(function(){
      $(this).stop().animate({backgroundPosition:"(290px 0px)"}, {duration:400})
    })
    //$('#section-nav ul li a.activeSlide').animate({backgroundPosition:"(0px 0px)"}, {duration:100});
  }
  function cycleNav(){
    $('#section-nav ul li a').animate({backgroundPosition:"(290px 0px)"}, {duration:100});
    $('#section-nav ul li a.activeSlide').animate({backgroundPosition:"(0px 0px)"}, {duration:100});
  }
  function cycleNavIn(){
    $('#section-nav ul li a.activeSlide').animate({backgroundPosition:"(0px 0px)"}, {duration:10});
  }
  function cycleNavOut(){
    $('#section-nav ul li a').animate({backgroundPosition:"(290px 0px)"}, {duration:10});
  }
});