var toggleFB;
$(function() {	


    var isFBVisible = new Boolean(false);	
    $('#eu-overlay').css({opacity:0});
	function windowSize() {
		var myWidth = 0;
		if( typeof(window.innerWidth) == 'number' ) {
			myWidth = window.innerWidth;	    
		} else if(document.documentElement && ( document.documentElement.clientWidth)) {
			myWidth = document.documentElement.clientWidth;
		} else if(document.body && (document.body.clientWidth)) {
			myWidth = document.body.clientWidth;
		}
		//return myWidth;
		alert(myWidth);
		}	
    toggleFB = function () {
		if (isFBVisible !== true) {
			with ($('#eu-overlay')) {
				css({display:"block",height:$(document).height()});
				css({display:"block"});
				animate({opacity:0.8},200,
					function() {
					isFBVisible = true;
					}
				);
			}
            $('#eu-box-img').css({display:"block"});
			$('#eu-box-img').show(340,
				function() {
				}
			);
			$('#eu-box').css({display:"block"});
			$('#eu-box').show(340);
		} else {
			$('#eu-box').fadeOut(200,
				function() {
					$('#eu-box').css({display:"none"});
					isFBVisible = false;
					with ($('#eu-overlay')) {
						animate({opacity:0.0},200,
							function() {
								$('#eu-overlay').css({display:"none"});
							}
						);
					}					
				}
			);
            $('#eu-box-img').fadeOut(200,
				function() {
					$('#eu-box-img').css({display:"none"});
				}
			);
		}
	}
	$('#close-btn').click(
		function() {
			if (isFBVisible === true) {
				callFacebookOverlay()
				//toggleFB();			
			}
		}
	);
	$('#eu-overlay').click(
		function() {
			if (isFBVisible === true) {
				callFacebookOverlay()
				//toggleFB();			
			}
		}
	);

	$('#test').click(
		function() {
		callFacebookOverlay()
		}
	);

function callFacebookOverlay(){
    toggleFB();
}


});