$(document).ready(function(){

//insert overlay box
$('#contentbg').before('<div id="overlaycontainer"><div id="overlaycontainer-border"><div id="overlaycontainer-close"></div></div></div>');

//open sections via deeplink
if(pgname!="") {
	openSection(pgname);
}	

	// intelligent mouseover
    $('.nav a img').mouseover(function(){
		var thisimg = $(this);
		cursorwait = setTimeout(function(){
			thisimg.fadeTo('fast',0.1);
		}, 200);	
    }).mouseout(function(){
		 clearTimeout(cursorwait);
		 $(this).fadeTo('fast',1.0);
    });

	//open sections via nav
	$('a').click(function(){	

		var rel = $(this).attr('rel');	
		var href = $(this).attr('href');
		
			if(rel=='overlay'){

				if ($('#overlaycontainer').is(':hidden')) {
					openSection(href);
					return false;
				} else {
					transitionSection();	
					switchSection(href);
					return false;
					 //$('#overlaycontainer-iframe').attr('src',href);
				};	
			};
	});
	
	//close button
	$('#overlaycontainer-close').click(function(){
		closeSection();
	});

});

function openSection(href) {
		$('#contentbg').fadeTo("slow", 0.4);
		$('#overlaycontainer').fadeIn('fast', function() {								   
			$("#overlaycontainer-border").animate({ 
				marginTop: "172px"
			}, 200, function() {									   
			$("#overlaycontainer-border").append('<iframe id="overlaycontainer-iframe" src="' + href + '" scrolling="no"></iframe>');
			});
		});
};

function switchSection(href) {
		$('#overlaycontainer').fadeIn('fast', function() {								   					   
			$("#overlaycontainer-border").append('<iframe id="overlaycontainer-iframe" src="' + href + '" scrolling="no"></iframe>');
		});
};

function closeSection() {
	if ($("#overlaycontainer").is(":visible")) {
		$("#overlaycontainer-border").animate({ 
        	marginTop: "160px"
      		}, 100, function() {			
				$('#overlaycontainer').fadeOut(200);
				$('#overlaycontainer-iframe').delay(200).remove();
				$('#contentbg').fadeTo("fast", 1.0);
		});
	};
};

function transitionSection() {
	if ($("#overlaycontainer").is(":visible")) {	
			$('#overlaycontainer').fadeOut(200);
			$('#overlaycontainer-iframe').delay(200).remove();	
	};
};