function setupShareBox(btnShare)
{
  if (typeof(btnShare) == "string")
  {
    btnShare = document.getElementById(btnShare);
  }
  
  var html = "<div class=\"cmgOverlayMenuContainer\">" +
             "  <div id=\"cmgShareThisPage\" class=\"cmgOverlayMenu\">" +
             "    <div class=\"cmgShareThisBox\">" +
             "      <div class=\"cmgShareBoxHeader\"><div class=\"cmgShareBoxHeaderTL\"></div><div class=\"cmgShareBoxHeaderTR\"></div></div>" +
             "      <div class=\"cmgShareBoxContent\">" +
             "        <div class=\"cmgShareContent\">" +
             "          <div id=\"cmgShareThisContent\">" +
             "            <div class=\"cmgShareThisTitle\">" +
             "              <a href=\"javascript:cmgHideOverlay('cmgShareThisPage')\"><img src=\"images/share/btn_close.gif\" alt=\"\" border=\"0\" width=\"12\" height=\"12\" /></a>" +
             "              <h6>Share this on:</h6>" +
             "            </div>" +
             "            <div class=\"cmgShareThisItem\">" +
             "              <a id=\"cmgSBtnMixx\" class=\"cmgShareMixx\">Mixx</a>" +
             "              <a id=\"cmgSBtnDigg\" class=\"cmgShareDigg\">Digg</a>" +
             "              <a id=\"cmgSBtnFacebook\" class=\"cmgShareFacebook\">Facebook</a>" +
             "              <a id=\"cmgSBtnDelicious\" class=\"cmgShareDelicious\">del.icio.us</a>" +
             "              <a id=\"cmgSBtnReddit\" class=\"cmgShareReddit\">reddit</a>" +
             "              <a id=\"cmgSBtnStumbleUpon\" class=\"cmgShareStumbleUpon\">StumbleUpon</a>" +
             "              <a id=\"cmgSBtnMyspace\" class=\"cmgShareMyspace\">MySpace</a>" +
             "            </div>" +
             "          </div><!-- /cmgShareThisContent -->" +
             "        </div><!-- /cmgShareContent -->" +
             "      </div><!-- /cmgShareBoxContent -->" +
             "      <div class=\"cmgShareBoxFooter\"><div class=\"cmgShareBoxFooterBL\"></div><div class=\"cmgShareBoxFooterBR\"></div></div>"
             "    </div>" +
             "  </div>" +
             "</div>";
    
    var span = document.createElement("SPAN");
    span.innerHTML = html;
    
    btnShare.parentNode.insertBefore(span, btnShare);
}

/* global event handlers
=========================================================================== */
function cmgMouseDown(e) {
	//if (cmgDropdownOpen) cmgDD.mouseDownBody(e);
	if (cmgOverlayMenuOpen) cmgOverlayMouseDownBody(e);
	return true;
}
/* end global event handlers
=========================================================================== */

/* styled overlay menus
=========================================================================== */
var cmgOverlayOpenId = "";
var cmgOverlayClickedId = "";
var cmgOverlayMenuOpen = false;

// Map menu id's to button classes, for determining later on if the current menu
// is one with non-default behavior.
var cmgOverlayClass = [];


function cmgInitOverlay() {
	document.body.onmousedown = cmgMouseDown;

	// Overlay menus with default behavior
	cmgAddOverlayEvents(".cmgOverlayLnk");

	// Add code here for overlay menus with non-default behavior
}


function cmgShowOverlay(menuId) {
	if (document.getElementById(menuId)) {
		// If the menu is already open, close it
		if (document.getElementById(menuId).style.display == "block") {
			document.getElementById(menuId).style.display = "none";
		}
		else {
			document.getElementById(menuId).style.display = "block";
			cmgOverlayOpenId = menuId;
		    cmgOverlayMenuOpen = true;
			cmgOverlayClickedId = "";
		}
	}

	// Add code here for overlay menus with non-default behavior
}


function cmgHideOverlay(menuId) {
	if (document.getElementById(menuId)) {
		document.getElementById(menuId).style.display = "none";
		cmgOverlayOpenId = '';
	    cmgOverlayMenuOpen = false;
	}

	// Add code here for overlay menus with non-default behavior
}


function cmgGetOverlayMenuId(btn) {
	// Get the id parameter from href="javascript:foo('myId')"
	return btn.href.substring(btn.href.indexOf("'") + 1, btn.href.lastIndexOf("'"));
}


function cmgAddOverlayEvents(btnClass) {
	var btnArray = $$(btnClass);
	for (var i = 0; i < btnArray.length; i++) {
		// button
		var btn = btnArray[i];
		btn.onmousedown = cmgOverlayMouseDownBtn;

		// menu
		var menuId = cmgGetOverlayMenuId(btn);
		if (document.getElementById(menuId)) {
			document.getElementById(menuId).onmousedown = cmgOverlayMouseDownMenu;
		}

		// Store the button class associated with the menu id
	    cmgOverlayClass[menuId] = btnClass;

		// Mac Safari image-rollover bug
		if ((navigator.userAgent.indexOf("Safari") != -1)
		 && (navigator.userAgent.indexOf("Mac") != -1)) {
			// If cmgImgSwap() is called by the onmouseout event
			if (btn.onmouseout && btn.onmouseout.toString().indexOf("cmgImgSwap") != -1) {
				// Make onclick call the onmouseout event handler
				btn.onclick = function onclick() { this.onmouseout(); return true; };
			}
		}
	}
}


function cmgOverlayMouseDownBtn(e) {
  // Get the menu id
	var menuId = cmgGetOverlayMenuId(this);
	cmgOverlayClickedId = menuId;
	return true;
}


function cmgOverlayMouseDownMenu(e) {
	// Get the menu id
	cmgOverlayClickedId = this.id;
	return true;
}


function cmgOverlayMouseDownBody(e) {
	// Close the open overlay menu, unless the mouse is inside the menu
	// or the menu button.
	if (cmgOverlayOpenId != cmgOverlayClickedId) {
		cmgHideOverlay(cmgOverlayOpenId);
	}
	cmgOverlayClickedId = "";
	return true;
}
/* end styled overlay menus
=========================================================================== */

/* share link functions 
=============================================================== */
function cmgSetShareLnks(shareTitle, shareDesc) {
	if (typeof(shareTitle) == "undefined") shareTitle = "";
	if (typeof(shareDesc) == "undefined") shareDesc = "";
  
  var cmgShareTitle = encodeURIComponent(shareTitle);
	var cmgShareDesc = encodeURIComponent(shareDesc);
	var cmgPageUrl = encodeURIComponent(location.href);
  
  // mixx
	//var mixxURL = 'http://www.mixx.com/submit/story?page_url='+cmgPageUrl+'&title='+cmgShareTitle+'&description='+cmgShareDesc+'&partner=CMG';
	var mixxURL = 'http://www.mixx.com/submit/story?page_url='+cmgPageUrl+'&title='+cmgShareTitle+'&description='+cmgShareDesc;
	if(document.getElementById('cmgSBtnMixx')) {
		document.getElementById('cmgSBtnMixx').href = mixxURL;
		document.getElementById('cmgSBtnMixx').target="_blank";
	}
	if(document.getElementById('cmgSBtnMixxBot')) {
		document.getElementById('cmgSBtnMixxBot').href = mixxURL;
		document.getElementById('cmgSBtnMixxBot').target="_blank";
	}
	if(document.getElementById('cmgMixxEmbedLnk')) {
		document.getElementById('cmgMixxEmbedLnk').href = mixxURL;
		document.getElementById('cmgMixxEmbedLnk').target="_blank";
	}
	// Digg
	var diggURL = 'http://digg.com/submit?phase=2&url='+cmgPageUrl+'&title='+cmgShareTitle+'&bodytext='+cmgShareDesc;
	if(document.getElementById('cmgSBtnDigg')) {
		document.getElementById('cmgSBtnDigg').href = diggURL;
		document.getElementById('cmgSBtnDigg').target="_blank";
	}
	if(document.getElementById('cmgSBtnDiggBot')) {
		document.getElementById('cmgSBtnDiggBot').href = diggURL;
		document.getElementById('cmgSBtnDiggBot').target="_blank";
	}
	// Facebook
	var facebookURL = 'http://www.facebook.com/share.php?u='+cmgPageUrl;
	if(document.getElementById('cmgSBtnFacebook')) {
		document.getElementById('cmgSBtnFacebook').href = facebookURL;
		document.getElementById('cmgSBtnFacebook').target="_blank";
	}
	if(document.getElementById('cmgSBtnFacebookBot')) {
		document.getElementById('cmgSBtnFacebookBot').href = facebookURL;
		document.getElementById('cmgSBtnFacebookBot').target="_blank";
	}
	// del.icio.us
	//var deliciousURL = 'http://del.icio.us/post?v=4&partner=cmg&noui&jump=close&url='+cmgPageUrl+'&title='+cmgShareTitle+'delicious';
	var deliciousURL = 'http://del.icio.us/post?v=4&noui&jump=close&url='+cmgPageUrl+'&title='+cmgShareTitle+'delicious';
	if(document.getElementById('cmgSBtnDelicious')) {
		document.getElementById('cmgSBtnDelicious').href = deliciousURL;
		document.getElementById('cmgSBtnDelicious').target="_blank";
	}
	if(document.getElementById('cmgSBtnDeliciousBot')) {
		document.getElementById('cmgSBtnDeliciousBot').href = deliciousURL;
		document.getElementById('cmgSBtnDeliciousBot').target="_blank";
	}
	// reddit
	var redditURL = 'http://reddit.com/submit?url='+cmgPageUrl+'&title='+cmgShareTitle;
	if(document.getElementById('cmgSBtnReddit')) {
		document.getElementById('cmgSBtnReddit').href = redditURL;
		document.getElementById('cmgSBtnReddit').target="_blank";
	}
	if(document.getElementById('cmgSBtnRedditBot')) {
		document.getElementById('cmgSBtnRedditBot').href = redditURL;
		document.getElementById('cmgSBtnRedditBot').target="_blank";
	}
	// stumbleupon
	var stumbleuponURL = 'http://www.stumbleupon.com/submit?url='+cmgPageUrl+'&title='+cmgShareTitle;
	if(document.getElementById('cmgSBtnStumbleUpon')) {
		document.getElementById('cmgSBtnStumbleUpon').href = stumbleuponURL;
		document.getElementById('cmgSBtnStumbleUpon').target="_blank";
	}
	if(document.getElementById('cmgSBtnStumbleUponBot')) {
		document.getElementById('cmgSBtnStumbleUponBot').href = stumbleuponURL;
		document.getElementById('cmgSBtnStumbleUponBot').target="_blank";
	}
	// myspace
	var myspaceURL = 'http://www.myspace.com/Modules/PostTo/Pages/?' + 't=' + cmgShareTitle + '&c=' + cmgShareDesc + '&u=' + cmgPageUrl;
	if(document.getElementById('cmgSBtnMyspace')) {
		document.getElementById('cmgSBtnMyspace').href = myspaceURL;
		document.getElementById('cmgSBtnMyspace').target="_blank";
	}
	if(document.getElementById('cmgSBtnMyspaceBot')) {
		document.getElementById('cmgSBtnMyspaceBot').href = myspaceURL;
		document.getElementById('cmgSBtnMyspaceBot').target="_blank";
	}
}
