
$(document).ready(function () {
	var $panels = $('.scrollContainer > ul');
	var $container = $('.scrollContainer');
	var horizontal = true;
	if (horizontal) {
		$panels.css({
			'float' : 'left',
			'position' : 'relative'
		});
		$container.css('width', ($($panels[0]).width()+10) * ($panels.length)+1);
	}
	var $scroll = $('.news-item-gallery:has(li)').css('overflow', 'hidden');

	if($('li',$scroll).length > 6){
	    //$scroll.after('<img class="scrollButtons left" src="assets/images/grey-arrow-left.gif" width="73" height="23" /><img class="scrollButtons right" src="assets/images/grey-arrow-right.gif" width="51" height="23" />');
	    $scroll.after('<span class="scrollButtons left">Previous</span> <span class="scrollButtons right">Next</span>');
	    $('span.scrollButtons').each(function(i,elm){
			disableSelection(elm);
	    });
	    $('.news-content-right').css('overflow', 'hidden');
	    var offset = parseInt((horizontal ? $container.css('paddingTop') : $container.css('paddingLeft')) || 0) * -1;
	    var scrollOptions = {
		    target: $scroll,
		    items: $panels,
		    prev: 'span.left', 
		    next: 'span.right',
		    axis: 'x',
		    offset: offset,
		    duration: 200,
		    easing: 'swing',
		    cycle: false
	    };
	    $('.news-content-right').serialScroll(scrollOptions);
	    //$.localScroll(scrollOptions);
	    scrollOptions.duration = 1;
	   // $.localScroll.hash(scrollOptions);
	   $('.scrollButtons').bind('mouseup', function(){
			setTimeout("HideButtons()",250); 
	   });
	   HideButtons();
	}
});

function HideButtons(){
    $('.news-content-right').each(function(i,container){
	    var $news = $(container).children('div.news-item-gallery');
	    var $left = $(container).children('.left');
	    var $right = $(container).children('.right');

	    var $scroll = $news.children('div');
	    if($scroll.position().left == 0){
		    $left.css('visibility', 'hidden');
		    $right.css('visibility', 'visible');
	    }
	    else{
		    $left.css('visibility', 'visible');
		    $right.css('visibility', 'visible');
	    }
	    if(Math.abs($scroll.position().left) > $scroll.width() - $news.width()-10)
	    {
	        $left.css('visibility', 'visible');
		    $right.css('visibility', 'hidden');
	    }
	});
}

function disableSelection(element) {
    element.onselectstart = function() {
        return false;
    };
    element.unselectable = "on";
    element.style.MozUserSelect = "none";
    element.style.cursor = "pointer";
}