';
if (typeof current_title != 'undefined') {
header_html += '' + current_title + '';
}
header_html += ' ' + Photonic_JS.flickr_photo_count.replace('{#}', photos.length) + ' ';
header_html += "
";
}
div_header.innerHTML = header_html;
div.appendChild(div_header);
}
var div_content = document.createElement('div');
div_content.className = 'photonic-flickr-panel-content photonic-panel-content fix';
div_content.id = 'photonic-flickr-panel-content-' + current_panel;
var script;
if (Photonic_JS.slideshow_library != 'none') {
script = document.createElement('script');
script.type = 'text/javascript';
if (Photonic_JS.slideshow_library == 'fancybox') {
script.text = "$j('a.launch-gallery-fancybox').each(function() { $j(this).fancybox({ transitionIn:'elastic', transitionOut:'elastic',speedIn:600,speedOut:200,overlayShow:true,overlayOpacity:0.8,overlayColor:\"#000\",titleShow:Photonic_JS.fbox_show_title,titlePosition:Photonic_JS.fbox_title_position});});";
}
else if (Photonic_JS.slideshow_library == 'colorbox') {
script.text = "$j('a.launch-gallery-colorbox').each(function() { $j(this).colorbox({ opacity: 0.8 });});";
}
div_content.appendChild(script);
}
if (Photonic_JS.flickr_photo_pop_title_display == 'tooltip') {
script = document.createElement('script');
script.type = 'text/javascript';
script.text = "$j('.photonic-flickr-panel a').each(function() { $j(this).data('title', $j(this).attr('title')); }); $j('.photonic-flickr-panel a').each(function() { var iTitle = $j(this).find('img').attr('alt'); $j(this).tooltip({ bodyHandler: function() { return iTitle; }, showURL: false });})";
div_content.appendChild(script);
}
var ul = document.createElement('ul');
ul.className = 'slideshow-grid-panel lib-' + Photonic_JS.slideshow_library;
var rows = 4;
var li_count = Photonic_JS.gallery_panel_items;
var li;
for (var i = 0; i < photos.length; i++) {
var photo = photos[ i ];
var thumb = "http://farm" + photo.farm + ".static.flickr.com/" + photo.server + "/" + photo.id + "_" + photo.secret + "_" + Photonic_JS.flickr_thumbnail_size + ".jpg";
var orig = "http://farm" + photo.farm + ".static.flickr.com/" + photo.server + "/" + photo.id + "_" + photo.secret + main_size + ".jpg";
if (typeof photo.owner != 'undefined') {
owner = photo.owner;
}
var url = "http://www.flickr.com/photos/" + owner + "/" + photo.id;
if (i%li_count == 0) {
li = document.createElement('li');
li.className = "photonic-flickr-image photonic-flickr-photo ";
}
var a = document.createElement('a');
a.rel = 'lightbox-' + div_content.id;
if (Photonic_JS.slideshow_library != 'none') {
a.className = 'launch-gallery-' + Photonic_JS.slideshow_library + " " + Photonic_JS.slideshow_library + " " + col_class;
a.href = orig;
var encodedFlickrView = "" + Photonic_JS.flickr_view + "";
a.title = photo.title == '' ? encodedFlickrView : photo.title + " | " + encodedFlickrView;
}
else {
a.href = url;
a.title = photo.title;
}
var img = document.createElement('img');
img.alt = photo.title;
img.src = thumb;
a.appendChild(img);
if (Photonic_JS.flickr_photo_pop_title_display == 'below') {
var span = document.createElement('span');
span.className = 'photonic-photo-pop-title';
span.innerHTML = photo.title;
a.appendChild(span);
}
li.appendChild(a);
if (i%li_count == 0 || i == photos.length - 1) {
ul.appendChild(li);
}
}
var screens = ul.children.length;
var prev = document.createElement('a');
prev.id = 'photonic-flickr-set-' + current_panel + '-prev';
prev.href = '#';
prev.className = 'panel-previous';
prev.innerHTML = ' ';
var next = document.createElement('a');
next.id = 'photonic-flickr-set-' + current_panel + '-next';
next.href = '#';
next.className = 'panel-next';
next.innerHTML = ' ';
div_content.appendChild(ul);
div.appendChild(div_content);
$j(ul).first('li').waitForImages(function() {
$j(div).appendTo($j('#photonic-flickr-set-' + current_panel)).show();
if (screens > 1) {
$j(this).before(prev)
.after(next)
.cycle({
//fx: 'scrollHorz',
timeout: 0,
slideResize: false,
prev: 'a#photonic-flickr-set-' + current_panel + '-prev',
next: 'a#photonic-flickr-set-' + current_panel + '-next',
sync: false
});
}
else {
$j(this).cycle({
//fx: 'scrollHorz',
timeout: 0,
slideResize: false,
sync: false
});
}
$j('#photonic-flickr-panel-' + current_panel).modal({
autoPosition: false,
dataCss: { width: '' + Photonic_JS.gallery_panel_width + 'px' },
overlayCss: { background: '#000' },
closeClass: 'photonic-flickr-panel-' + current_panel,
opacity: 90,
close: true,
escClose: false,
containerId: 'photonic-flickr-panel-container-' + current_panel,
onClose: function(dialog) { $j.modal.close(); $j('#photonic-flickr-panel-' + current_panel).css({ display: 'none' }) },
onShow: modalOnShow,
onOpen: modalOpen
});
var viewport = [$j(window).width(), $j(window).height(), $j(document).scrollLeft(), $j(document).scrollTop()];
var target = {};
target.top = parseInt(Math.max(viewport[3] - 20, viewport[3] + ((viewport[1] - $j('#photonic-flickr-panel-container-' + current_panel).height() - 40) * 0.5)), 10);
target.left = parseInt(Math.max(viewport[2] - 20, viewport[2] + ((viewport[0] - $j('#photonic-flickr-panel-container-' + current_panel).width() - 40) * 0.5)), 10);
$j('#photonic-flickr-panel-container-' + current_panel).css({top: target.top, left: target.left });
$j('.photonic-loading').hide();
});
}
}
// callback function
function modalOnShow(dialog) {
var s = this; // refers to the simplemodal object
$j('.photonic-flickr-set-thumb', dialog.data[0]).click(function () { // use the modal data context
photonicDisplaySetPopup(this);
var id = '#' + this.id + '-modal'; // dynamically determine the modal content id based on the link id
id = '#photonic-flickr-panel-' + this.id.substr(21);
setTimeout(function () { // wait for 6/10ths of a second, then open the next dialog
s.close(); // close the current dialog
$j(id).modal({
onShow: modalOnShow,
onOpen: modalOpen,
onClose: modalClose
});
}, 600);
return false;
});
}
function modalOnPicasaShow(dialog) {
var s = this; // refers to the simplemodal object
$j('.photonic-picasa-album-thumb', dialog.data[0]).click(function () { // use the modal data context
//photonicDisplaySetPopup(this);
var id = '#photonic-picasa-panel-' + this.id.substr(21);
setTimeout(function () { // wait for 6/10ths of a second, then open the next dialog
s.close(); // close the current dialog
$j(id).modal({
onShow: modalOnPicasaShow,
onOpen: modalOpen,
onClose: modalClose
});
}, 600);
return false;
});
}
// callback function
function modalOpen(dialog) {
dialog.overlay.fadeIn(200, function () {
dialog.data.hide();
dialog.container.fadeIn(100, function () {
dialog.data.fadeIn(100);
var panel = dialog.data.attr('id');
$j('.slideshow-grid-panel').cycle({/*fx: 'scrollHorz', */timeout: 0, prev: 'a#' + panel + '-prev', next: 'a#' + panel + '-next'});
});
});
}
// callback function
function modalClose(dialog) {
dialog.data.fadeOut(100, function () {
dialog.container.fadeOut(100, function () {
dialog.overlay.fadeOut(200, function () {
$j.modal.close();
});
});
});
}
function photonicDisplaySetPopup(setPanel) {
var panel = setPanel.id;
panel = panel.substr(26);
current_panel = panel;
var containerId = 'photonic-flickr-panel-container-' + panel;
panel = '#photonic-flickr-panel-' + panel;
current_title = setPanel.title;
current_thumbnail = $j(setPanel).find('img');
var loading = document.createElement('div');
loading.className = 'photonic-loading';
$j(loading).appendTo($j('body')).show();
if ($j(panel).length == 0) {
var photoset_id = current_panel.substr(current_panel.lastIndexOf('-') + 1);
var url = 'http://api.flickr.com/services/rest/?format=json&api_key=' + (Photonic_JS.flickr_api_key) + '&method=flickr.photosets.getPhotos&photoset_id=' + photoset_id + '&jsoncallback=?';
$j.getJSON(url, photonicDisplaySetImages);
}
else {
$j(loading).hide();
$j(panel).modal({
autoPosition: false,
dataCss: { width: '' + Photonic_JS.gallery_panel_width + 'px' },
overlayCss: { background: '#000' },
opacity: 90,
close: true,
escClose: false,
containerId: containerId,
// onClose: function(dialog) { $j.modal.close(); $j(panel).css({ display: 'none' }) }
onClose: modalClose
});
var viewport = [$j(window).width(), $j(window).height(), $j(document).scrollLeft(), $j(document).scrollTop()];
var target = {};
target.top = parseInt(Math.max(viewport[3] - 20, viewport[3] + ((viewport[1] - $j('#photonic-flickr-panel-' + current_panel).height() - 40) * 0.5)), 10);
target.left = parseInt(Math.max(viewport[2] - 20, viewport[2] + ((viewport[0] - $j('#photonic-flickr-panel-' + current_panel).width() - 40) * 0.5)), 10);
$j('#' + containerId).css({top: target.top, left: target.left});
$j('.slideshow-grid-panel').cycle({/*fx: 'scrollHorz',*/ timeout: 0, prev: 'a#photonic-flickr-set-' + current_panel + '-prev', next: 'a#photonic-flickr-set-' + current_panel + '-next'});
}
return false;
}
});
/**
* This request is invoked if there are multiple Flickr API calls and the first deals with header information for that section.
* E.g. If Photoset thumbnails for a collection are being retrieved, this call will get the information about the collection itself.
* This is required because we cannot make chained calls to the Flickr API.
*
* @param rsp
*/
function photonicJsonFlickrHeaderApi(rsp) {
var position = parseInt(Photonic_JS.flickr_position);
position++;
Photonic_JS.flickr_position = position;
if (rsp.stat != "ok") {
return;
}
if (typeof rsp.photoset != 'undefined') { // Photo sets
var s = "";
var photoset = rsp.photoset;
owner = photoset.owner;
var id = photoset.id;
var thumb = "http://farm" + photoset.farm + ".static.flickr.com/" + photoset.server + "/" + photoset.primary + "_" + photoset.secret + "_" + Photonic_JS.flickr_thumbnail_size + ".jpg";
var cleanTitle = photonicHtmlEncode(photoset.title._content);
var owner = photoset.owner;
// Roundabout way to ensure that titles are appropriately escaped.
var image = "";
if (!Photonic_JS.flickr_hide_set_title) {
s += "';
}
if (!Photonic_JS.flickr_hide_set_photo_count) {
var photo_count = Photonic_JS.flickr_photo_count.replace('{#}', photoset.photos);
s += "" + photo_count + '';
}
s += "
";
}
s += "[gallery type='flickr' user_id='abc' view='collections'] or [gallery type='flickr' user_id='abc' collection_id='xyz']
* @param collection
*/
function photonicGetFlickrCollectionHTML(collection) {
var position = current_position;
var id = collection.id.substr(collection.id.indexOf('-') + 1);
var current_id = id + '-' + position;
if (typeof current_panel != 'undefined') {
current_id = current_panel + '-' + id;
}
var user_id = eval('photonic_flickr_user_' + current_position);
var collection_a = "http://www.flickr.com/photos/" + user_id + "/collections/" + id;
var col_class = '';
var columns = eval('photonic_flickr_columns_' + position);
if (typeof columns != 'undefined' && columns != 'auto') {
col_class = 'photonic-gallery-' + columns + 'c';
}
else if (Photonic_JS.flickr_collection_set_per_row_constraint == 'padding') {
col_class = 'photonic-pad-photosets';
}
else {
col_class = 'photonic-gallery-' + Photonic_JS.flickr_collection_set_constrain_by_count + 'c';
}
var s = "";
if (!Photonic_JS.flickr_hide_collection_thumbnail) {
s += "![](" + collection.iconsmall + ")
";
}
if (!(Photonic_JS.flickr_hide_collection_title && Photonic_JS.flickr_hide_collection_set_count)) {
s += "
";
}
s += "";
if (!Photonic_JS.flickr_hide_collection_title) {
s += "';
}
if (!Photonic_JS.flickr_hide_collection_set_count) {
var photosets = collection.set;
if (typeof photosets != 'undefined' && photosets.length > 0) {
var set_count = Photonic_JS.flickr_set_count.replace('{#}', photosets.length);
s += "" + set_count + '';
}
}
s += "
";
}
// s += "[gallery type='flickr' user_id='abc' view='photosets']
* @param photosets
*/
function photonicGetFlickrPhotosetsHTML(photosets) {
var position = current_position;
var s = '';
var user_id = eval('photonic_flickr_user_' + position);
var col_class = '';
var columns = eval('photonic_flickr_columns_' + position);
if (typeof columns != 'undefined' && columns != 'auto') {
col_class = 'photonic-gallery-' + columns + 'c';
}
else if (Photonic_JS.flickr_collection_set_per_row_constraint == 'padding') {
col_class = 'photonic-pad-photosets';
}
else {
col_class = 'photonic-gallery-' + Photonic_JS.flickr_collection_set_constrain_by_count + 'c';
}
for (var i=0; i