// ---------------------------------------------------------------------------------
// ------ GALLERY SLIDER
// ---------------------------------------------------------------------------------
$(document).ready(function() {

	var colPos = 5;

	$overview = $('.gallery_slider .overview');
	$viewport = $('.gallery_slider .viewport');
	$viewport_div = $('.gallery_slider .viewport div');
	$viewport_slid = $('.gallery_slider .viewport .slid');

	var slid_acount = $viewport_slid.length;
	var colWidth = $viewport.width();
	$overview.width( $viewport.width()*slid_acount );

	var numericExpression = /^[0-9]+$/;
	if( !numericExpression.test(colPos) ){
		colPos = 0;
	}
	if(colPos > 0) {

		if(colPos > slid_acount) {
			colPos = slid_acount;
		}

		if(colPos == slid_acount) {
			$('.next').css('visibility','hidden');
		}

		colPos -= 1;

		$viewport.animate({scrollLeft:'+=' + colWidth*colPos}, {duration: 0, queue: true});

		var v1 = '#gallery_slider'+(colPos);
		var v2 = $(v1).attr('alt');
		$('p.gallery_title').html(v2);
	}

	if(colPos == 0) {
		$('.prev').css('visibility','hidden');
	}


	$('.next').click(function(event) {

		event.preventDefault();

		$viewport.animate({scrollLeft:'+=' + colWidth}, {duration: 'slow', queue: true, complete: function() {

			colPos = $viewport.scrollLeft()/colWidth;
			var v1 = '#gallery_slider'+colPos;
			var v2 = $(v1).attr('alt');
			$('p.gallery_title').html(v2);
		} });

		if($viewport.scrollLeft() + colWidth*2 >= $viewport_div.width()) {
			$(this).css('visibility','hidden');
		}
		else {
			$('.prev').css('visibility','visible');
			$(this).css('visibility','visible');
		}
	});


	$('.prev').click(function(event) {

		event.preventDefault();

		$viewport.animate({scrollLeft:'-=' + colWidth}, {duration: 'slow', queue: true, complete: function() {

			colPos = $viewport.scrollLeft()/colWidth;

			var v1 = '#gallery_slider'+colPos;
			var v2 = $(v1).attr('alt');
			$('p.gallery_title').html(v2);
		} });


		if($viewport.scrollLeft() <= colWidth) {
			$(this).css('visibility','hidden');
		}
		else {
			$(this).css('visibility','visible');
			$('.next').css('visibility','visible');
		}

	});

});
// ---------------------------------------------------------------------------------