// when the DOM is ready...

var theInt = null;
var $crosslink, $navthumb;
var curclicked = 0;

theInterval = function(cur){
	clearInterval(theInt);

	if( typeof cur != 'undefined' )
		curclicked = cur;

	$crosslink.removeClass("active-thumb");
	$navthumb.removeClass("active-thumb");
	$navthumb.eq(curclicked).parent().addClass("active-thumb");
		$("ul.navigation li a").eq(curclicked).trigger('click');

	theInt = setInterval(function(){
		$crosslink.removeClass("active-thumb");
		$navthumb.eq(curclicked).parent().addClass("active-thumb");
		$("ul.navigation li a").eq(curclicked).trigger('click');
		$navthumb.eq(curclicked-1).parent().removeClass("active-thumb");

		curclicked++;
		var count = $("ul.navigation").children().length;
		if( count == curclicked ) {	curclicked = 1;	}
		if( 1 == curclicked ) {	$("ul.navigation li:last-child a").removeClass("active-thumb");	}


	
	}, 4000);
};
		
$(document).ready(function () {
	$("ul.navigation li a img").addClass("photoclick");$
	$navthumb = $(".photoclick");
	$crosslink = $(".scrollButtons");
	
	
	

	$navthumb.click(function() {
		var $this = $(this);
		$("ul.navigation li a img").removeClass("photoclick");
			$("ul.navigation li a").removeClass("active-thumb");
		$this.parent().addClass("active-thumb");
		theInterval($this.parent().attr('href').slice(1) -1);
	});
	
	
	
	theInterval();
	
	
	

    var $panels = $('#slider .scrollContainer > div');
    var $container = $('#slider .scrollContainer');
    var horizontal = true;

    if (horizontal) {
        $panels.css({ 'float' : 'left',  'position' : 'relative' });
        $container.css('width', $panels[0].offsetWidth * $panels.length);
    }

    var $scroll = $('#slider .scroll').css('overflow', 'hidden');

    $scroll
        .before('<span class="scrollButtons left" >Previous</span>')
        .after('<span class="scrollButtons right" >Next</span>');

    function selectNav() {
        $(this).parents('ul:first').find('a').removeClass('selected').end().end().addClass('selected');
    }

    $('#slider .navigation').find('a').click(selectNav);

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



	$(".scrollButtons").click(function() {	
		theInterval(4000);
		$("ul.navigation li a").removeClass("active-thumb");
		$navthumb.eq(curclicked).parent().addClass("active-thumb");

	});
		

    if (window.location.hash) { trigger({ id : window.location.hash.substr(1) });  }
	else {  $('ul.navigation a:first').click();  }

    var offset = parseInt((horizontal ? 
        $container.css('paddingTop') : 
        $container.css('paddingLeft')) 
        || 0) * -1;


    var scrollOptions = {
        target: $scroll, // the element that has the overflow
        items: $panels,
        navigation: '.navigation a',
        prev: 'span.left', 
        next: 'span.right',
        axis: 'xy',
        onAfter: trigger, // our final callback
        offset: offset,
        duration: 200,
        easing: 'swing'
    };


    $('#slider').serialScroll(scrollOptions);
    $.localScroll(scrollOptions);
    scrollOptions.duration = 1;
    $.localScroll.hash(scrollOptions);
	
	



});