var baseURL = "http://local.fiat.nl/socialbar/";

var timeoutMouseover;
var timeoutMouseout;
var tweetIds = new Array();
var docHeight;
var winHeight;

//load an external css or js file into the host page
function loadjscssfile(filename, filetype, where) {
    var fileref; 
    if (filetype == "js") { fileref = document.createElement("script"); fileref.setAttribute("type", "text/javascript"); fileref.setAttribute("src", filename); }
    else if (filetype == "css") { fileref = document.createElement("link"); fileref.setAttribute("rel", "stylesheet"); fileref.setAttribute("type", "text/css"); fileref.setAttribute("href", filename); }
    
    if (typeof fileref != "undefined") {
        if (where == "head") { document.getElementsByTagName("head")[0].appendChild(fileref); }
        else { document.getElementsByTagName("body")[0].appendChild(fileref); } 
    } 
}

$(document).ready(function () {
    window.scrollTo(0, 0);
	loadjscssfile(baseURL + "SocialToolbar.css", "css", "head");
    $('body').prepend('<div id="toolbarContainer" class="toolbarContainer" ></div>');
    $('#toolbarContainer').append('<a id="hideToolbar" href="javascript:hideToolbar();"><img src="' + baseURL + 'images/hideToolbar.jpg" title="Verbergen"/></a>');
    $('#toolbarContainer').append('<div id="facebookToolbarItem"><a id="facebookItem" class="facebookItem" href="http://www.facebook.com/fiatnl" target="_blank"></a></div>');
    $('#toolbarContainer').append('<div id="youtubeToolbarItem"><a id="youtubeItem" class="youtubeItem" href="http://www.youtube.com/user/NLFiat" target="_blank"></a></div>');
    $('#toolbarContainer').append('<div id="twitterToolbarItem"><a id="twitterItem" class="twitterItem" href="http://twitter.com/#!/FiatNederland" target="_blank"></a></div>');
	$('#toolbarContainer').append('<div id="googleToolbarItem"><a id="googleItem" class="googleItem" href="http://plus.google.com/113699942774752762368/" target="_blank"></a></div>');
    $('body').prepend('<div id="openToolbarContainer"><a id="openToolbar" class="openToolbar" href="javascript:displayToolbar();" style="display:none;"><img src="' + baseURL + 'images/showToolbar.jpg" title="Social Media Toolbar"/></a></div>');
    docHeight = $(document).height();
    winHeight = $(window).height() - 25;
	
	//$("#toolbarContainer").css("position", "absolute");
    
	$("#toolbarContainer").css('margin-top', winHeight);
    $("#openToolbar").css('margin-top', winHeight);
	$("#closeToolbar").css('margin-top', winHeight);
    $(window).scroll(function () {
        if (($(window).scrollTop() + winHeight) <= docHeight) {
            $("#toolbarContainer")
				.stop()
				.animate({ "marginTop": ($(window).scrollTop() + winHeight) + "px" }, "fast");
            $("#openToolbar").css('margin-top', $(window).scrollTop() + winHeight);
        }
    });
});

function displayToolbar() {
    $('#openToolbar').hide();
    $('#toolbarContainer').show();
    $('.fbWidgetTitle').html('Facebook Title');
}

function hideToolbar() {
    $('#toolbarContainer').hide();
    $('#openToolbar').show();
}

function keepPopup() {
    clearTimeout(timeoutMouseover);
}

function hidePopup() {
    timeoutMouseout = setTimeout(function () {
        $('#twitterToolbarPopup').hide();
    }, 50);
}

function restoreBackgroundColor(thisPost) {
    $(thisPost).css('background-color', 'White');
}