var demo_3_marqueePos = -1;
var demo_3_timeout = null;
var demo_3_is_visible = true;
var demo_3_marqueeText = [
	"<div style=\"background-image:url('http://jerrata.com/software/images/marquee_bg_1.png');height:150px;overflow:hidden;width:668px;\"><div style=\"background-color:#000000;color:#ffffff;font-size:16px;opacity:0.67;padding-bottom:10px;padding-top:10px;position:relative;text-align:center;top:112px;width:668px;\"><em>Does your website DoMarquee?</em></div></div>",
	"<div style=\"background-image:url('http://jerrata.com/software/images/marquee_bg_2.png');height:150px;overflow:hidden;width:668px;\"><div style=\"background-color:#000000;color:#ffffff;font-size:16px;opacity:0.67;padding-bottom:10px;padding-top:10px;position:relative;text-align:center;top:112px;width:668px;\">DoMarquee supports embedded <a href='http://jerrata.com/?product=DoMarquee'>Web links</a>.</div></div>",
	"<div style=\"background-image:url('http://jerrata.com/software/images/marquee_bg_3.png');height:150px;overflow:hidden;width:668px;\"><div style=\"background-color:#000000;color:#ffffff;font-size:16px;opacity:0.67;padding-bottom:10px;padding-top:10px;position:relative;text-align:center;top:112px;width:668px;\">DoMarquee supports embedded <a href='mailto:johnnie@jerrata.com?subject=DoMarquee'>email links</a>.</div></div>",
	"<div style=\"background-image:url('http://jerrata.com/software/images/marquee_bg_4.png');height:150px;overflow:hidden;width:668px;\"><div style=\"background-color:#000000;color:#ffffff;font-size:16px;opacity:0.67;padding-bottom:10px;padding-top:10px;position:relative;text-align:center;top:112px;width:668px;\">DoMarquee shows <strong>any content</strong> you'd like to display</div></div>",
	"<div style=\"background-image:url('http://jerrata.com/software/images/marquee_bg_5.png');height:150px;overflow:hidden;width:668px;\"><div style=\"background-color:#000000;color:#ffffff;font-size:16px;opacity:0.67;padding-bottom:10px;padding-top:10px;position:relative;text-align:center;top:112px;width:668px;\"><em>smoothly</em>: with <strong>attractive</strong>, fading animations.</div></div>",
	"<div style=\"background-image:url('http://jerrata.com/software/images/marquee_bg_6.png');height:150px;overflow:hidden;width:668px;\"><div style=\"background-color:#000000;color:#ffffff;font-size:16px;opacity:0.67;padding-bottom:10px;padding-top:10px;position:relative;text-align:center;top:112px;width:668px;\">DoMarquee is <strong>fully-customizable</strong> for <u>your</u> website.</div></div>"
];

function demo_3_changeMarqueeText ()
{
	document.getElementById ( "marquee_demo_3" ).innerHTML = demo_3_marqueeText [ demo_3_marqueePos ];
}

function demo_3_setMarqueeOpacityForAllBrowsers ( alpha )
{
	document.getElementById ( "marquee_demo_3" ).style.filter = "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity:" + alpha + ")";
	document.getElementById ( "marquee_demo_3" ).style.KHTMLOpacity = alpha / 100;
	document.getElementById ( "marquee_demo_3" ).style.MozOpacity = alpha / 100;
	document.getElementById ( "marquee_demo_3" ).style.opacity = alpha / 100;
}

function demo_3_affectMarquee ( currentAlpha, increment, cbFuncName )
{
	var alpha = currentAlpha + increment;
	
	if ( alpha < 0 || alpha > 95 )
	{
		if ( cbFuncName != null )
			cbFuncName ();
	}
	else
	{
		demo_3_setMarqueeOpacityForAllBrowsers ( alpha );
		setTimeout ( "demo_3_affectMarquee ( " + alpha + ", " + increment + ", " + cbFuncName + " )", 25 );
	}
}

function demo_3_marqueeDisappear ()
{
	demo_3_affectMarquee ( 100, -5, "demo_3_marqueeDisappearCallback" );
}

function demo_3_marqueeAppear ()
{
	demo_3_affectMarquee ( 0, 5, "demo_3_marqueeAppearCallback" );
}

function demo_3_marqueeDisappearCallback ()
{
	demo_3_is_visible = false;
	demo_3_marqueeForward ();
	demo_3_marqueeAppear ();
}

function demo_3_marqueeAppearCallback ()
{
	demo_3_is_visible = true;
	demo_3_setMarqueeOpacityForAllBrowsers ( 99 );
	demo_3_timeout = setTimeout ( "demo_3_marqueeDisappear ()", 10000 );
}

function demo_3_marqueeForward ()
{
	if ( demo_3_timeout != null )
		clearTimeout ( demo_3_timeout );
		
	demo_3_marqueePos++;
	
	if ( demo_3_marqueePos >= demo_3_marqueeText.length )
		demo_3_marqueePos = 0;
		
	demo_3_changeMarqueeText ();
	
	if ( demo_3_is_visible )
		demo_3_timeout = setTimeout ( "demo_3_marqueeDisappear ()", 10000 );
}

function demo_3_marqueeBackward ()
{
	if ( demo_3_timeout != null )
		clearTimeout ( demo_3_timeout );
		
	demo_3_marqueePos--;
	
	if ( demo_3_marqueePos < 0 )
		demo_3_marqueePos = demo_3_marqueeText.length - 1;
		
	demo_3_changeMarqueeText ();
	
	if ( demo_3_is_visible )
		demo_3_timeout = setTimeout ( "demo_3_marqueeDisappear ()", 10000 );
}

function demo_3_startMarquee ()
{
	demo_3_marqueeDisappear ();
}