//// when the DOM is ready...
//$(document).ready(function () {
//
//    var $panels = $('#slider .scrollContainer > div').not( '.showcase_scrollContainer > div' );
//    var $container = $('#slider .scrollContainer').not( '.showcase_scrollContainer > div' );
//
//    // if false, we'll float all the panels left and fix the width 
//    // of the container
//    var horizontal = true;
//
//    // float the panels left if we're going horizontal
//    if (horizontal) {
//        $panels.css({
//            'float' : 'left',
//            'position' : 'relative' // IE fix to ensure overflow is hidden
//        });
//
//        // calculate a new width for the container (so it holds all panels)
//        $container.css('width', $panels[0].offsetWidth * $panels.length);
//    }
//
//    // collect the scroll object, at the same time apply the hidden overflow
//    // to remove the default scrollbars that will appear
//    var $scroll = $('#slider .scroll').css('overflow', 'hidden');
//
//    // apply our left + right buttons
//    $scroll
//        .before('<img class="scrollButtons left" src="images/lf_but.png" />')
//        .after('<img class="scrollButtons right" src="images/rt_but.png" />');
//
//    // handle nav selection
//    function selectNav() {
//        $(this)
//            .parents('ul:first')
//                .find('a')
//                    .removeClass('selected')
//                .end()
//            .end()
//            .addClass('selected');
//    }
//
//    $('#slider .navigation').find('a').click(selectNav);
//
//    // go find the navigation link that has this target and select the nav
//    function trigger(data) {
//        var el = $('#slider .navigation').find('a[href$="' + data.id + '"]').get(0);
//        selectNav.call(el);
//    }
//
//    if (window.location.hash) {
//        trigger({ id : window.location.hash.substr(1) });
//    } else {
//        $('ul.navigation a:first').click();
//    }
//
//    // offset is used to move to *exactly* the right place, since I'm using
//    // padding on my example, I need to subtract the amount of padding to
//    // the offset.  Try removing this to get a good idea of the effect
//    var offset = parseInt((horizontal ? 
//        $container.css('paddingTop') : 
//        $container.css('paddingLeft')) 
//        || 0) * -1;
//
//
//    var scrollOptions = {
//        target: $scroll, // the element that has the overflow
//
//        // can be a selector which will be relative to the target
//        items: $panels,
//
//        navigation: '.navigation a',
//
//        // selectors are NOT relative to document, i.e. make sure they're unique
//        prev: 'img.left', 
//        next: 'img.right',
//
//        // allow the scroll effect to run both directions
//        axis: 'xy',
//
//        onAfter: trigger, // our final callback
//
//        offset: offset,
//
//        // duration of the sliding effect
//        duration: 500,
//
//        // easing - can be used with the easing plugin: 
//        // http://gsgd.co.uk/sandbox/jquery/easing/
//        easing: 'swing'
//    };
//
//    // apply serialScroll to the slider - we chose this plugin because it 
//    // supports// the indexed next and previous scroll along with hooking 
//    // in to our navigation.
//    $('#slider').serialScroll(scrollOptions);
//
//    // now apply localScroll to hook any other arbitrary links to trigger 
//    // the effect
//    $.localScroll(scrollOptions);
//
//    // finally, if the URL has a hash, move the slider in to position, 
//    // setting the duration to 1 because I don't want it to scroll in the
//    // very first page load.  We don't always need this, but it ensures
//    // the positioning is absolutely spot on when the pages loads.
//    scrollOptions.duration = 1;
//    $.localScroll.hash(scrollOptions);
//
//});
//
$(document).ready(function() {
						   
	// easing function
	$.easing.elasout = function(x, t, b, c, d) {
		var s=1.70158;var p=0;var a=c;
		if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
		if (a < Math.abs(c)) { a=c; var s=p/4; }
		else var s = p/(2*Math.PI) * Math.asin (c/a);
		return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
	};
	
	$('.scroll').css({overflow:'hidden'});
	//get all link with class panel
	    // apply our left + right buttons
    $('.scroll')
        .before('<img class="scrollButtons left" src="images/lf_but.png" />')
        .after('<img class="scrollButtons right" src="images/rt_but.png" />');
	
	$('.slider_link').click(function () {

                //reset and highlight the clicked link
		$('.slider_link').removeClass('selected');
		$(this).addClass('selected');
		
		 //scroll it to the destination
		$('.scroll').scrollTo($(this).attr('href'), 500,{easing:'swing' });		
		
                //cancel the link default behavior
		return false;
	});
	
	$('.left').click(function () {

        /*//reset and highlight the clicked link
		$('.slider_link').removeClass('selected');
		$(this).addClass('selected');*/
		
		 //scroll it to the destination
		 alert($('.selected').val());
		$('.scroll').scrollTo($('.selected').next('.slider_link').attr('href'), 500,{easing:'swing'});		
		
                //cancel the link default behavior
		return false;
	});


});