function Photos(){this.id="";this.url=""}function GalleryObject(){this.noOfPanels=0;this.noOfImages=0;this.currentImageIndex=0;this.selectedImageIndex=0;this.images=new Object();this.maxWidth=579;this.maxHeight=386;this.orgImageHeight=0;this.orgImageWidth=0;this.currentTag="";this.currentTagId="";this.imagesInPanel=12;this.isStructureRendered=false;this.animdelay=500;this.autoTriggered=false;this.currentImageWidth="";this.slideshowdelay=5000}var go;var tagData;function getCurrentPanel(a){currentPanel=parseInt((a/go.imagesInPanel));return currentPanel}function getImageId(a){return go.images[a].id}function CreateImageList(b){go.images=new Array(b);for(var a=0;a<b;a++){go.images[a]=new Photos();go.images[a].id="";go.images[a].url=""}}function LoadImageList(b,f){var e="";var g=0;var c=b*go.imagesInPanel+go.imagesInPanel;var d=(f.length<go.imagesInPanel)?(f.length+b*go.imagesInPanel):c;for(var a=b*go.imagesInPanel;a<d;a++){go.images[a].id=f[g].id;g++}}function getNextImageId(){if(go.images[go.currentImageIndex+1].url==""){LoadImageList(getCurrentPanel(go.currentImageIndex),data)}return go.images[go.currentImageIndex+1]}function getPhotoSize(){if(go.images[go.selectedImageIndex].id==""){$("#next_panel").trigger("click")}else{$.getJSON("http://api.flickr.com/services/rest/?format=json&jsoncallback=?&api_key=5bb08f2eb5fb226be7f63493858f8a1f&method=flickr.photos.getSizes&photo_id="+go.images[go.selectedImageIndex].id,renderbigflickrimage);$.getJSON("http://api.flickr.com/services/rest/?format=json&jsoncallback=?&api_key=5bb08f2eb5fb226be7f63493858f8a1f&method=flickr.photos.getInfo&photo_id="+go.images[go.selectedImageIndex].id,InsertRelatedInfo)}}var renderbigflickrimage=function(c){var d;$imageAsset=$(".imageAsset",$("#gallery"));$imageAsset.children("span").empty();d=(c.sizes.size[1].width>c.sizes.size[1].height)?false:true;var b=false;var a=0;$.each(c.sizes.size,function(g,f){if(d){if(f.width>go.maxWidth){b=true;a=g}}if(!d){if(f.height>go.maxHeight){b=true;a=g}}if(g>=c.sizes.size.length-1){b=true;a=c.sizes.size.length-1}if(b){var e=new Image();$(e).load(function(){$(this).hide();var h=$(this).attr("src").split("/");h=h[h.length-1];h=h.split("_")[0];if(h==go.images[go.selectedImageIndex].id){$imageAsset.children("span").empty();$("#postcardemail input[name=image_height]").val(e.height);$("#postcardemail input[name=image_width]").val(e.width);$imageAsset.removeClass("loading1").children("span").append(this);$imageAsset.css({width:go.maxWidth+"px",height:go.maxHeight+"px"});if(d){$imageAsset.find("span img").css({width:go.maxWidth+"px",height:Math.ceil((e.height/e.width)*go.maxWidth)+"px"})}else{$imageAsset.find("span img").css({height:go.maxHeight+"px",width:Math.ceil((e.width/e.height)*go.maxHeight)+"px"})}$(this).fadeIn();$("#postcardemail input[name=image_url]").val($imageAsset.children("span").children("img").attr("src"))}}).error(function(){alert("Unable to Load image, please reload the image by clicking the Thumbnail. ")}).attr("id","imageid-"+go.currentImageIndex).attr("src",c.sizes.size[a].source);return false}})};var RenderGallery=function(){$imageAsset=$(".imageAsset",$("#gallery"));$("#pageloader").css("height",$("body").height());$("#pageloader").show();window.scrollTo(0,0);go.selectedImageIndex=parseInt(splitString($(this).parent().attr("id")));$imageAsset.children("span").empty();$imageAsset.addClass("loading1");$("#gallery").show();AddSelectedClass();getPhotoSize();RenderState();return false};var InsertRelatedInfo=function(b){var a="";if(b.photo.description._content){a=b.photo.description._content}else{if(b.photo.title._content){a=b.photo.title._content}else{a="No Information Found"}}$imageAsset.find(".caption").empty().append("<label>"+a+"</label>");a="";if(b.photo.owner.realname){a=b.photo.owner.realname}else{if(datavr=b.photo.owner.username){a=b.photo.owner.username}else{a="Anonymous"}}$imageAsset.find(".mediaCredit .name").empty().append("<label>"+a+"</label>");$imageAsset.find(".shortintro .name").empty().append("<label>"+a.substring(0,20)+"</label>");$imageAsset.find(".linkChevron").attr("href",b.photo.urls.url[0]._content)};function thumbsOnClickEvent(){$(".image_wrapper a").unbind();$(".image_wrapper a").bind("click",RenderGallery)}function insert_pg_panels(c){var d=0;var b=0;while(c){var e="<div id='rightpanel-"+b+"' class='panel_photo_gallery'> </div>";$(e).appendTo("#inside");var a="<ul>";for(i=0;i<12;i++){a+="<li id='wrapper-"+d+"' class='image_wrapper'></li>";d++}a+="</ul>";$("#rightpanel-"+b).append(a);c--;b++}}function renderStructure(e){$carousel=$(".carousel",$("#gallery"));$("#inside").removeClass("loading1");$carousel.children("ul").remove();if(!go.isStructureRendered){$("#inside").width(529);$("#inside").append("<div id='rightpanel-0' class='panel_photo_gallery'> </div>");var f=1;var d;var c=0;var b="<ul>";var a="";$.each(e.photos.photo,function(k,j){var l="http://farm"+j.farm+".static.flickr.com/"+j.server+"/"+j.id+"_"+j.secret+"_s.jpg";a+="<li id='wrapper-"+c+"' class='image_wrapper'><a href='#' class='loading1'></a></li>";var g="#wrapper-"+c+" a";var h=new Image();$(h).load(function(){$(this).hide();$(g).removeClass("loading1").append(this);$(this).fadeIn()}).error(function(){}).attr({src:l,id:j.id});b+="<li><div id='wrapperthumbs-"+c+"'><img id='thumbid-"+j.id+"' class='thumbs' src='"+l+"' /></div></li>";c++});if(c%12!=0){for(i=c%12;i<12;i++){a+="<li id='wrapper-"+c+"' class='image_wrapper'></li>";c++}}$("#rightpanel-0").append("<ul>"+a+"</ul>");b+="</ul>";$carousel.append(b);$carousel.children("ul").width((getCurrentPanel(go.currentImageIndex)+1)*parseInt($carousel.css("width")));$carousel.children("ul").find("img").bind("click",function(){go.selectedImageIndex=parseInt(splitString($(this).parent().attr("id")),10);if($("#sendecard").is(":visible")){$("#cancelcard").trigger("click")}$(".imageAsset",$("#gallery")).addClass("loading1").children("span").empty();getPhotoSize();AddSelectedClass();RenderState()});go.isStructureRendered=true}}var RenderImages=function(a){$("#inside").css("margin-left","0px");$(".carousel",$("#gallery")).children("ul").css("margin-left","0px");go.currentImageIndex=0;go.noOfImages=a.photos.total;CreateImageList(go.noOfImages);go.noOfPanels=Math.ceil(a.photos.total/go.imagesInPanel);renderStructure(a);LoadImageList(getCurrentPanel(go.currentImageIndex),a.photos.photo);thumbsOnClickEvent();pg_operations();RenderState()};var RenderNextImages=function(e){var c=go.currentImageIndex;var d=getCurrentPanel(go.currentImageIndex);if(go.images[c].id==""){LoadImageList(d,e.photos.photo);var b="";var a="";if($("#gallery_leftcolumn").width()){$("#inside").width($("#inside").width()+529).append("<div id='rightpanel-"+d+"' class='panel_photo_gallery'></div>")}else{$("#inside").width($("#inside").width()+723).append("<div id='rightpanel-"+d+"' class='panel_photo_gallery' style='margin-left:139px;margin-right:139px;'></div>")}$.each(e.photos.photo,function(j,h){var k="http://farm"+h.farm+".static.flickr.com/"+h.server+"/"+h.id+"_"+h.secret+"_s.jpg";a+="<li id='wrapper-"+c+"' class='image_wrapper'><a href='#' class='loading1'></a></li>";var f="#rightpanel-"+(d)+" #wrapper-"+c+" a";var g=new Image();$(g).load(function(){$(this).hide();$(f).removeClass("loading1").append(this);$(this).fadeIn()}).error(function(){}).attr({src:k,id:h.id});b+="<li><div id='wrapperthumbs-"+c+"'><img id='thumbid-"+h.id+"' class='thumbs' src='"+k+"' /></div></li>";c++});if(c%12!=0){for(i=c%12;i<12;i++){a+="<li id='wrapper-"+c+"' class='image_wrapper'></li>";c++}}$("#rightpanel-"+d).append("<ul>"+a+"</ul>");$(".carousel ul",$("#gallery")).append(b);$(".carousel ul img",$("#gallery")).unbind().bind("click",function(){go.selectedImageIndex=parseInt(splitString($(this).parent().attr("id")),10);if($("#sendecard").is(":visible")){$("#sendecard #cancelcard").trigger("click")}$(".imageAsset",$("#gallery")).addClass("loading1").children("span").empty();getPhotoSize();AddSelectedClass();RenderState()});thumbsOnClickEvent();$(".carousel",$("#gallery")).removeClass("loading1")}$("#nextGroupButton").removeClass("temp-deactivated");RenderState()};function AddSelectedClass(){$carousel=$(".carousel",$("#gallery"));$carousel.find("div").removeClass("selected");$carousel.find("#wrapperthumbs-"+go.selectedImageIndex).addClass("selected")}function RenderState(){var a=getCurrentPanel(go.currentImageIndex)*go.imagesInPanel+1;var b=a+go.imagesInPanel-1;if(getCurrentPanel(go.currentImageIndex)==(go.noOfPanels-1)){b=a+(go.noOfImages-1)%go.imagesInPanel}if(go.autoTriggered){go.autoTriggered=false;AddSelectedClass();getPhotoSize()}$("#page_info").empty().append("<label>"+a+" - "+b+" of "+go.noOfImages+"</label>");if(getCurrentPanel(go.currentImageIndex)==0){$("#prevGroupButton").addClass("deactivated");$("#prev_panel").addClass("deactivated")}else{$("#prevGroupButton").removeClass("deactivated");$("#prev_panel").removeClass("deactivated")}if(getCurrentPanel(go.currentImageIndex)==(go.noOfPanels-1)){$("#nextGroupButton").addClass("deactivated");$("#next_panel").addClass("deactivated")}else{$("#nextGroupButton").removeClass("deactivated");$("#next_panel").removeClass("deactivated")}if(go.selectedImageIndex==0){$("#prevImageButton").addClass("deactivated");$("#prev_image").addClass("deactivated")}else{$("#prevImageButton").removeClass("deactivated");$("#prev_image").removeClass("deactivated")}if(go.selectedImageIndex==go.noOfImages-1){$("#nextImageButton").addClass("deactivated");$("#next_image").addClass("deactivated")}else{$("#nextImageButton").removeClass("deactivated");$("#next_image").removeClass("deactivated")}}function pg_operations(){$("#next_panel").unbind("click");$("#prev_panel").unbind("click");$("#next_panel").removeClass("deactivated");$carousel=$(".carousel",$("#gallery"));if(go.noOfPanels>1){$("#prev_panel").bind("click",function(){if((!$("#prev_panel").hasClass("deactivated"))||(go.autoTriggered)){if(!go.autoTriggered){go.currentImageIndex=(getCurrentPanel(go.currentImageIndex)-1)*go.imagesInPanel}else{go.selectedImageIndex--;go.currentImageIndex=go.selectedImageIndex}var b=parseInt($carousel.children("ul").css("margin-left"),10)+parseInt($carousel.css("width"),10);$carousel.children("ul").animate({marginLeft:b},"normal","easeInOutElastic",function(){$("#prevGroupButton").removeClass("temp-deactivated")});$("#next_panel").removeClass();var a=$("#photo_gallery").outerWidth()*getCurrentPanel(go.currentImageIndex);a="-"+a+"px";$("#inside").animate({marginLeft:a},go.animdelay,function(){});RenderState()}});$("#next_panel").bind("click",function(){if((!$("#next_panel").hasClass("deactivated"))||(go.autoTriggered)){if(!go.autoTriggered){go.currentImageIndex=(getCurrentPanel(go.currentImageIndex)+1)*go.imagesInPanel}else{go.selectedImageIndex++;go.currentImageIndex=go.selectedImageIndex}$carousel.children("ul").width((getCurrentPanel(go.currentImageIndex)+1)*parseInt($carousel.css("width"),10));var b=parseInt($carousel.children("ul").css("margin-left"),10)-parseInt($carousel.css("width"),10);$carousel.children("ul").animate({marginLeft:b},"normal","easeInOutElastic",function(){$carousel.children("ul").css("margin-left",b);$carousel.addClass("loading1");showPictures(getCurrentPanel(go.currentImageIndex),go.imagesInPanel,RenderNextImages)});$("#prev_panel").removeClass();var a=$("#photo_gallery").outerWidth()*getCurrentPanel(go.currentImageIndex);a="-"+a+"px";$("#inside").animate({marginLeft:a},go.animdelay,function(){})}})}else{$("#prev_panel").addClass("deactivated");$("#next_panel").addClass("deactivated")}}function showPictures(a,c,d){var b=parseInt(a)+1;if(go.images.length!=null){if(go.images[go.currentImageIndex].id!=""){$(".carousel",$("#gallery")).removeClass("loading1");$("#nextGroupButton").removeClass("temp-deactivated");RenderState();return false}}if(go.currentTag==""){$.getJSON("http://api.flickr.com/services/rest/?format=json&jsoncallback=?&api_key=5bb08f2eb5fb226be7f63493858f8a1f&method=flickr.groups.pools.getPhotos&group_id=1038167%40N22&per_page="+c+"&page="+b,d)}else{$.getJSON("http://api.flickr.com/services/rest/?format=json&jsoncallback=?&api_key=5bb08f2eb5fb226be7f63493858f8a1f&method=flickr.groups.pools.getPhotos&group_id=1038167%40N22&tags="+go.currentTag+"&per_page="+c+"&page="+b,d)}}function unbindAll(){$(".image_wrapper a").unbind();$("#next_panel").unbind("click");$("#prev_panel").unbind("click")}function selectTags(){$("#searchtags li a").unbind("click").bind("click",function(){if($("#view_selector").hasClass("full")){$("#view_selector").trigger("click")}$("#searchtags_form div").removeClass("deactivated");go=null;unbindAll();go=new GalleryObject();$("#inside").empty().addClass("loading1").width(529);go.currentTag=$(this).text();$("#searchtags_form input").attr("value",$(this).text());$("#resultspace ul").children("li").removeClass("selected_tag");$(this).parent().addClass("selected_tag");go.currentTagId=$(this).parent().attr("id");showPictures(0,go.imagesInPanel,RenderImages);return false})}var viewSelector=function(){$("#gallery_leftcolumn").addClass("loading1");$("#resultspace").empty();if($(this).hasClass("full")){$(this).removeClass("full").addClass("limited");$("#gallery_leftcolumn").animate({width:"194px"},"normal",function(){$("#slider_div").show();$("#searchtags_form").show()});$("#photo_gallery").animate({width:"529px"},"normal");setTimeout("loadTags('limited');$('#'+ go.currentTagId).addClass('selected_tag');",1000)}else{$(this).removeClass("LIMITED").addClass("full");$("#photo_gallery").animate({width:"0px"},"normal");$("#gallery_leftcolumn").animate({width:"729px"},"normal",function(){$("#slider_div").hide();$("#searchtags_form").hide()});setTimeout("loadTags('FULL');$('#'+ go.currentTagId).addClass('selected_tag');",1000)}return false};function loadTags(b){$("#resultspace").removeClass().addClass(b).empty();var a="";if(b=="FULL"){$.each(tagData,function(d,c){a+="<li id='tag-"+c.name+'\' class="list visibleqs" style="font-size:'+Math.ceil(15*c.size)+'px" > <a href="#">'+c.name+"</a> </li>"});$("div#resultspace").append('<ul id="searchtags">'+a+"</ul><a href='#' id='view_selector' class='full'>Show Popular Tags</a>")}else{$.each(tagData,function(d,c){var e=Math.ceil(12*c.size);if(e>11){a+="<li id='tag-"+c.name+'\' class="list visibleqs" style="font-size:'+Math.ceil(12*c.size)+'px" > <a href="#">'+c.name+"</a> </li>"}});$("div#resultspace").append('<ul id="searchtags">'+a+"</ul><a href='#' id='view_selector' class='limited'>View All Tags</a>")}$("#gallery_leftcolumn").removeClass("loading1");$("#view_selector").unbind("click").bind("click",viewSelector);selectTags()}function renderTags(){$.getJSON("/gallery/gettags/",function(b){var a="";tagData=b;loadTags("LIMITED");qsearch=$("ul#searchtags li").quicksearch({position:"before",attached:"ul#searchtags",loaderText:"",delay:1,labelText:"",formId:"searchtags_form",onAfter:function(){if($("#searchtags_form input").attr("value")!=""){$("#searchtags_form div").removeClass("deactivated")}else{$("#searchtags_form div").addClass("deactivated")}}});$("#searchtags_form").append("<div></div>");$("#searchtags_form div").addClass("deactivated");$("#searchtags_form div").bind("click",function(){if(!$("#searchtags_form div").hasClass("deactivated")){$("#searchtags_form div").addClass("deactivated");$("#searchtags_form input").attr("value","");$("#searchtags_form input").trigger("keydown");$("#searchtags li").removeClass("selected_tag");go=null;unbindAll();go=new GalleryObject();$("#inside").empty().addClass("loading1").width(529);go.currentTag="";showPictures(0,go.imagesInPanel,RenderImages)}})})}function RenderSelectedPanel(){if(getCurrentPanel(go.currentImageIndex)==getCurrentPanel(go.selectedImageIndex)){return true}go.currentImageIndex=(getCurrentPanel(go.selectedImageIndex))*go.imagesInPanel;var a="-"+($("#photo_gallery").outerWidth()*getCurrentPanel(go.selectedImageIndex))+"px";$("#inside").css("margin-left",a);var b="-"+(getCurrentPanel(go.selectedImageIndex)*parseInt($(".carousel").css("width"),10))+"px";$(".carousel ul",$("#gallery")).animate({marginLeft:b},"normal","easeInOutElastic");RenderState()}function bindEvents(){$imageAsset=$(".imageAsset",$("#gallery"));$gallery=$("#gallery");go=null;go=new GalleryObject();$("#inside").empty().addClass("loading1").width(529);go.curentImageIndex=0;showPictures(0,go.imagesInPanel,RenderImages);$("#close_gallery").bind("click",function(){if($("#sendecard").is(":visible")){$("#sendecard #cancelcard").trigger("click")}$("#gallery").fadeOut("normal",function(){$("#pageloader").hide()})});$("#nextImageButton").click(function(){if(!($(this).hasClass("deactivated")||$(this).hasClass("temp-deactivated"))){$imageAsset.addClass("loading1").children("span").empty();if(((go.images[go.selectedImageIndex+1].id=="")||((go.selectedImageIndex+1)%go.imagesInPanel==0))&&(getCurrentPanel(go.currentImageIndex)!=getCurrentPanel(go.selectedImageIndex+1))){go.autoTriggered=true;$("#nextGroupButton").trigger("click")}else{go.selectedImageIndex++;getPhotoSize();AddSelectedClass();RenderState()}RenderSelectedPanel()}});$("#prevImageButton").click(function(){if(!($(this).hasClass("deactivated")||$(this).hasClass("temp-deactivated"))){$imageAsset.addClass("loading1").children("span").empty();if(go.selectedImageIndex%go.imagesInPanel==0&&(getCurrentPanel(go.currentImageIndex)!=getCurrentPanel(go.selectedImageIndex-1))){go.autoTriggered=true;$("#prevGroupButton").trigger("click")}else{go.selectedImageIndex--;getPhotoSize();AddSelectedClass();RenderState()}RenderSelectedPanel()}});$("#prevGroupButton").bind("click",function(){if(!($(this).hasClass("deactivated")||$(this).hasClass("temp-deactivated"))){$("#prevGroupButton").addClass("temp-deactivated");$("#nextGroupButton").removeClass("deactivated");$("#prev_panel").trigger("click")}});$("#nextGroupButton").bind("click",function(){if(!($(this).hasClass("deactivated")||$(this).hasClass("temp-deactivated"))){$("#nextGroupButton").addClass("temp-deactivated");$("#prevGroupButton").removeClass("deactivated");$("#next_panel").trigger("click")}});$imageAsset.hover(function(){if($("#sendecard").is(":hidden")){$imageAsset.find(".shortintro").hide();$imageAsset.find(".infoHoverContent").show();$imageAsset.find(".infoHoverBG").fadeTo("fast",0.5).show()}},function(){$imageAsset.find(".infoHoverBG").fadeOut("normal");$imageAsset.find(".infoHoverContent").hide();$imageAsset.find(".shortintro").show()});$imageAsset.find(".pictopia-link p").click(function(){$gallery.find(".arrow").addClass("temp-deactivated");go.currentImageWidth=$imageAsset.children("span").children("img").css("width");$imageAsset.children("span").children("img").animate({width:"0px"},"fast",function(){$imageAsset.children("span").hide();$imageAsset.find(".infoHoverContent, .infoHoverBG").hide();$("#sendecard").show();var a=$imageAsset.width();$("#sendecard").animate({width:a},"fast")})});$("#cancelcard").click(function(){$gallery.find(".arrow").removeClass("temp-deactivated");$imageAsset.find("table.postcard_table input[type=text], table.postcard_table textarea").attr("value","");$("#sendecard").animate({width:"0px"},"fast",function(){$("#sendecard").hide();$imageAsset.children("span").show();$imageAsset.children("span").children("img").show();$imageAsset.children("span").children("img").animate({width:go.currentImageWidth},"fast",function(){$("#sendecard input.errorclass").removeClass("errorclass")})})});$("#close_gallery").hover(function(){$(this).css("background","url(/static/images/close_button_red.gif) top left no-repeat")},function(){$(this).css("background","url(/static/images/close_button.gif) top left no-repeat")})}$(document).ready(function(){bindEvents();renderTags()});