$(function(){
	$('#StyleGuideButton').click(openStyleGuide)
	if(window.location.hash=='#styleguide')		openStyleGuide();
})

function openStyleGuide(){
	$('body').append('<div class="lightBox"><div id="closeButton"></div><div id="StyleGuide"></div><div class="lightBoxBackground"></div></div>');
	
	$('.lightBoxBackground').css({'opacity':0.8})
	$('.lightBox').css({'opacity':0}).animate({'opacity':1},1500)
	
	//$('.StyleGuide').load('http://www.be-one.nl/StyleGuide/index.html')
	
	$.getScript('/StyleGuide/StyleGuide_files/facebook.js')
	$.getScript('/StyleGuide/StyleGuide_files/swfaddress.js')
	$.getScript('/StyleGuide/StyleGuide_files/swfobject.js',function(){
		$.getScript('/_js/loadStyleGuide.js')
	})
	
	$('#closeButton').click(function(){
		$('div.lightBox').animate({'opacity':'0'},1000,removeStyleGuide);
	})
	
	return false;
}

function removeStyleGuide(){
	$('div.lightBox').remove();
}