var galleryIndex = 0;
var imgGallery;
function rotateImages() 
{
	$('.divGallery').fadeOut('slow', function() {
		//Preload image
		var img = new Image();
		img.onload = function() {
			imgGallery.src = img.src;
			imgGallery.style.display = "block";
			//imgGallery.style.width = img.width + "px";
//alert(imgGallery.style.width);
			setTimeout("$('.divGallery').fadeIn('slow')", 200);
		}
		img.src = images[galleryIndex][0];

		//do other stuff
		document.getElementById("lblModel").innerHTML = images[galleryIndex][1];
		var lnkOtherModels = document.getElementById("lnkOtherModels");
		lnkOtherModels.innerHTML = String.format(SBPhrases["RK_MODELS"], images[galleryIndex][1]);
		lnkOtherModels.href = images[galleryIndex][2];
		document.getElementById("lnkGallery").href = lnkOtherModels.href;
//document.getElementById("lnkOtherModels").innerHTML = galleryIndex + ": " + images[galleryIndex][0];

		galleryIndex++;
		if (galleryIndex >= images.length)
		{
			galleryIndex = 0;
		}

	});
	setTimeout('rotateImages();', 5000);
}
$(document).ready(function() {
	imgGallery = document.getElementById("imgGallery");
	rotateImages();
	spanModelNames = $(".spanModelName");
 })

var spanModelNames;
var imageData;
function loadModel(sender)
{
	/* Get the right index */
	var i;
	for (var index = 0; index < spanModelNames.length; index++)
	{
		if (spanModelNames[index] == sender)
		{
			i = index;
			spanModelNames[index].className += " spanModelNameSelected";
		}
		else
		{
			spanModelNames[index].className = spanModelNames[index].className.replace(" spanModelNameSelected", "");
		}
	}

	/* Display the PDF icon */
	var lnkPdf = document.getElementById("lnkPdf");
	if (modelData[i][0])
	{
		lnkPdf.href = "/media/rkmachinery_model.pdfFile/" + board_culture + "/" + modelData[i][0];
		lnkPdf.style.display = "";
	}
	else
	{
		lnkPdf.style.display = "none";
	}

	/* Display the thumbnails */
	var html = "";
	imageData = modelData[i][1];
	for (var j = 0; j < imageData.length; j++)
	{
		html += "<img src='/cms/controller/services/Thumbnail.ashx?width=60&fileName=/media/rkmachinery_picture.smallPicture/" + imageData[j][1] + "' onclick='lPic(this)' />";
	}
	document.getElementById("divThumbnailInner").innerHTML = html;
	lPic($("#divThumbnailInner img")[0]);
}

function lPic(sender)
{
	var images = $("#divThumbnailInner img");
	var index = 0;
	while ((index < images.length) && (images[index] != sender))
	{
		index++;
	}

	var imgLarge = document.getElementById("imgLarge");
	if (sender)
	{
		imgLarge.style.display = "inline";
		imgLarge.src = "/cms/controller/services/Thumbnail.ashx?width=400&fileName=/media/rkmachinery_picture.largePicture/" + imageData[index][0];
		document.getElementById("divThumbText").innerHTML = imageData[index][2];
	}
	else
	{
		imgLarge.style.display = "";
	}
}