// if permissions expire visit the link below
// https://www.facebook.com/dialog/oauth?client_id=296598552003&redirect_uri=http://www.metalstuff.com&scope=manage_pages,offline_access
var metal_market = {"current_offset": null, "current_limit": 18, "current_page": 1, "number_of_pages": 1}


function getUrlVars() {
	var map = {};
	var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
		map[key] = value;
	});
	return map;
}

function updateCounter(currSlideElement, nextSlideElement, options, forwardFlag){
  $("#slideshowIndex").text($(nextSlideElement).attr("index"))
}

function updateAlbumPhoto(key, id){
  
   FB.api('/' + id + "/photos", {limit: 1} , function(photo_response) {
      $("#album_"+key).find("img").attr("src", photo_response.data[0].picture).css("max-height", "100px");
    })
}

function initLoadPhotos(id){
  FB.api('/' + id + "/photos", {limit: metal_market.current_limit} , function(photo_response) {
    metal_market.current_offset = metal_market.current_limit;
    $("#imgBlock").empty();
     for(key in photo_response.data){
       $("#imgBlock").append($("<div><a class='top_up' href='"+photo_response.data[key].source+"'><img src='"+photo_response.data[key].picture+"'  /></a></div>"))
       
     }
   })
}

function nextPhotos(id){
  metal_market.current_page += 1;
  if(metal_market.number_of_pages == metal_market.current_page){
    $(".pagination #next").hide();
  }
  if(metal_market.current_page != 1){
     $(".pagination #prev").show();
   }
  FB.api('/' + id + "/photos", {limit: metal_market.current_limit, offset: metal_market.current_offset} , function(photo_response) {
     $("#imgBlock").empty();
     metal_market.current_offset += metal_market.current_limit
     $("#current_page").text(metal_market.current_page);
     for(key in photo_response.data){
       $("#imgBlock").append($("<div><a class='top_up' href='"+photo_response.data[key].source+"'><img src='"+photo_response.data[key].picture+"'  /></a></div>"))
     }
   })
}

function prevPhotos(id){
  metal_market.current_offset -= (metal_market.current_limit * 2);
  metal_market.current_page -= 1;
  if(metal_market.current_page == 1){
    $(".pagination #prev").hide();
  }else{
    $(".pagination #prev").show();
  }
  
  if(metal_market.number_of_pages > 1 && metal_market.current_page < metal_market.number_of_pages){
    $(".pagination #next").show();
  }
  $("#imgBlock").html("Loading ...");
  FB.api('/' + id + "/photos", {limit: metal_market.current_limit, offset: metal_market.current_offset} , function(photo_response) {
     $("#imgBlock").empty();
     $("#current_page").text(metal_market.current_page);
     metal_market.current_offset += metal_market.current_limit
     for(key in photo_response.data){
       $("#imgBlock").append($("<div><a class='top_up' href='"+photo_response.data[key].source+"'><img src='"+photo_response.data[key].picture+"'  /></a></div>"))
     }
   })
}

$(function(){
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      '//connect.facebook.net/en_US/all.js';
    document.getElementById('fb-root').appendChild(e);
  }());

  $(".pagination #prev").hide();
  $(".pagination #next").hide();
  window.fbAsyncInit = function() {
  
    FB.init({appId: '296598552003', status: true, cookie: true,
             xfbml: true});
 	  
 	  var gallery = $("#gallerybox");
 	  if(gallery.length > 0){
 	    FB.api('/metalmarket/albums', function(response) {
 	      for(key in response.data){
 	        var list_element = $("<li id='album_"+key+"'><a><ins><h3>Album</h3><img src='images/walkThruGates.jpg'/><p><span class='count'></span> photos <br />updated on <span class='date'>Aug 17, 2007</span></p></ins></a></li>")
 	        list_element.find("h3").text(response.data[key].name);
 	        var date = response.data[key].updated_time.match(/(\d+)-(\d+)-(\d+)/)
 	        date = date[2] + "/" + date[3] + "/" + date[1]
 	        list_element.find("span.date").text(date);
 	        list_element.find("span.count").text(response.data[key].count);
 	        list_element.find("a").attr("href", "list.html?album="+response.data[key].id);
 	        gallery.append(list_element);
 	        updateAlbumPhoto(key, response.data[key].id)
 	      }
     	  
     	});
 	  }
   	
   	var album_listing = $("#imgBlock");
   	if(album_listing.length > 0){
   	  
   	  var params = getUrlVars();
   	  FB.api('/'+params.album, function(response) {
   	    $("h1").text(response.name)
   	    initLoadPhotos(response.id);
   	    metal_market.number_of_pages = Math.ceil(response.count / metal_market.current_limit)
   	    $("#total_pages").text(metal_market.number_of_pages);
   	    if(metal_market.number_of_pages > 1){
   	      $(".pagination #next").show();
   	    }
 	    })
 	    
 	    $(".pagination #next").click(function(event){
 	      event.preventDefault();    
 	      nextPhotos(params.album);
 	    })
 	    $(".pagination #prev").click(function(event){
 	      event.preventDefault();    
 	      prevPhotos(params.album);
 	    })
 	  }
  }
  
  if($('#contentHolder').length > 0){
    $('#contentHolder').cycle({ 
          fx: 'scrollHorz',
          prev:   '#prev', 
          next:   '#next', 
          before: updateCounter,
          timeout: 5000 
      });

      $("#pages li a").click(function(event){
        event.preventDefault();
        $('#contentHolder').cycle(jQuery.inArray(this, $("#pages li a")));
      })
  }

  
});