<!--
prependOnloadHandler(loadPicasaOverview);

var loadingText = "Fotos werden von <a href=\"http://picasaweb.google.com/wtchur\">Picasa</a> abgerufen. Bitte warten... <img src=\"http://www.wt-chur.ch/wp-content/themes/wtchur/images/ajax-loader.gif\" width=\"16\" height=\"16\" class=\"inline\" /><br/>"
                + "<em>Sollten keine Fotos angezeigt werden, verwenden Sie den <a href=\"http://picasaweb.google.com/wtchur\">Picasa</a>-Link</em>";

/**
 * Picasa-Alben laden.
 */
function loadPicasaOverview() {
  var container = $("<div/>").attr("id","photoContainer");
  
  $("#info").html(loadingText);
  $("#photoContainer").fadeOut("fast", function() {
    $.getJSON("http://picasaweb.google.com/data/feed/base/user/wtchur?alt=json&kind=album&callback=?"
            , function(data){
              var photoList = $("<ul/>").attr("class","photolist").addClass("album");
              var jsonData = eval(data);
              var photos = jsonData.feed.entry;
              
              for(i=0,l=photos.length;i<l;i++) {
                var photoData = photos[i];
                var thumbnailData = photoData.media$group.media$thumbnail[0];
                
                var item = $("<li/>");
                var thumb = $("<img/>").attr("src",thumbnailData.url).attr("alt","Album: " + photoData.title.$t);
                var title = $("<p/>").html(photoData.title.$t);
                link = $("<a/>").attr("href",photoData.link[1].href).attr("target","_blank").attr("title","Album: " + photoData.title.$t);
                link.bind("click",{url:photoData.link[0].href,title:title,picasaUrl:photoData.link[1].href}, function(event) {
                  loadPicasaAlbum(event.data.url,event.data.title,event.data.picasaUrl);
                  return(false); // href von Link "abklemmen"
                });
                
                $(link).append(thumb);
                $(link).append(title);
                $(item).append(link);
                
                $(photoList).append(item);
              }
              
              $("#info").html("");
              $(container).append($("<h3/>").html("Fotoalben"));
              $(container).append(photoList);
              $(container).append($("<br/>").attr("style","clear:left;"));
              $(container).hide();
              $("#photoContainer").replaceWith(container);
              $("#photoContainer").fadeIn("fast");
            });
          
  });
}

/**
 * Fotos eines bestimmten Albums von Picasa laden.
 */
function loadPicasaAlbum(albumJsonUrl, albumTitle, picasaUrl) {
  //albumJsonUrl = "http://localhost/wt-chur/wp-content/themes/wtchur/testalbum";
  $("#info").html(loadingText);
  $("#photoContainer").fadeOut("fast", function() {
  
    $.getJSON(albumJsonUrl + "&callback=?",function(data) {
      var photoList = $("<ul/>").attr("class","photolist");
      var jsonData = eval(data);
      var photos = jsonData.feed.entry;
      var container = $("<div/>").attr("id","photoContainer");

      for(i=0,l=photos.length;i<l;i++) {
        var photoData = photos[i];
        var thumbnailData = photoData.media$group.media$thumbnail[1];

        var title = photoData.title.$t;
        //var url = photoData.media$group.media$content[0].url;
        var url = photoData.content.src;
        var thumbUrl = thumbnailData.url;
        var linkUrl = photoData.link[1].href;
        var secondLine = "<a href=\"" + linkUrl + "\" title=\"Dieses Foto auf Picasa anzeigen\" target=\"_blank\">Picasa-Fotoseite</a>";
        
        var item = $("<li/>");
        var thumb = $("<img/>").attr("src",thumbUrl).attr("alt",title).attr("width",thumbnailData.width).attr("height",thumbnailData.height).attr("rel","album");
        link = $("<a/>").attr("href",linkUrl).attr("target","_blank").attr("title",title);
        
        link.bind("click",{url:url,title:title,secondLine:secondLine}, function(event) {
          //tb_show(event.data.title, event.data.url, false, event.data.secondLine);
          //this.blur();
          //return false;
          return true;
        });
        
        $(link).append(thumb);
        $(item).append(link);
        
        $(photoList).append(item);
      }
      
      $("#info").html("");
      $("#info").append($("<a/>").click(function() {loadPicasaOverview();return(false);}).html("Zur&uuml;ck zu den Fotoalben...").attr("href","#"));
      
      $(container).append($("<h3/>").html(albumTitle));
      $(container).append(photoList);
      $(container).append($("<br/>").attr("style","clear:left;"));
      $(container).append("<p>Dieses Album k&ouml;nnen Sie auch direkt bei <a href=\"" + picasaUrl + "\" target=\"blank\">Picasa</a> anzeigen.</p>");
      $(container).hide();
      $("#photoContainer").replaceWith(container);
      $("#photoContainer").fadeIn("fast");
    });
    

  });
}
-->
