/**
* @namespace 2MC
*/

if (!window.TOOMANYCOLOURS) {
  var TOOMANYCOLOURS = { };
}

/**
* @namespace 2MC.Popup
*/

TOOMANYCOLOURS.facebookConnect = (function () {
  var API_KEY = "576fc661bee489ae9397c01eaf23589a";
  var XD_RECEIVER_PATH = ""
  
  /**
  * @function _setup
  */
  var _setup = function() {
		FB_RequireFeatures(["XFBML"], function() {
      FB.init(API_KEY, XD_RECEIVER_PATH+"/xd_receiver.htm");
    });
	};
	
	var _callPublish = function (options) {	
	  var name        = options['name'] || "2manycolours.com";
	  var href        = options['href'] || "http://2manycolours.com"
	  var description = options['description'] || "2ManyColours"
	  var mediaType   = options['mediaType'] || "image"
	  var mediaSrc    = options['mediaSrc'] || "http://2manycolours.com/images/2mc-logo.png"
	  var mediaHref   = options['mediaHref'] || "http://2manycolours.com"
	  
	  if (typeof console == "object") {console.log({name: name, href: href, description: description, mediaType: mediaType, mediasrc: mediaSrc, mediahref: mediaHref});};
	
    FB.Connect.streamPublish('',
      { 
	      'name': name,
	      'href': href,
	      'description': description,
	      'media' :
	      [{
	          'type': mediaType,
	          'src': mediaSrc,
	          'href': mediaHref
	      }]
	    }, null);
	};
		
	var _createShareLinksForMyStudio = function  () {
	  // collect designs
	  var designs = $('.my-studio ul.drafts li');
	  designs.each(function(){
	    var $this = $(this);
	    $this.find('h4').append($('<a class="share-desig-on-facebook" href="#">Facebooken</a>'));
	  })
	  
	  $('.share-desig-on-facebook').live("click", function(event){
	    var $this = $(this);
	    var $compositionId = $this.parents('li').attr('id').split('_')[1];
	    var assetUrl = TOOMANYCOLOURS.STATIC['previewImagePathForComposition_'+$compositionId]
	    
      TOOMANYCOLOURS.facebookConnect.callPublish({
	      mediaSrc: 'http://2manycolours.com' + assetUrl,
        description: 'Lass Dich von Deinen Freunden zu 2manycolours einladen und design Dir Deinen eigenen Hoodie!',
        name: 'Mein Hoodie Design von 2manycolours.com'
	    });
	    event.preventDefault();
    });
	};

	var _createShareLinksForContestItem = function  () {
	  // collect designs
	  if ($('.contest_item_share').length==0) {return};
		$('.contest_item_share').append($('<a class="share-desig-on-facebook" href="#">Facebooken</a>'));
	  
	  $('.share-desig-on-facebook').live("click", function(event){
	    var $this = $(this);
	    var $compositionId = $this.parents('li').attr('id').split('_')[1];
	    var assetUrl = TOOMANYCOLOURS.STATIC['previewImagePathForComposition_'+$compositionId]
	    
      TOOMANYCOLOURS.facebookConnect.callPublish({
	      mediaSrc: 'http://2manycolours.com' + assetUrl,
        description: 'Lass Dich von Deinen Freunden zu 2manycolours einladen und design Dir Deinen eigenen Hoodie!',
        name: 'Mein Hoodie Design von 2manycolours.com'
	    });
	    event.preventDefault();
    });
	};

  return {
    setup: function () {
      return _setup();
    },
    callPublish: function (options) {
      return _callPublish(options);
    },
    
    createShareLinksForMyStudio: function () {
      return _createShareLinksForMyStudio();
    },
		
		createShareLinksForContestItem: function () {
      return //_createShareLinksForContestItem();
    }
  };
})();