//Image rotator functions
var rotateimages = null;
var rotateimageindex = null;
var rotatetimer = null;
function InitImageRotator(albumid, position) {
	switch (position) {
		case 1:
			document.getElementById("imagerotator").style.cssFloat = "left";
			document.getElementById("imagerotator").style.styleFloat = "left";
			break;
		case 2:
			document.getElementById("imagerotator").style.cssFloat = "right";
			document.getElementById("imagerotator").style.styleFloat = "right";
			break;
	}

	$.ajax({
		type: "POST",
		contentType: "application/json; charset=utf-8",
		url: "UiService.asmx/GetAlbum",
		data: "{'albumid': '" + albumid + "', 'size': '" + 2 + "' }",
		dataType: "json",
		success: function(data) {
			GetAlbumComplete(data.d);
		}
	});
	
}

function GetAlbumComplete(album) {
	rotateimages = new Array();
	rotateimageindex = 0;

	//the image object
	this.clsImg = function(id, url, isportrait) {
		this.id = id;
		this.url = url;
		this.isportrait = isportrait;
	}

	//alert(album.thumbnails.length);
	if (album.thumbnails.length > 0) {
		for (var i = 0; i < album.thumbnails.length; i++) {
			var thumb = album.thumbnails[i];
			//rotateimages[rotateimages.length] = new this.clsImg(thumb.id,thumb.url,thumb.portrait);
			rotateimages.push(new this.clsImg(thumb.id, thumb.url, thumb.portrait));
		}
	}

	rotatetimer = setTimeout("RotateImage()", 0);
}

function RotateImage() {
	clearTimeout(rotatetimer);

	if (rotateimages) {

		if (rotateimageindex == rotateimages.length) {
			rotateimageindex = 0;
		}

		//document.getElementById("rotateimage").src = rotateimages[rotateimageindex].url;

		$("#rotateimage").animate({
			src: rotateimages[rotateimageindex].url
		}, 250);
		
		rotateimageindex += 1;
	}
	rotatetimer = setTimeout("RotateImage()", 5000);
}