<!--
	// web-dock 1.0
	function load_webdock(){
		var element = document.createElement('div');
		element.id = "webdock_body";
		var objBody = document.getElementsByTagName("body").item(0);
		objBody.appendChild(element);
		var element = document.createElement('div');
		element.id = "webdock_background";
		var objBody = document.getElementsByTagName("body").item(0);
		objBody.appendChild(element);
		
		var webdock_body_HTML = "";
		webdock_body_HTML = '<div><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fsyncktechnica&amp;width=380&amp;height=258&amp;colorscheme=dark&amp;show_faces=true&amp;border_color=%23FFFFFF&amp;stream=false&amp;header=false&amp;appId=145360818276" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:380px; height:258px;" allowTransparency="true"></iframe></div>';
		webdock_body_HTML += '<div><iframe src="//www.facebook.com/plugins/recommendations.php?site=weblogs.trancedive.com&amp;width=380&amp;height=300&amp;header=false&amp;colorscheme=dark&amp;linktarget=_parent&amp;border_color=%23FFFFFF&amp;font&amp;appId=292868405242" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:380px; height:300px;" allowTransparency="true"></iframe></div>';
		webdock_body_HTML += '<div><a href="https://twitter.com/synckgraphica" class="twitter-follow-button" data-show-count="true" data-lang="en" data-show-screen-name="false">Follow @synckgraphica</a></div>';
		document.getElementById('webdock_body').innerHTML = webdock_body_HTML;
		
		!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
		
		$(".webdock_over").mouseover(function(){
			webdock_open(this);
		});
		$(".webdock_overout").mouseover(function(){
			webdock_open(this);
		});
		$(".webdock_overout").mouseout(function(){
			webdock_close();
		});
		$(".webdock_click").click(function(){
			webdock_open(this);
		});
		$("#webdock_background").click(function(){
			webdock_toggle(this);
		});
	}
	var webdock_timer = "";
	var webdock_toggle_flag = true;
	function webdock_toggle(){
		if(webdock_toggle_flag){
			$(function(){
				$("#webdock_background")
					.animate({ left: 0 },300)
					.animate({ left: -2 },50)
					.animate({ left: 0 },50);
			});
			$(function(){
				$("#webdock_body")
					.animate({ left: 0 },300)
					.animate({ left: -2 },50)
					.animate({ left: 0 },50);
			});
			webdock_toggle_flag = false;
		}
		else {
			webdock_close();
			webdock_toggle_flag = true;
		}
	}
	function webdock_open(obj){
		clearTimeout(webdock_timer);
		webdock_setMaxHeight("webdock_body");
		document.getElementById("webdock_background").style.left = "0px";
		document.getElementById("webdock_body").style.left = "0px";
	}
	function webdock_setMaxHeight(getId){
		var nWidth, nHeight, nTop, nLeft;
		var ua = navigator.userAgent;
		var nHit = ua.indexOf("MSIE");
		var bIE = (nHit >=  0);
		var bVer6 = (bIE && ua.substr(nHit+5, 1) == "6");
		var bStd = (document.compatMode && document.compatMode=="CSS1Compat");
		if (bIE) {
			if (bVer6 && bStd) {
				nWidth = document.documentElement.clientWidth;
				nHeight = document.documentElement.clientHeight;
				nTop = document.documentElement.scrollTop;
				nLeft = document.documentElement.scrollLeft;
			}
			else {
				if (typeof document.body.style.maxHeight != "undefined") {
					nWidth = document.documentElement.clientWidth;
					nHeight = document.documentElement.clientHeight;
					nTop = document.documentElement.scrollTop;
					nLeft = document.documentElement.scrollLeft;
				}
				else {
					nWidth = document.body.clientWidth;
					nHeight = document.body.clientHeight;
					nTop = document.body.scrollTop;
					nLeft = document.body.scrollLeft;
				}
			}
		}
		else {
			nWidth = window.innerWidth;
			nHeight = window.innerHeight;
			nTop = document.body.scrollTop  || document.documentElement.scrollTop;
			nLeft = document.body.scrollLeft || document.documentElement.scrollLeft;
		}
		if(document.all){
			document.all(getId).style.height = nHeight+"px";
		}
		else if(document.getElementById){
			document.getElementById(getId).style.height = nHeight+"px";
		}
		//if(navigator.userAgent.indexOf('Mobile') > -1)
		//	document.getElementById(getId).style.height = document.body.scrollHeight + "px";
	}
	function webdock_close(){
		$(function(){
			$("#webdock_background")
				.animate({ left: -400 },300)
				.animate({ left: -395 },50)
				.animate({ left: -400 },50);
		});
		$(function(){
			$("#webdock_body")
				.animate({ left: -400 },300)
				.animate({ left: -395 },50)
				.animate({ left: -400 },50);
		});
	}
	
	function webdock_scrollTop(){
		document.getElementById('webdock_background').style.top = document.body.scrollTop + "px";
		document.getElementById('webdock_body').style.top = document.body.scrollTop + "px";
		document.getElementById('webdock_background').style.display = "block";
		document.getElementById('webdock_body').style.display = "block";
	}
	function webdock_touchStart(){
		document.getElementById('webdock_background').style.display = "none";
		document.getElementById('webdock_body').style.display = "none";
	}
	if(navigator.userAgent.indexOf('Mobile') > -1){
		addEventSet(window,"scroll",function(){ webdock_scrollTop();});
		document.addEventListener("touchmove", webdock_touchStart, false);
	}
	$(document).ready(load_webdock);
//-->
