function albumView(joinlink) {
    $("#content").attr("class", "").addClass("album_view");
	
	
    $.each(albums, function(i) {
    	
		if (i >= 12) {return}
		
        var item = $('<div class="item">').click(function() {
            album = i; //set the current album
            title = albums[i].title;
            sprite = albums[i].sprite;
            
        });
       
	    var wantmore = "<a href='"+joinlink+"'><img id='png' src='images/wantmore.png' width='63' height='46' border='0' /></a>";
		
        $('<div class="skimmer">').css("background", "url("+this.sprite+")").mousemove(function(e) {
            var x = e.pageX; 
            var w = 18; 
            var offset = $(this).offset().left; 
            var image = Math.floor((x - offset) / w);
            
			$(this).css("background-position", "0px " + (-146 * image) + "px");
		        }).mouseout(function() {
        		    $(this).css("background-position", "0px 0px"); 
		        }).appendTo(item);
		
		$('<strong/>').html('<div class="title">'+this.title+'</div><a href="'+this.teaser+'">> Watch the trailer </a><div class="fuckingjoin">'+wantmore+'</div>').appendTo(item);
        
        item.appendTo("#content"); //add the item to the content area
    });
	
	
};