%[if !edit]%
<!-- Fancy Intro async challenge mode. -->
<script type="text/javascript">
if (%id=async%) {
	if (navigator.userAgent.match(/MSIE (\d+(?:\.\d+)+(?:b\d*)?)/) != "MSIE 6.0,6.0") {
		var atm_objFancyIntroCookie = null;
		atm_objFancyIntroCookie = new RegExp("atm_FancyIntroDays"+"=(.*?)(?:;|$)").exec(document.cookie); 
			
		if ((atm_objFancyIntroCookie == null) || (%id=cookieExpire% == 0)) { 
			var atm_objFancyIntroBackground = document.createElement('div');
			atm_objFancyIntroBackground.className = 'atmFancyIntroBackground';
			
			if (document.body.firstChild) {
				document.body.insertBefore(atm_objFancyIntroBackground, document.body.firstChild);
			} else {
		      	document.body.appendChild(atm_objFancyIntroBackground);
			} 
		}
	}
}
</script>
%[endif]%


%[if edit]%
<!-- Edit mode label -->
<div class="atm_Fancy_Intro_Guiding_Text" style="text-align:center; font-weight:bold; padding:10px;">Upper Content</div>
%[endif]%

<!-- Upper content -->
%[if !edit]%
<div class="atmFancyIntroTextHolder atmFancyIntroUpperTextHolder">
%[endif]%

%[if %("%id=uppercontent_type%" == "dropped_image")% ]%
<img src="%id=upper_droppedimage%" alt="Upper Image">
%[endif]%

%[if %("%id=uppercontent_type%" == "html")% ]%
%html="My Website"%
%[endif]%

%[if %("%id=uppercontent_type%" == "markdown")% ]%
%markdown="My Website"%
%[endif]%

%[if %("%id=uppercontent_type%" == "stacks")% ]%
%slice%
%[endif]%

%[if %("%id=uppercontent_type%" == "styled")% ]%
%text="My Website"%
%[endif]%

%[if %("%id=uppercontent_type%" == "warehoused_image")% ]%
<img src="%id=upper_warehousedimage -href%" alt="Upper Image">
%[endif]%

%[if !edit]%
</div><!--/atmFancyIntroUpperTextHolder-->
%[endif]%



%[if edit]%
<!-- Edit mode label -->
<div class="atm_Fancy_Intro_Guiding_Text" style="text-align:center; font-weight:bold; padding:10px;">Lower Content</div>
%[endif]%


<!-- Lower content -->
%[if !edit]%
<div class="atmFancyIntroTextHolder atmFancyIntroLowerTextHolder">
%[endif]%

%[if %("%id=lowercontent_type%" == "lowerdropped_image")% ]%
<img src="%id=lower_droppedimage%" alt="Lower Image">
%[endif]%

%[if %("%id=lowercontent_type%" == "lowerhtml")% ]%
%html="Changing the world, one website at a time..."%
%[endif]%

%[if %("%id=lowercontent_type%" == "lowermarkdown")% ]%
%markdown="Changing the world, one website at a time..."%
%[endif]%

%[if %("%id=lowercontent_type%" == "lowerstacks")% ]%
%slice%
%[endif]%

%[if %("%id=lowercontent_type%" == "lowerstyled")% ]%
%text="Changing the world, one website at a time..."%
%[endif]%

%[if %("%id=lowercontent_type%" == "lowerwarehoused_image")% ]%
<img src="%id=lower_warehousedimage -href%" alt="Lower Image">
%[endif]%

%[if !edit]%
</div><!--/atmFancyIntroLowerTextHolder-->
%[endif]%

<noscript>
	<!-- If Javascript is disabled in the web browser, we load some special CSS to disable the page loading effect and ensure the page displays as normal -->
	<link rel="stylesheet" type="text/css" href="%assetPath%/fancyintro-noscript.css">
</noscript>

FancyIntro Demo