// fb-dock 1.0
// synckgraphica
// www.synck.com
// 2011-12-11

var fbdock_toggle_flag = true;
var fbdock_domain = '1-firststep.com';
var fbdock_facebook_page_name = 'tanimotohiro';

function load_fbdock(){
	var element = document.createElement('div');
	element.id = "fbdock_body";
	var objBody = document.getElementsByTagName("body").item(0);
	objBody.appendChild(element);
	var element = document.createElement('div');
	element.id = "fbdock_background";
	var objBody = document.getElementsByTagName("body").item(0);
	objBody.appendChild(element);
	
	//
	var fbdock_body_HTML = "";
	fbdock_body_HTML = '<div><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F'+fbdock_facebook_page_name+'&amp;width=320&amp;height=258&amp;colorscheme=light&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:320px; height:258px;" allowTransparency="true"></iframe></div>';
	fbdock_body_HTML += '<div><iframe src="//www.facebook.com/plugins/recommendations.php?site='+fbdock_domain+'&amp;width=320&amp;height=280&amp;header=false&amp;colorscheme=light&amp;linktarget=_parent&amp;border_color=%23FFFFFF&amp;font&amp;appId=292868405242" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:320px; height:280px;" allowTransparency="true"></iframe></div>';
	//fbdock_body_HTML += '<div><a href="https://twitter.com/firstsync" class="twitter-follow-button" data-show-count="true" data-lang="en" data-size="large" data-show-screen-name="false">Follow @firstsync</a>';
	document.getElementById('fbdock_body').innerHTML = fbdock_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");
	//

	if(navigator.userAgent.indexOf('Mobile') > -1){
		window.addEventListener("scroll",function(){ fbdock_scrollTop();},false);
		document.addEventListener("touchmove", fbdock_touchStart, false);
	}
	
	$(".fbdock_open").click(function(){
		fbdock_toggle();
	});
	$("#fbdock_background").click(function(){
		fbdock_toggle();
	});
}
function fbdock_toggle(){
	if(fbdock_toggle_flag){
		$(function(){
			$("#fbdock_background")
				.animate({ left: 0 },300)
				.animate({ left: -2 },50)
				.animate({ left: 0 },50);
		});
		$(function(){
			$("#fbdock_body")
				.animate({ left: 0 },300)
				.animate({ left: -2 },50)
				.animate({ left: 0 },50);
		});
		fbdock_toggle_flag = false;
	}
	else {
		//fbdock_close();
		$(function(){
			$("#fbdock_background")
				.animate({ left: -340 },200)
				.animate({ left: -335 },50)
				.animate({ left: -340 },50);
		});
		$(function(){
			$("#fbdock_body")
				.animate({ left: -340 },200)
				.animate({ left: -335 },50)
				.animate({ left: -340 },50);
		});
		fbdock_toggle_flag = true;
	}
}

function fbdock_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";
	}
}
function fbdock_scrollTop(){
	document.getElementById('fbdock_background').style.top = document.body.scrollTop + "px";
	document.getElementById('fbdock_body').style.top = document.body.scrollTop + "px";
	document.getElementById('fbdock_background').style.display = "block";
	document.getElementById('fbdock_body').style.display = "block";
}
function fbdock_touchStart(){
	document.getElementById('fbdock_background').style.display = "none";
	document.getElementById('fbdock_body').style.display = "none";
}

$(document).ready(load_fbdock);
//addEventSet(window,"load",function(){load_fbdock();});

