$(initSliders);

var thumbWidth = 195;

function initSliders() {
	$('.slider').each(function() {
		if ($('li', this).length > 4) {
			$('span.next', this).show();
			initScrolling(this);
		}
	});
}

function initScrolling(slider) {
	$('span.next', slider).click(function() {
		var distance = (parseInt($('ul', slider).css('margin-left')) - thumbWidth);
		setScrollButtonVisibility(slider, distance);
		$('ul', slider).animate({marginLeft: distance}, 'swing');
	});
	$('span.prev', slider).click(function() {
		var distance = (parseInt($('ul', slider).css('margin-left')) + thumbWidth);
		setScrollButtonVisibility(slider, distance);
		$('ul', slider).animate({marginLeft: distance}, 'swing');
	});
}

function setScrollButtonVisibility(slider, margin) {
	var count = $('li', slider).length;
	$('span.prev', slider).show();
	$('span.next', slider).show();
	if (margin >= 0) {
		$('span.prev', slider).hide();
	}
	else if (margin <= (thumbWidth * count * -1 + (thumbWidth*4))) {
		$('span.next', slider).hide();
	}
}



//function setScrollButtonVisibility(margin) {	
//	$('#prev img').show();
//	$('#next img').show();
//	if (margin >= 0) {
//		$('#prev img').hide();
//	}
//	else if (margin <= (thumbHeight * count * -1 + (thumbHeight*3))) {
//		$('#next img').hide();
//	}
//}











//function scrollLeft() {
//	unbindScrollButtons();
//	var distance = (parseInt($('#thumbs').css('margin-top')) + thumbHeight);
//	setScrollButtonVisibility(distance);
//	$('#thumbs').animate({marginTop: distance}, 'swing', bindScrollButtons);
//}

//function scrollRight() {
//	unbindScrollButtons();
//	var distance = (parseInt($('#thumbs').css('margin-top')) - thumbHeight);
//	setScrollButtonVisibility(distance);
//	$('#thumbs').animate({marginTop: distance}, 'swing', bindScrollButtons);
//}



//var count, imagesLoadedCount = 0, thumbHeight = 88, mapLoaded = false;
//$(initViewer);

//function initViewer() {
//	$("#tabPhotos").bind('click', function() {
//		$("#tabMap").removeClass('active');
//		$(this).addClass('active');
//		$("#photoView").show();
//		$("#mapView").hide();
//	});
//	$("#tabMap").bind('click', function() {
//		$("#tabPhotos").removeClass('active');
//		$(this).addClass('active');
//		$("#photoView").hide();
//		$("#mapView").show();
//		if (!mapLoaded) displayMap();
//	});
//	$('#thumbs li a').bind('click', function() {
//		$('.imageGallery img.main').attr('src', this.href);
//		$('.imageGallery a.linkMainImage').attr('href', this.href.replace('Large', 'XLarge'));
//		return false;
//	});
//	count = $('#thumbs li').length;
//	if (count < 4) {
//	    $('#prev img').hide();
//	    $('#next img').hide();
//	}
//	else
//	{
//    	initScrolling();
//	}
//}

//function initScrolling() {
//    setScrollButtonVisibility(0);
//    $('#thumbs li img').each(function() {
//	    if (this.complete) imagesLoadedCount++;
//	    else $(this).bind('load', function(){imagesLoadedCount++});
//    });
//    if (imagesLoadedCount != count) setTimeout('initScrolling()', 100);
//    else bindScrollButtons();
//}

//function scrollUp() {
//	unbindScrollButtons();
//	var distance = (parseInt($('#thumbs').css('margin-top')) + thumbHeight);
//	setScrollButtonVisibility(distance);
//	$('#thumbs').animate({marginTop: distance}, 'swing', bindScrollButtons);
//}

//function scrollDown() {
//	unbindScrollButtons();
//	var distance = (parseInt($('#thumbs').css('margin-top')) - thumbHeight);
//	setScrollButtonVisibility(distance);
//	$('#thumbs').animate({marginTop: distance}, 'swing', bindScrollButtons);
//}

//function bindScrollButtons() {
//	$('#prev img').bind('click', scrollUp);
//	$('#next img').bind('click', scrollDown);
//}

//function unbindScrollButtons() {
//	$('#prev img').unbind();
//	$('#next img').unbind();
//}

//function setScrollButtonVisibility(margin) {	
//	$('#prev img').show();
//	$('#next img').show();
//	if (margin >= 0) {
//		$('#prev img').hide();
//	}
//	else if (margin <= (thumbHeight * count * -1 + (thumbHeight*3))) {
//		$('#next img').hide();
//	}
//}

