var apiKey = "YAqy8HGHCWF6g5VXld2gMFxGBwa9q6fT";
var SessionId = "";
var NickName = "smartdesign";
var ThumsWidth = 150;
var ThumsHeight = 150;
var ThumsPadding = 10;
var ThumsMargin = 10;
var ThumsInPage = 9;
var ThumsInLine = 3;
var ArrayImages = [];
var PageCount = 0;

function SetLightBox(){
	$('#list_of_images li a').lightbox();
	$.Lightbox.construct({
		'speed': 500,
		'show_linkback': true,
		'opacity': 0.6,
		text: {
			help: {
				close:		'Close',
				interact:	''
			},
			about: {
				text: 	'',
				title:	'',
				link:	''
			}
		},
		files: {
			js: {
				lightbox:	'design/djlafemme/javascript/jquery.lightbox.js',
				colorBlend:	'design/djlafemme/javascript/js/jquery.color.js'
			},
			css: {
				lightbox:	'design/djlafemme/stylesheets/jquery.lightbox.css'
			},
			images: {
				blank:		'design/djlafemme/stylesheets/blank.gif',
				loading:	'design/djlafemme/images/ajax-loader.gif'
			}
		}
	});
}

function showImages(page){
	var html = "";
	var startImage = (ThumsInPage*page)-ThumsInPage;
	var stopImage = startImage + ThumsInPage;
	$.each(ArrayImages.Images, function(entryIndex, entry){
		if ((entryIndex <= stopImage) && (entryIndex > startImage)) {
			html += '<li><a href="'+entry.LargeURL+'" rel="lightbox-tour" title="'+ entry.Caption +'"><img src="'+entry.ThumbURL+'"/></li></a> ';
		}
	});
	html = '<ul>'+html+'<\/ul>';
	$('#list_of_images #ImageWraper').html(html);
	SetLightBox();
}
function showPageList(){
	var html = "";
	html = "<ul>"
	for (i=1; i<=PageCount; i++){
		html += "<li><a href='javascript:void(0);' onclick='showImages(" + i + ")'>" + i + "</a></li>"
	}
	html += "</ul>"
	$("#list_of_images #list_of_pages").html(html);
}
function GetImages(AlbumId, ImageCount){
	PageCount = Math.ceil(ImageCount / ThumsInPage);
	$.ajax({
		url: "http://api.smugmug.com/services/api/json/1.2.1/?method=smugmug.images.get&Heavy=1&SessionID=" + SessionId + "&AlbumID=" + AlbumId + "&JSONCallback=?",
		dataType: "jsonp",
		success: function(data){
			ArrayImages = data;
			showPageList();
			showImages(1);
		}
	});
}
function showAlbumList(data){
	var html = "";
	$.each(data.Albums, function(entryIndex, entry){
		html += "<li><a href='javascript:void(0);' onclick='GetImages(" + entry.id + ", " + entry.ImageCount + ")'>" + entry.Title + "</a><br /><span style='color:#6f6f6f;'>Updated: " + entry.LastUpdated + "</span></li></a></br>";
		if (entryIndex == 0) {
			GetImages(entry.id, entry.ImageCount);
		}
	});
	html = "<ul>" + html + "<\/ul>";
	$("#list_of_albums").append(html);
}
function GetAlbums(){
	$.ajax({
		url: "http://api.smugmug.com/services/api/json/1.2.1/?method=smugmug.albums.get&Heavy=1&NickName=" + NickName + "&SessionID=" + SessionId + "&JSONCallback=?",
		dataType: "jsonp",
		success: function(data){
			showAlbumList(data);
		}
	});
}
function setSessionID(data){
	SessionId=data.Login.Session.id;
	$("#viwer").append(SessionId);
	/*GetAlbums();*/
	GetImages(10227575, 299);
};
function SmugMugLogin(){
	$.ajax({
		url: "http://api.smugmug.com/services/api/json/1.2.1/?method=smugmug.login.anonymously&APIKey=" + apiKey + "&JSONCallback=?",
		dataType: "jsonp",
		success: function(data){
			 setSessionID(data);
		}
	});
}
function PhotoGalleryCondsruct(){
	var ListOfImagesWidth = (ThumsWidth * ThumsInLine) + ((ThumsPadding * 2) * ThumsInLine);
	$("#photo_gallery #list_of_images").css("width", ListOfImagesWidth + "px");
	var ListOfImagesHeight = (ThumsHeight * (ThumsInPage / ThumsInLine)) + ((ThumsPadding * 2) * (ThumsInPage / ThumsInLine));
	$("#photo_gallery #list_of_images").css("height", ListOfImagesWidth + "px");
}
$(document).ready(function(){
	PhotoGalleryCondsruct();
	SmugMugLogin();
});