var current=0;var view;var data=[];var title="";var date="";var sprite="";var gridView,mosaicView;$(document).ready(function(){view=mosaicView;albumView();$("#mosaic").click(function(){$("#views a.selected").removeClass("selected");$(this).addClass("selected");mosaicView();});});function albumView(){$("#content *").remove();$(".button").remove();$("#content").attr("class","").addClass("album_view");$("#content").css({bottom:"0px",top:"57px"});$("h1").removeClass("view").html(gallery);current=0;$("<h2>Albums</h2>").appendTo("#content");$.each(albums,function(i){var item=$('<div class="item">').click(function(){data=albums[i].photos;title=albums[i].title;date=albums[i].date;sprite=albums[i].sprite;view();});$('<div class="skimmer">').css("background","url("+this.sprite+")").mousemove(function(e){var x=e.pageX;var w=160/albums[i].photos.length;var offset=$(this).offset().left;var image=Math.floor((x- offset)/w);$(this).css("background-position","0px "+(-160*image)+"px");}).mouseout(function(){$(this).css("background-position","0px 0px");}).appendTo(item);$('<strong/>').html(this.title).appendTo(item);$('<span class="float">').html(this.date).appendTo(item);$('<span/>').html(this.photos.length+(this.photos.length>1?" Photos":" Photo")).appendTo(item);item.appendTo("#content");});};function mosaicView(){$("#content *").remove();$("#content").attr("class","").addClass("mosaic_view");$("h1").addClass("view").html(title).show();$(".button").remove();$("#content").css({bottom:"0px",top:"57px"});view=mosaicView;$('<div class="button">').html("Back To Gallery").click(function(){albumView();}).appendTo("body");var detail=$('<div id="mosaic_detail">').click(function(i){});$("<strong/>").html(data[current].title).appendTo(detail);$("<img/>").attr({"src":data[current].src,"id":"img"}).appendTo(detail);$("<b/>").html("<img src=\"/images/loading.gif\">").appendTo("#content");detail.appendTo("#content");var grid=$('<div id="mosaic_grid">');$.each(data,function(i){$('<div class="mosaic_item">').css({backgroundPosition:"-31px "+(-160*i)+"px",backgroundImage:"url("+ sprite+")"}).data("num",i).click(function(){var num=$(this).data("num");current=num;$(".mosaic_item.selected").removeClass("selected");$(this).addClass("selected");$("#mosaic_detail").animate({opacity:0},500,function(){$("#img").remove();$("<img/>").attr({"src":data[num].src,"id":"img"}).appendTo(detail);$("#mosaic_detail strong").html(data[num].title);$(this).delay(1000).animate({opacity:1},500);});}).appendTo(grid);});grid.appendTo("#content");$(".mosaic_item:nth-child("+(current+ 1)+")").addClass("selected");};