var sites = new Array(
	{
		'title' : '',
		'url' : '',
		'get' : '',
		'icon' : '',
		'attributes' : ''
	},
	{
		'title' : 'Bookmarks',
		'url' : 'http://www.best-bookmarks.com/account/bookmark/',
		'get' : '?bookmark_url={url}',
		'icon' : 'best-bookmarks.jpg',
		'attributes' : 'target="_blank"'
	},
	{
		'title' : 'StudiVZ',
		'url' : 'http://www.studivz.de/Link/ExternLink/Url/',
		'get' : '?u={url}&desc={title}&prov={host}',
		'icon' : 'studivz.jpg',
		'attributes' : 'target="_blank" rel="nofollow"'
	},
	{
		'title' : 'meinVZ',
		'url' : 'http://www.meinvz.de/Link/ExternLink/Url/',
		'get' : '?u={url}&desc={title}&prov={host}',
		'icon' : 'meinvz.png',
		'attributes' : 'target="_blank" rel="nofollow"'
	},
	{
		'title' : 'Facebook',
		'url' : 'http://www.facebook.com/share.php',
		'get' : '?u={url}',
		'icon' : 'facebook.jpg',
		'attributes' : 'target="_blank" rel="nofollow"'
	},
	{
		'title' : 'Delicious',
		'url' : 'http://www.delicious.com/save',
		'get' : '?url={url}',
		'icon' : 'delicious.png',
		'attributes' : 'target="_blank" rel="nofollow"'
	},
	{
		'title' : 'Digg',
		'url' : 'http://www.digg.com/submit',
		'get' : '?phase=2&url={url}',
		'icon' : 'digg.png',
		'attributes' : 'target="_blank" rel="nofollow"'
	},
	{
		'title' : 'Diigo',
		'url' : 'http://www.diigo.com/post',
		'get' : '?url={url}&title={title}',
		'icon' : 'diigo.png',
		'attributes' : 'target="_blank" rel="nofollow"'
	},
	{
		'title' : 'Mister Wong',
		'url' : 'http://www.mister-wong.de',
		'get' : '?action=addurl&bm_url={url}&bm_description={title}',
		'icon' : 'misterwong.jpg',
		'attributes' : 'target="_blank" rel="nofollow"'
	},
	{
		'title' : 'Myspace',
		'url' : 'http://www.myspace.com/Modules/PostTo/Pages/default.aspx',
		'get' : '?u={url}',
		'icon' : 'myspace.png',
		'attributes' : 'target="_blank" rel="nofollow"'
	},
	{
		'title' : 'Technorati',
		'url' : 'http://www.technorati.com',
		'get' : '',
		'icon' : 'technorati.png',
		'attributes' : 'target="_blank" rel="nofollow"'
	},
	{
		'title' : 'Tumblr',
		'url' : 'http://www.tumblr.com/',
		'get' : 'share?v=3&u={url}&t={title}&s=',
		'icon' : 'tumblr.png',
		'attributes' : 'target="_blank" rel="nofollow"'
	},
	{
		'title' : 'Wordpress',
		'url' : 'http://www.wordpress.com',
		'get' : '',
		'icon' : 'wordpress.png',
		'attributes' : 'target="_blank" rel="nofollow"'
	},
	{
		'title' : 'Twitter', 
		'url' : 'http://www.twitter.com', 
		'get' : '?status=reading+{url}+-+{title}', 
		'icon' : 'twitter.png',
		'attributes' : 'target="_blank" rel="nofollow"'
	},
	{
		'title' : 'Oneview',
		'url' : 'http://www.oneview.de/add/',
		'get' : '?title={title}&URL={url}',
		'icon' : 'oneview.gif',
		'attributes' : 'target="_blank"'
	},
	{
		'title' : 'Yahoo',
		'url' : 'http://www.yahoo.com',
		'get' : '',
		'icon' : 'yahoo.png',
		'attributes' : 'target="_blank" rel="nofollow"'
	},
	{
		'title' : 'Yigg',
		'url' : 'http://www.yigg.de/neu',
		'get' : '?exturl={url}&exttitle={title}',
		'icon' : 'yigg.gif',
		'attributes' : 'target="_blank" rel="nofollow"'
	},
	{
		'title' : 'Blogger',
		'url' : 'http://www.blogger.com/blog_this.pyra',
		'get' : '?u={url}&n={title}',
		'icon' : 'blogger.png',
		'attributes' : 'target="_blank" rel="nofollow"'
	},
	{
		'title' : 'Evernote',
		'url' : 'http://www.evernote.com/clip.action',
		'get' : '?url={url}&title={title}',
		'icon' : 'evernote.jpg',
		'attributes' : 'target="_blank" rel="nofollow"'
	},
	{
		'title' : 'FriendFeed',
		'url' : 'http://www.friendfeed.com',
		'get' : '?url={url}&title={title}',
		'icon' : 'friendfeed.png',
		'attributes' : 'target="_blank" rel="nofollow"'
	},
	{
		'title' : 'identi.ca',
		'url' : 'http://www.identi.ca',
		'get' : '?action=newnotice&status_textarea={title}+{url}',
		'icon' : 'identica.png',
		'attributes' : 'target="_blank" rel="nofollow"'
	},
	{
		'title' : 'Linkedin',
		'url' : 'http://www.linkedin.com/shareArticle',
		'get' : '?mini=true&url={url}&title={title}',
		'icon' : 'linkedin.gif',
		'attributes' : 'target="_blank" rel="nofollow"'
	},
	{
		'title' : 'Posterous',
		'url' : 'http://www.posterous.com/share',
		'get' : '?linkto={url}&title={title}',
		'icon' : 'posterous.jpg',
		'attributes' : 'target="_blank" rel="nofollow"'
	},
	{
		'title' : 'more…',
		'url' : 'http://www.nunodesign.de/bookmark_button/more/more_js',
		'get' : '',
		'icon' : 'plus.gif',
		'attributes' : 'id="nd_shareContainerMoreButton_yxz" target="_blank" onclick="javascript:return false;"'
	}
);
var sitesLeft = new Array(
	'Bookmarks',
	'StudiVZ',
	'meinVZ',
	'Facebook',
	'Delicious',
	'Digg'
);
var sitesRight = new Array(
	'Blogger',
	'FriendFeed',
	'Twitter',
	'Oneview',
	'Yigg',
	'more…'
);
var sitesLeftMore = new Array(
	'Bookmarks',
	'StudiVZ',
	'meinVZ',
	'Facebook',
	'Delicious',
	'Digg',
	'Diigo',
	'Mister Wong',
	'Myspace',
	'Technorati',
	'Posterous'
);
var sitesRightMore = new Array(
	'Tumblr',
	'Wordpress',
	'Twitter',
	'Oneview',
	'Yahoo',
	'Yigg',
	'Blogger',
	'Evernote',
	'FriendFeed',
	'identi.ca',
	'Linkedin'
);

function in_array(item, arr) {
	for(i = 0; i < arr.length; i++) if (item == arr[i]['title']) return parseInt(i);
	return false;
}
function str_replace(search, replace, subject) {
	return subject.split(search).join(replace);
}
function getPos(obj) {
    var curleft = curtop = 0;
    if (obj.offsetParent) {
        do {
            curleft += obj.offsetLeft;
            curtop += obj.offsetTop;
        } while (obj = obj.offsetParent);
        return [curleft,curtop];
    }
}

var host = window.location.host;
var url = window.location;
var title = document.title;

//var searchArray = new Array('Ä', 'ä', 'Ü', 'ü', 'Ö', 'ö', ' ');
//var replaceArray = new Array('%C4', '%E4', '%FC', '%DC', '%D6', '%F6', '%20');

title = str_replace('Ä', '%C4', title);
title = str_replace('ä', '%E4', title);
title = str_replace('ü', '%FC', title);
title = str_replace('Ü', '%DC', title);
title = str_replace('Ö', '%D6', title);
title = str_replace('ö', '%F6', title);
title = str_replace(' ', '%20', title);

var addButton = document.getElementById('nd_shareButton_yxz');
window.bodyEl = window.document.getElementsByTagName('body')[0];

var cssTag = document.createElement('link');
cssTag.setAttribute('rel', 'stylesheet');
cssTag.setAttribute('type', 'text/css');
cssTag.setAttribute('href', 'http://www.nunodesign.de/bookmark_button/shareContainer.css');
var head = window.document.getElementsByTagName('head')[0];
head.appendChild(cssTag);

var cssTag = document.createElement('link');
cssTag.setAttribute('rel', 'stylesheet');
cssTag.setAttribute('type', 'text/css');
cssTag.setAttribute('href', 'http://www.nunodesign.de/bookmark_button/moreContainer.css');
var head = window.document.getElementsByTagName('head')[0];
head.appendChild(cssTag);

var shareContainer = document.createElement('div');
shareContainer.setAttribute('id', 'nd_bb_yxz');
shareContainer.innerHTML = '<div id="nd_shareContainer_yxz"><div id="nd_shareContainerLeft_yxz"></div><div id="nd_shareContainerRight_yxz"></div><br style="height:1px; line-height:1px; clear:both;" /><p id="nd_shareContainerFooter_yxz"><a href="http://www.nunodesign.de/bookmark-button.html" target="_blank">Hol dir jetzt diesen Button!</a></p></div>';
shareContainer.style.display = 'none';
bodyEl.appendChild(shareContainer);

var moreContainer = document.createElement('div');
moreContainer.setAttribute('id', 'nd_moreContainer_yxz');
moreContainer.innerHTML = '<div id="nd_moreContainerInnerWrapper_yxz"><div id="nd_moreContainerHeader_yxz"><span id="nd_moreContainerClose_yxz">Close</span><a href="http://www.nunodesign.de/bookmark-button.html">Social Bookmarks</a></div><div id="nd_moreContainerLeft_yxz"></div><div id="nd_moreContainerRight_yxz"></div><br style="height:1px; line-height:1px; clear:both;" /><p id="nd_moreContainerFooter_yxz"><a target="_blank" href="http://www.nunodesign.de">nunodesign.de</a></p></div>';
window.document.getElementsByTagName('body')[0].appendChild(moreContainer);

var overlay = document.createElement('div');
overlay.setAttribute('id', 'nd_moreContainerOverlay_yxz');



var shareContainerLeft = document.getElementById('nd_shareContainerLeft_yxz');
for (var z = 0; z < sitesLeft.length; z++) {
	var index = in_array(sitesLeft[z], sites);
	if (!(index == null)) {
		var get = str_replace('{url}', url, sites[index]['get']);
		get = str_replace('{host}', host, get);
		get = str_replace('{title}', title, get);
		
		var button = document.createElement('p');
		button.innerHTML = '<a '+sites[index]['attributes']+' href="'+sites[index]['url']+get+'"><img src="http://www.best-bookmarks.com/pages/add_button/gfx/icons/'+sites[index]['icon']+'" alt="'+sites[index]['title']+'" /><span>'+sites[index]['title']+'</span></a>'
		shareContainerLeft.appendChild(button);
	}
}

var shareContainerRight = document.getElementById('nd_shareContainerRight_yxz');
for (var z = 0; z < sitesRight.length; z++) {
	var index = in_array(sitesRight[z], sites);
	if (!(index == null)) {
		var get = str_replace('{url}', url, sites[index]['get']);
		get = str_replace('{host}', host, get);
		get = str_replace('{title}', title, get);
		
		var button = document.createElement('p');
		button.innerHTML = '<a '+sites[index]['attributes']+' href="'+sites[index]['url']+get+'"><img src="http://www.best-bookmarks.com/pages/add_button/gfx/icons/'+sites[index]['icon']+'" alt="'+sites[index]['title']+'" /><span>'+sites[index]['title']+'</span></a>'
		shareContainerRight.appendChild(button);
	}
}

var moreContainerLeft = document.getElementById('nd_moreContainerLeft_yxz');
for (var z = 0; z < sitesLeftMore.length; z++) {
	var index = in_array(sitesLeftMore[z], sites);
	if (!(index == null)) {
		var get = str_replace('{url}', url, sites[index]['get']);
		get = str_replace('{host}', host, get);
		get = str_replace('{title}', title, get);
		
		var button = document.createElement('p');
		button.innerHTML = '<a '+sites[index]['attributes']+' href="'+sites[index]['url']+get+'"><img src="http://www.best-bookmarks.com/pages/add_button/gfx/icons/'+sites[index]['icon']+'" alt="'+sites[index]['title']+'" /><span>'+sites[index]['title']+'</span></a>'
		moreContainerLeft.appendChild(button);
	}
}

var moreContainerRight = document.getElementById('nd_moreContainerRight_yxz');
for (var z = 0; z < sitesRightMore.length; z++) {
	var index = in_array(sitesRightMore[z], sites);
	if (!(index == null)) {
		var get = str_replace('{url}', url, sites[index]['get']);
		get = str_replace('{host}', host, get);
		get = str_replace('{title}', title, get);
		
		var button = document.createElement('p');
		button.innerHTML = '<a '+sites[index]['attributes']+' href="'+sites[index]['url']+get+'"><img src="http://www.best-bookmarks.com/pages/add_button/gfx/icons/'+sites[index]['icon']+'" alt="'+sites[index]['title']+'" /><span>'+sites[index]['title']+'</span></a>'
		moreContainerRight.appendChild(button);
	}
}

var moreButton = document.getElementById('nd_shareContainerMoreButton_yxz');
var moreCloseButton = document.getElementById('nd_moreContainerClose_yxz');
addButton.onmouseover = function() {
	var buttonPos = getPos(addButton);
	var x = ((window.innerHeight + document.documentElement.scrollTop) - (buttonPos[1] + 205));
	if (x < 0)
		shareContainer.style.top = (buttonPos[1]-192)+"px";
	else
		shareContainer.style.top = (buttonPos[1]+15)+"px";
	shareContainer.style.left = (buttonPos[0])+"px";
	shareContainer.style.display = 'block';
}
shareContainer.onmouseover = function() {
	shareContainer.style.display = 'block';
}
addButton.onmouseout = function() {
	shareContainer.style.display = 'none';
}
shareContainer.onmouseout = function() {
	this.style.display = 'none';
}

addButton.onclick = function() {
	bodyEl.insertBefore(overlay, bodyEl.firstChild);
	moreContainer.style.display = 'block';
	shareContainer.style.display = 'none';
	return false;
}
moreButton.onclick = function() {
	bodyEl.insertBefore(overlay, bodyEl.firstChild);
	moreContainer.style.display = 'block';
	return false;
}
moreCloseButton.onclick = function() {
	bodyEl.removeChild(overlay);
	moreContainer.style.display = 'none';
}
overlay.onclick = function() {
	bodyEl.removeChild(this);
	moreContainer.style.display = 'none';
}