var TARGET_WINDOW = "_blank";

$(document).ready(function() {
	initSocialPanel();
});

function initSocialPanel() {
	var title = encodeURIComponent(document.title);
	var url = encodeURIComponent(location.href); 

	$("body").append('<div id="social-panel-button"></div>');

	$("body").append(
		'<div id="social-panel">' +
			'<h3 id="social-panel-title">- ДОБАВЛЕНИЕ В СЕРВИСЫ ЗАКЛАДОК</h3>' +
			'<div id="social-panel-links-container" class="clearfix">' +
				'<ul id="social-links-list-left">' +
					'<li><a href="http://vkontakte.ru/share.php?url=' + url + '" id="social-link-vkontakte" target="' + TARGET_WINDOW + '">В Контакте</a></li>' +
					'<li><a href="http://twitter.com/home?status=' + title + ' ' + url + '" id="social-link-twitter" target="' + TARGET_WINDOW + '">Twitter</a></li>' +
					'<li><a href="http://connect.mail.ru/share?share_url=' + url + '" id="social-link-moimir" target="' + TARGET_WINDOW + '">Мой Мир</a></li>' +
					'<li><a href="http://memori.ru/link/?sm=1&u_data[url]=' + url + '&u_data[name]=' + title + '" id="social-link-memori" target="' + TARGET_WINDOW + '">Memori</a></li>' +
					'<li><a href="http://www.google.com/bookmarks/mark?op=add&bkmk=' + url + '&title=' + title + '" id="social-link-google" target="' + TARGET_WINDOW + '">Закладки Google</a></li>' +
					'<li><a href="http://www.mister-wong.ru/index.php?action=addurl&bm_url=' + url + '&bm_description=' + title + '" id="social-link-misterwong" target="' + TARGET_WINDOW + '">Mister Wong</a></li>' +			
				'</ul>' +
				'<ul id="social-links-list-right">' +
					'<li><a href="http://www.facebook.com/sharer.php?u=' + url + '" id="social-link-facebook" target="' + TARGET_WINDOW + '">Facebook</a></li>' +
					'<li><a href="http://www.odnoklassniki.ru/dk?st.cmd=addShare&st.s=1&st._surl=' + url + '" id="social-link-odnoklassniki" target="' + TARGET_WINDOW + '">Одноклассники</a></li>' +
					'<li><a href="http://www.livejournal.com/update.bml?event=' + url + '&subject=' + title + '" id="social-link-livejournal" target="' + TARGET_WINDOW + '">LiveJournal</a></li>' +
					'<li><a href="http://bobrdobr.ru/addext.html?url=' + url + '&title=' + title + '" id="social-link-bobrdobr" target="' + TARGET_WINDOW + '">БобрДобр</a></li>' +
					'<li><a href="http://my.ya.ru/posts_add_link.xml?URL=' + url + '&title=' + title + '" id="social-link-yandex" target="' + TARGET_WINDOW + '">Яндекс.Закладки</a></li>' +
					'<li><a href="http://del.icio.us/post?v=4&noui&jump=close&url=' + url + '&title=' + title + '" id="social-link-delicious" target="' + TARGET_WINDOW + '">Delicious</a></li>' +			
				'</ul>' +		
			'</div>' +
			'<span>&copy; <a href="/">Компания Локсервис</a> / <a target="_blank" href="http://www.facebook.com/Lockservice">Мы в Facebook</a>, 2012</span>' +
			'<a href="#close" id="social-panel-close-button">Закрыть</a>' +
		'</div>'
	);

	var $socialPanel = $("#social-panel");
	var $socialPanelButton = $("#social-panel-button");
	var $socialPanelCloseButton = $("#social-panel-close-button");

	$socialPanel.hide();
	$socialPanelButton.click(function() {
		showSocialPanel();
		return false;
	});
	$socialPanelCloseButton.click(function() {
		hideSocialPanel();
		return false;
	});
}

function showSocialPanel() {
	var $socialPanel = $("#social-panel");
	$socialPanel.show();
}

function hideSocialPanel() {
	var $socialPanel = $("#social-panel");
	$socialPanel.hide();
}