/**
 * Picasa Webalbum Integration jQuery plugin
 * This library was inspired aon pwa by Dieter Raber
 * @name jquery.pwi.js
 * @author Jeroen Diderik - http://www.multiprof.nl/
 * @revision 1.1.13
 * @date November 02, 2009
 * @copyright (c) 2009 Jeroen Diderik(www.multiprof.nl)
 * @license Creative Commons Attribution-Share Alike 3.0 Netherlands License - http://creativecommons.org/licenses/by-sa/3.0/nl/
 * @Visit http://pwi.googlecode.com/ for more informations, duscussions etc about this library
 */
(function ($) {
        var elem, opts = {};
        $.fn.pwi = function (opts) {
                var $self, settings = {};
                opts = $.extend({},     $.fn.pwi.defaults, opts);
                elem = this;
                function _initialize() {
                        settings = opts;
                        ts = new Date().getTime();
                        settings.id = ts;
                        $self = $("<div id='pwi_" + ts + "'/>").appendTo(elem);
                        $self.addClass('pwi_container');
                        _start();
                        return false;
                }
                function _start() {
                        if (settings.username === '') {
                                alert('Make sure you specify at least your username.' + '\n' + 'See http://pwi.googlecode.com for more info');
                                return;
                        }
                        switch (settings.mode) {
                        case 'latest':
                                getLatest();
                                break;
                        case 'album':
                                getAlbum();
                                break;
                        case 'keyword':
                                getAlbum();
                                break;
                        default:
                                getAlbums();
                                break;
                        }
                }
                function formatDate($dt) {
                        var $today = new Date(Number($dt)),
                        $year = $today.getUTCFullYear();
                        if ($year < 1000) {
                                $year += 1900;
                        }
                        return (settings.months[($today.getUTCMonth())] + " " + $today.getUTCDate() + ", " + $year);
                }
                function formatDateTime($dt) {
                        var $today = new Date(Number($dt));
                        $year = $today.getUTCFullYear();
                        if ($year < 1000) {
                                $year += 1900;
                        }
                        if($today == "Invalid Date"){
                                return $dt;
                        }else{
                                return ($today.getUTCDate() + "-" + ($today.getUTCMonth() + 1) + "-" + $year + " " + $today.getUTCHours() + ":" + ($today.getUTCMinutes() < 10 ? "0" + $today.getUTCMinutes() : $today.getUTCMinutes()));
                        }
                }
                function photo(photo){
                                var $html, $d = "", $c = "", $img_base = photo.content.src,
                                $id_base = photo.gphoto$id.$t,
                                $c = (photo.summary ? photo.summary.$t : "");
                                if(settings.showPhotoDate){
                                        if( photo.exif$tags.exif$time ){
                                                $d = formatDateTime(photo.exif$tags.exif$time.$t);
                                        }else if( photo.gphoto$timestamp ){
                                                $d = formatDateTime(photo.gphoto$timestamp.$t);
                                        }else{
                                                $d = formatDateTime(photo.published.$t);
                                        }
                                        $d += " ";
                                }
                                $d += $c.replace(new RegExp("'", "g"), "&#39;");
                                $html = $("<div class='pwi_photo' style='height:" + (settings.thumbSize) + "px;cursor: auto;'/>");




                               
                                $html.append("<a href='" + $img_base + "?imgmax=" + settings.photoSize + "' rel='lb-" + settings.username + "' title='" + $d + "'><img src='" + $img_base + "?imgmax=" + settings.thumbSize + "&crop=" + settings.thumbCrop + "'/></a>");
                                //if(settings.showPhotoDownload){$c += "download";}
                                if (settings.showPhotoCaption){
                                        if(settings.showPhotoCaptionDate && settings.showPhotoDate){ $c = $d; }
                                        if(settings.photoCaptionLength > 0){ $c = $c.substring(0, settings.photoCaptionLength);}
                                        $html.find("a").append("<br/>" + $c);
                                }
                                return $html;
                }
                function albums(j) {
                        var $scAlbums = $("<div/>"), i=0;
                        while(i < settings.albumMaxResults && i< j.feed.entry.length){
                                var $id_base = j.feed.entry[i].gphoto$name.$t,
                                $album_date = formatDate(j.feed.entry[i].gphoto$timestamp.$t),
                                $thumb = j.feed.entry[i].media$group.media$thumbnail[0].url.replace(new RegExp("/s160-c/", "g"), "/");
                                if ($.inArray($id_base, settings.albums) > -1 || settings.albums.length === 0) {
                                        $scAlbum = $("<div class='pwi_album'/>");
                                        $scAlbum.bind('click.pwi',  $id_base, function(e){
                                                e.stopPropagation();
                                                settings.page = 1;
                                                settings.album = e.data;
                                                if(typeof(settings.onclickAlbumThumb) === "function"){
                                                        settings.onclickAlbumThumb(e, settings);
                                                        return false;
                                                }else{
                                                        getAlbum();
                                                        return false;
                                                }
                                        });
                                        $scAlbum.append("<div class='drop_shadow'><img src='" + $thumb + "?imgmax=" + settings.albumThumbSize + "&crop=" + settings.albumCrop + "'</div>");
                                        settings.showAlbumTitles ? $scAlbum.append("<div class='title'>" + j.feed.entry[i].title.$t + "</div><div class='details'>" + (settings.showAlbumPhotoCount ? "    " + j.feed.entry[i].gphoto$numphotos.$t + " " + settings.labels.photos : "</div>")) : false;
                                        $scAlbums.append($scAlbum);
                                }
                                i++;
                        }
                        $scAlbums.append("<div style='clear: both;height:0px;'/>");
                        settings.albumstore = j;
                        show(false, $scAlbums);
                }
                function album(j) {
                        var $scPhotos, $scPhotosDesc,
                        $np = j.feed.openSearch$totalResults.$t,
                        $at = "", $navRow = "",
                        $loc = j.feed.gphoto$location === undefined ? "" : j.feed.gphoto$location.$t,
                        $ad = j.feed.subtitle === undefined ? "" : j.feed.subtitle.$t,
                        $album_date = formatDate(j.feed.gphoto$timestamp === undefined ? '' : j.feed.gphoto$timestamp.$t),
                        $item_plural = ($np == "1") ? false : true;
                        $at = (j.feed.title === "undefined" || settings.albumTitle.length > 0) ? settings.albumTitle : j.feed.title.$t;
                        $scPhotos = $("<div/>");
                        if (settings.mode != 'album') {
                        	var tmp = $("<div class='pwi_album_backlink'>" + settings.labels.albums + "</div>").bind('click.pwi', function (e) {
                                        e.stopPropagation();
                                        getAlbums();
                                        return false;
                                });
                                $scPhotos.append(tmp);
                        }
                        if (settings.showAlbumDescription) {
                                $scPhotosDesc = $("<div class='pwi_album_description'/>");
                                $scPhotosDesc.append("<div class='title'>" + $at + "</div>");
                              				//$scPhotosDesc.append("<div class='details'>" + $np + " " + ($item_plural ? settings.labels.photos : settings.labels.photo) + (settings.showAlbumdate ? ", " + $album_date : "") + (settings.showAlbumLocation && $loc ? ", " + $loc : "") + "</div>");
                                $scPhotosDesc.append("<div class='description'>" + $ad + "</div>");
                                if (settings.showSlideshowLink) {
                                        if(settings.mode === 'keyword'){
                                                //alert("currently not supported");
                                        }else{
                                                //$scPhotosDesc.append("<div><a href='http://picasaweb.google.com/" + settings.username + "/" + j.feed.gphoto$name.$t + "" + ((settings.authKey != "") ? "?authkey=" + settings.authKey : "") + "#slideshow/" + j.feed.entry[0].gphoto$id.$t + "' rel='gb_page_fs[]' target='_new' class='sslink'>" + settings.labels.slideshow + "</a></div>");
                                                //$scPhotosDesc.append("<div></div>");
                                        }
                                }
                                $scPhotos.append($scPhotosDesc);
                        }
                        if ($np > settings.maxResults) {
                                $pageCount = ($np / settings.maxResults);
                                var $ppage = $("<div class='pwi_prevpage'/>").text(settings.labels.prev),
                                $npage = $("<div class='pwi_nextpage'/>").text(settings.labels.next);
                                
                                $navRow = $("<div class='pwi_pager'/>");
                                if (settings.page > 1) {
                                        $ppage.addClass('link').bind('click.pwi', function (e) {
                                                e.stopPropagation();
                                                settings.page = (parseInt(settings.page) - 1);
                                                getAlbum();
                                                return false;
                                        });
                                }
                                $navRow.append($ppage);
                                for (var p = 1; p < $pageCount + 1; p++) {
                                        if (p == settings.page) {
                                                tmp = "<div class='pwi_pager_current'>" + p + "</div>";
                                        } else {
                                                tmp = $("<div class='pwi_pager_page'>" + p + "</div>").bind('click.pwi', p, function (e) {
                                                        e.stopPropagation();
                                                        settings.page = e.data;
                                                        getAlbum();
                                                        return false
                                                });
                                        }
                                        $navRow.append(tmp);
                                }
                                if (settings.page < $pageCount) {
                                        $npage.addClass('link').bind('click.pwi', function (e) {
                                                e.stopPropagation();
                                                settings.page = (parseInt(settings.page) + 1);
                                                getAlbum();
                                                return false
                                        });
                                }
                                $navRow.append($npage);
                                $navRow.append("<div style='clear: both;height:0px;'/>");
                        }
                        if($navRow.length > 0 && (settings.showPager === 'both' || settings.showPager === 'top')){
                                $scPhotos.append($navRow);
                        }
                        var i = ((settings.page-1)*settings.maxResults);
                        while(i < (settings.maxResults*settings.page) && i < $np) {
                                var $scPhoto = photo(j.feed.entry[i]);
                                $scPhotos.append($scPhoto);
                                i++;
                        }
                        if($navRow.length > 0 && (settings.showPager === 'both' || settings.showPager === 'bottom')){
                                $scPhotos.append($navRow.clone(true));
                        }
                        settings.photostore[settings.album] = j;
                        var $s = $(".pwi_photo", $scPhotos).css(settings.thumbCss);
                        if (typeof(settings.popupExt) === "function") {
                                settings.popupExt($s.find("a[rel='lb-" + settings.username + "']"));
                        } else if (typeof(settings.onclickThumb) === "function") {
                                $s.find("a[rel='lb-" + settings.username + "']").bind('click.pwi', clickThumb);
                        } else if (typeof(settings.onclickThumb) != "function" && $.slimbox) {
                                $s.find("a[rel='lb-" + settings.username + "']").slimbox(settings.slimbox_config);
                        }
                        show(false, $scPhotos);
                }
                function latest(j) {
                        var $scPhotos = $("<div/>"),
                        $len = j.feed ? j.feed.entry.length : 0,
                        i = 0;
                        while (i < settings.maxResults && i < $len) {
                                var $scPhoto = photo(j.feed.entry[i]);
                                $scPhotos.append($scPhoto);
                                i++;
                        }
                        $scPhotos.append("<div style='clear: both;height:0px;'> </div>");
                        var $s = $("div.pwi_photo", $scPhotos).css(settings.thumbCss);
                        if (typeof(settings.popupExt) === "function") {
                                settings.popupExt($s.find("a[rel='lb-" + settings.username + "']"));
                        } else if (typeof(settings.onclickThumb) === "function") {
                                $s.find("a[rel='lb-" + settings.username + "']").bind('click', clickThumb);
                        } else if (typeof(settings.onclickThumb) != "function" && $.slimbox) {
                                $s.find("a[rel='lb-" + settings.username + "']").slimbox(settings.slimbox_config);
                        }
                        show(false, $scPhotos);
                }
                function clickAlbumThumb(ref){
                        settings.onclickAlbumThumb(ref);
                        return false;
                }
                function clickThumb() {
                        settings.onclickThumb.call(this);
                        return false;
                }
                function getAlbums() {
                        if (settings.albumstore.feed) {
                                albums(settings.albumstore);
                        } else {
                                show(true, '');
                                var $url = 'http://picasaweb.google.com/data/feed/api/user/' + settings.username + '?kind=album&access=' + settings.albumTypes + '&alt=json';
                                $.getJSON($url, 'callback=?', albums);
                        }
                        return $self;
                }
                function getAlbum() {
                        if (settings.photostore[settings.album]) {
                                album(settings.photostore[settings.album]);
                        } else {
                                var $si = ((settings.page - 1) * settings.maxResults) + 1;
                                if(settings.mode === 'keyword'){
                                        var $url = 'http://picasaweb.google.com/data/feed/api/user/' +settings.username + '?alt=json&kind=photo&tag=' + settings.keyword +'&max-results=' + settings.maxResults + '&start-index=' + $si +((settings.authKey != "") ? "&authkey=" + settings.authKey : "");
                                }else{
                                        var $url = 'http://picasaweb.google.com/data/feed/api/user/' + settings.username + '/album/' + settings.album + '?kind=photo&alt=json' + ((settings.authKey != "") ? "&authkey=" + settings.authKey : "");
                                }
                                show(true, '');
                                $.getJSON($url, 'callback=?', album);
                        }
                        return $self;
                }
                function getLatest() {
                        show(true, '');
                        var $url = 'http://picasaweb.google.com/data/feed/api/user/' + settings.username + (settings.album != "" ? '/album/' + settings.album : '') + '?kind=photo&max-results='+settings.maxResults+'&alt=json&q=' + ((settings.authKey != "") ? "&authkey=" + settings.authKey : "");
                        $.getJSON($url, 'callback=?', latest);
                        return $self;
                }
                function show(loading, data) {
                        if (loading) {
                                document.body.style.cursor = "wait";
                                //if ($.blockUI){ $self.block(settings.blockUIConfig);}
                        } else {
                                document.body.style.cursor = "default";
                                //if ($.blockUI){ $self.unblock(); }
                                $self.html(data);
                        }
                }
                _initialize();
        }
        $.fn.pwi.defaults = {
                mode: 'albums',
                username: '',
                album: "",
                authKey: "",
                albums: [],
                albumCrop: 1,
                albumTitle: "",
                albumThumbSize: 160,
                albumMaxResults: 999,
                albumsPerPage: 10,
                albumStartIndex: 1,
                albumTypes: "public",
                page: 1,
                photoSize: 800,
                maxResults: 12,
                showPager: 'top', //'top', 'bottom', 'both'
                thumbSize: 144,
                thumbCrop: 0,
                thumbCss: { },
                onclickThumb: "",
                onclickAlbumThumb: "",
                popupExt: "",
                showAlbumTitles: true,
                showAlbumdate: false,
                showAlbumPhotoCount: true,
                showAlbumDescription: true,
                showAlbumLocation: false,
                showSlideshowLink: false,
                showPhotoCaption: false,
                showPhotoCaptionDate: false,
                photoCaptionLength: 0,
                showPhotoDownload: false,
                showPhotoDate: false,
                labels: {
                        photo: "image",
                        photos: "images",
                        albums: "[ back to portfolio home ]",
                        slideshow: "View slideshow",
                        loading: "PWI fetching data...",
                        page: "Page",
                        prev: "<< Previous page",
                        next: "Next page >>",
                        divider: "|"
                },
                months: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
                blockUIConfig: {
                        message: "<div class='lbLoading pwi_loader'>loading...</div>",
                        css: "pwi_loader"
                },
                albumstore: {},
                photostore: {},
                token: ""
        }
})(jQuery);