(function() {
var photoViewer = window.photoViewer = function(spec) {
var that = {};
that.photos = [];
that.pager = function() {
return;
};
// initialize
(function() {
$.ajax({
adataType: 'xml',
url: spec.xmlPath,
success: function(xml) {
$(xml).find('img').each(function(i) {
that.photos.push({src: $(this).attr('src'), desc: $(this).attr('description')});
});
that.layout(0);
that.pager();
}
});
})();
return that;
};
var newDesigns = window.newDesigns = function(spec) {
var that = photoViewer(spec);
that.layout = function() {
var tags = '';
tags += '
';
tags += '
';
tags += '
';
tags += '
';
var photoList = $('#newDesign ul');
photoList.append(tags);
};
return that;
};
var gallery = window.gallery = function(spec) {
var num = spec.num || 12;
var that = photoViewer(spec);
that.layout = function(pageNum) {
var tags = '';
var start = pageNum * num;
var end = start + Number(num);
end = (that.photos.length >= end)? end: that.photos.length;
for(var i = start; i < end; i++) {
tags += '
';
};
var photoList = $('#photoList ul');
photoList.fadeOut('slow', function() {
photoList.empty();
photoList.append(tags);
photoList.fadeIn('slow');
tb_init('a.thickbox, area.thickbox, input.thickbox');//pass where to apply thickbox
});
};
that.pager = function() {
var tags = '';
var total = Math.floor(that.photos.length / num);
total += (that.photos.length % num)? 1: 0;
for(var i = 0; i < total; i++) {
tags += '' + Number(i + 1) + '';
}
$('#pager').append(tags).children().click(function () {
that.layout($(this).text() - 1);
});
};
};
})();
