var imageGroupSize = 7;	
var fadeInSpeed = 500;

function showBorder(elem)
{
	document.getElementById(elem).style.border = "3px solid #4d4d4d";
}
function hideBorder(elem)
{
	document.getElementById(elem).style.border = "3px solid #4d4d4d";
}
function hideLogosBorder(elem)
{
	document.getElementById(elem).style.border = "3px solid #4b4a50";
}


function mycarousel_initCallback(carousel) {
	
	// functionality of the "numbers" links to scroll to the correct group
	jQuery('#jcarousel-control a').bind('click', function() {
		if (  jQuery(this).text() == "1" ) { carousel.scroll(1); }
		else { carousel.scroll( ((jQuery.jcarousel.intval(jQuery(this).text())) * imageGroupSize)-(imageGroupSize-1) ); }
		return false;
	});
	
	// functionality of the "Next" button...
	jQuery('#MainImageNav-next').bind('click', function() {
		carousel.next();
		return false;
	});

	// functionality of the "Previous" button...
	jQuery('#MainImageNav-prev').bind('click', function() {
		carousel.prev();
		return false;
	});
};

jQuery(document).ready(function() {

	document.getElementById("MainImageNav").style.display = "block";
	document.getElementById("LoadingMessage").style.display = "none";

	$('#LargeImages').cycle({
		speed:  fadeInSpeed,
		timeout: 0,
		pager:  '#MainImageNav',
		pagerAnchorBuilder: function(idx, slide) { return '#MainImageNav li:eq(' + (idx) + ') a'; }
	});
	
	document.getElementById("LargeImages").style.display = "block";

	jQuery("#MainImageNavContainer").jcarousel({
		scroll: imageGroupSize,
		visible: imageGroupSize,
		initCallback: mycarousel_initCallback,
		buttonNextHTML: null,
		buttonPrevHTML: null
	});
	
});