jQuery.noConflict() 

var Pics = {
  get: function(){
    var url = "http://api.flickr.com/services/rest/?method=flickr.people.getPublicPhotos&";
    var params = {
      api_key: "b5b568c8648746a6277a16f758962720",
      user_id: "22752168@N02",
      extras: "tags",
      per_page: "500",
      format: "json",
      jsoncallback: "?"
    }
    params = jQuery.param(params)
                   .replace(/%40/, "@")
                   .replace(/%3F/, "?");
    jQuery.getJSON(url+params, function(data){Pics.onData(data.photos)});
  },
  
  photoToUrl: function( photo ){
    var url = "http://farm{farm}.static.flickr.com/{server}/{id}_{secret}_s.jpg";
    url = url.replace(/{farm}/, photo.farm)
             .replace(/{server}/, photo.server)
             .replace(/{id}/, photo.id)
             .replace(/{secret}/, photo.secret);
    return url;
  },
  
  getPhotosByTag: function( tag ){
    var photos = [];
    Pics.photos.forEach(function(photo){
      if( photo.tags.split(" ").indexOf(tag) != -1 ){
        photos.push( photo );
      }
    });
    return photos;
  },
  
  writeToDoc: function(photos, el){
    photos.forEach(function(photo){
      var img = document.createElement("img");
      img.src = Pics.photoToUrl( photo );
      jQuery(el).prepend(img);
    })
  },
  
  onData: function(data){
    Pics.photos = data.photo;
    
    var pics = Pics.getPhotosByTag("gsketch");
    Pics.writeToDoc(pics, "#sketches");

    var pics = Pics.getPhotosByTag("gpainting");
    Pics.writeToDoc(pics, "#paintings");	
    
    Gallery.init(); 
  }
}

var Gallery = {
  init: function(){
		new ElementStacks($$('#content #sketches img'), $('sketches'));
		new ElementStacks($$('#content #paintings img'), $('paintings'));
		setTimeout(function(){
		  jQuery("#content").css({"visibility":"visible", opacity: 0});
		  jQuery("#content").animate({opacity:1});
		}, 100);    
  },  
}


var Nav = {
  init: function(){
    function showContent(){
      jQuery("#about-jenn").fadeOut(function(){
        jQuery("#about").fadeIn(function(){
          var el = jQuery("#about");
          var top = el.offset().top + el.height()/2;
          jQuery('html,body').animate({scrollTop: top}, 450);
        });        
      });
    }
    
    jQuery("#about-jenn a")
      .click(showContent)
      .hover(
        function(){jQuery(this).css({color:"#cc3300"})},
        function(){jQuery(this).css({color:"white"})}
      )
  }
  
  
}


window.addEvents({
	domready: function(){
	  jQuery("#content").css("visibility","hidden");
	  Pics.get();
	  Nav.init();
	}
});