//configure the below five variables to change the style of the event

//configure the below five variables to change the style of the event
var eventdelay='4000' //delay between msg events. 3000=3 secondevents.
var eventwidth='554px'
var eventheight='80px'
var eventbgcolor='#c7c9ca;'
//set below to '' if you don't wish to use a background image
var eventbackground='../../images/features/events/home_event_bg.jpg';
var eventStatusStyle = "color: #24667C; font-size: 9px; line-height: 22px; font-family: Verdana, Arial, Helvetica; text-decoration: none;";

//configure the below variable to change the contents of the event
var started = 0;
var isStopped = 0;
var doneStopping = 0;
var eventForward = 1;
var topevent;
var bottomevent;

var events=new Array();
events[events.length]='<a href="../../downloads/pdf/invite_flyer_layout1.pdf"><img src="../../images/features/events/holiday-scroll-09.jpg" width="554" height="80" border="0" alt="3rd Annual Holiday Party"></a>';
events[events.length]='<a href="../../html/notable/notable.shtml"><img src="../../images/features/events/wynton_marsalis.jpg" width="554" height="80" border="0" alt="Swing with Wynton Marsalis: Jazz Great and NYC DAD!"></a>';
events[events.length]='<a href="../../downloads/pdf/fostering_fathers_oped_0608.pdf"><img src="../../images/features/events/home_com_oped.jpg" width="554" height="80" border="0" alt="Read Commissioner Doar\'s Fostering Fathers Op-Ed from The New York Post and..."></a>';
events[events.length]='<a href="../../downloads/pdf/commissioner_radio.pdf"><img src="../../images/features/events/home_com_podcast.jpg" width="554" height="80" border="0" alt=" ...listen to the Commissioner\'s Father\'s Day Podcast Interview on WFUV Radio"></a>';


var ieevent=document.all
var domevent=document.getElementById

if (events.length>2)
	f=2
else
	f=0

function moveevent1(whicheventLayer){
	flayer=eval(whicheventLayer)
	if (flayer.top>0&&flayer.top<=5){
		flayer.top=0
		setTimeout("moveevent1(flayer)",eventdelay)
		setTimeout("moveevent2(document.mainevent.document.secondevent)",eventdelay)
		return
	}
	if (flayer.top>=flayer.document.height*-1){
		flayer.top-=5
		setTimeout("moveevent1(flayer)",50)
	}
	else{
		flayer.top=parseInt(eventheight)
		flayer.document.write(events[f])
		flayer.document.close()
		if (f==events.length-1)
			f=0
		else
			f++
	}
}

function moveevent2(whicheventLayer){
	flayer2=eval(whicheventLayer)
	if (flayer2.top>0&&flayer2.top<=5){
		flayer2.top=0
		setTimeout("moveevent2(flayer2)",eventdelay)
		setTimeout("moveevent1(document.mainevent.document.firstevent)",eventdelay)
		return
	}
	if (flayer2.top>=flayer2.document.height*-1){
		flayer2.top-=5
		setTimeout("moveevent2(flayer2)",50)
	}
	else{
		flayer2.top=parseInt(eventheight)
		flayer2.document.write(events[f])
		flayer2.document.close()
		if (f==events.length-1)
			f=0
		else
			f++
	}
}

function moveevent3(whichevent){
	fdiv=eval(whichevent)
	if (parseInt(fdiv.style.top)>0&&parseInt(fdiv.style.top)<=5){
		fdiv.style.top=0+"px"
		if (isStopped == 1) {changeButton(1); return;}
		setTimeout("moveevent3(fdiv)",eventdelay)
		setTimeout("moveevent4(secondevent2_obj)",eventdelay)
		return
	}
	if (parseInt(fdiv.style.top)>=fdiv.offsetHeight*-1){
		if (isStopped == 1 && parseInt(fdiv.style.top) == 0) {changeButton(1); return;}
		if (isStopped == 1 && parseInt(fdiv.style.top) == parseInt(eventheight)) {changeButton(1); return;}
		fdiv.style.top=parseInt(fdiv.style.top)-5+"px"
		setTimeout("moveevent3(fdiv)",50)
	}
	else{
		fdiv.style.top=parseInt(eventheight)
		fdiv.innerHTML=events[f]
		eventStatus();
		if (f==events.length-1)
			f=0
		else
			f++
	}
}

function moveevent4(whichevent){
	fdiv2=eval(whichevent)
	if (parseInt(fdiv2.style.top)>0&&parseInt(fdiv2.style.top)<=5){
		fdiv2.style.top=0+"px"
		if (isStopped == 1) {changeButton(1); return;}
		setTimeout("moveevent4(fdiv2)",eventdelay)
		setTimeout("moveevent3(firstevent2_obj)",eventdelay)
		return
	}
	if (parseInt(fdiv2.style.top)>=fdiv2.offsetHeight*-1){
		if (isStopped == 1 && parseInt(fdiv2.style.top) == 0) {changeButton(1); return;}
		if (isStopped == 1 && parseInt(fdiv2.style.top) == parseInt(eventheight)) {changeButton(1); return;}
		fdiv2.style.top=parseInt(fdiv2.style.top)-5+"px"
		setTimeout("moveevent4(secondevent2_obj)",50)
	}
	else{
		fdiv2.style.top=parseInt(eventheight)
		fdiv2.innerHTML=events[f]
		eventStatus();
		if (f==events.length-1)
			f=0
		else
			f++
	}
}

function startevents(){
	// make sure function doesn't fun twice
	if (started != 0/*||events.length==1*/)
		return

	started++

	if (ieevent||domevent){
		firstevent2_obj=ieevent? firstevent2 : document.getElementById("firstevent2")
		secondevent2_obj=ieevent? secondevent2 : document.getElementById("secondevent2")
		moveevent3(firstevent2_obj)
		secondevent2_obj.style.top=eventheight
		secondevent2_obj.style.visibility='visible'
//		changeButton(0);
//		document.getElementById("eventStatus").innerHTML = '<span id="eventStatus" style="' + eventStatusStyle + '">  1-20 OF ' + members + '</span>';
	}
	else if (document.layers){
		document.mainevent.visibility='show'
		moveevent1(document.mainevent.document.firstevent)
		document.mainevent.document.secondevent.top=parseInt(eventheight)+5
		document.mainevent.document.secondevent.visibility='show'
	}
}

function eventStatus() {
	//document.getElementById("eventStatus").innerHTML = '<span id="eventStatus" style="' + eventStatusStyle + '">' + getMessage(i) + ' OF ' + members + '</span>';
}

function getMessage(variable){
	var mes=variable-1;
	if(mes<0) mes=events.length-1;
	var lastItem=(mes==events.length-1?members:(mes+1)*20);
	var firsteventItem=mes*20+1;
	return(firsteventItem +"-"+lastItem);
}

function stopevent() {
	isStopped = 1;
	changeButton(2);
}

function restartevents() {
	if (isStopped == 0 ) {return;}
	isStopped = 0;
	if (eventForward == 0) {
		if (f==events.length-1) {
			f=1;
		} else if (f==events.length-2) {
			f=0;
		} else {
			f=f+2
		}
	}

	moveevent3(firstevent2_obj);
	moveevent4(secondevent2_obj);

	changeButton(0);
	eventForward = 1;
	doneStopping = 0;
}

function changeButton(what) {
	if (what==0) {
		document.getElementById("startstopevent").innerHTML = '<a href="javascript:stopevent();"><img src="../../includes/site_images/misc/members_hold.gif" name="members_hold" border="0" align="absmiddle" width="13" height="22" alt="Pause event" onMouseOver="eventIconSwap(\'members_hold\',this,0);" onMouseOut="eventIconSwap(\'members_hold\',this,1);"></a>';
		document.getElementById("nextevent").innerHTML = '<a href="javascript:nextevent();"><img src="../../includes/site_images/misc/members_forward.gif" name="members_forward" border="0" align="absmiddle" width="10" height="22"  onMouseOver="eventIconSwap(\'members_forward\',this,0);" onMouseOut="eventIconSwap(\'members_forward\',this,1);"></a>';
		document.getElementById("backevent").innerHTML = '<a href="javascript:backevent();"><img src="../../includes/site_images/misc/members_back.gif" name="members_back" border="0" align="absmiddle" width="10" height="22"  onMouseOver="eventIconSwap(\'members_back\',this,0);" onMouseOut="eventIconSwap(\'members_back\',this,1);"></a>';
	} else if (what==1) {
		firstevent2_top=parseInt(document.getElementById("firstevent2").style.top)
		secondevent2_top=parseInt(document.getElementById("secondevent2").style.top)
		if ((firstevent2_top != 0 && firstevent2_top != parseInt(eventheight)) || (secondevent2_top != 0 && secondevent2_top != parseInt(eventheight))) {
			setTimeout("changeButton(1)",50)
			return;
		}
		document.getElementById("startstopevent").innerHTML = '<a href="javascript:restartevents();"><img src="../../includes/site_images/misc/members_event.gif" name="members_event" border="0" align="absmiddle" width="13" height="22" alt="Resume event" onMouseOver="eventIconSwap(\'members_event\',this,0);" onMouseOut="eventIconSwap(\'members_event\',this,1);"></a>';
		document.getElementById("nextevent").innerHTML = '<a href="javascript:nextevent();"><img src="../../includes/site_images/misc/members_forward.gif" name="members_forward" border="0" align="absmiddle" width="10" height="22"  onMouseOver="eventIconSwap(\'members_forward\',this,0);" onMouseOut="eventIconSwap(\'members_forward\',this,1);"></a>';
		document.getElementById("backevent").innerHTML = '<a href="javascript:backevent();"><img src="../../includes/site_images/misc/members_back.gif" name="members_back" border="0" align="absmiddle" width="10" height="22"  onMouseOver="eventIconSwap(\'members_back\',this,0);" onMouseOut="eventIconSwap(\'members_back\',this,1);"></a>';
		doneStopping = 1;
	} else if (what==2) {
		document.getElementById("startstopevent").innerHTML = '<img src="../../includes/site_images/misc/members_wait.gif" border="0" align="absmiddle" width="13" height="22" alt="Please Wait...">';
		document.getElementById("nextevent").innerHTML = '<img src="../../includes/site_images/misc/members_forward.gif" name="members_forward" border="0" align="absmiddle" width="10" height="22" >';
		document.getElementById("backevent").innerHTML = '<img src="../../includes/site_images/misc/members_back.gif" name="members_back" border="0" align="absmiddle" width="10" height="22" >';
	}
}

function nextevent() {
	if (isStopped == 0) {	stopevent(); }
	if (doneStopping == 0) {
		setTimeout("nextevent()",50)
		return;
	}
	if (parseInt(document.getElementById("firstevent2").style.top)==0) {
		topevent = document.getElementById("firstevent2");
		bottomevent = document.getElementById("secondevent2");
	} else {
		bottomevent = document.getElementById("firstevent2");
		topevent = document.getElementById("secondevent2");
	}
	if (eventForward == 0) {
		if (f==events.length-1) {
			f=1;
		} else if (f==events.length-2) {
			f=0;
		} else {
			f=f+2
		}
	}
	eval(topevent).innerHTML = (i==0?events[events.length-1]:events[f-1]);
	eval(bottomevent).innerHTML = events[f];
	eventStatus();
	eventForward = 1;
	if (f==events.length-1) {
		f=0;
	} else {
		f++;
	}
}

function backevent() {
	if (isStopped == 0) {	stopevent(); }
	if (doneStopping == 0) {
		setTimeout("backevent()",50)
		return;
	}
	if (parseInt(document.getElementById("firstevent2").style.top)==0) {
		topevent = document.getElementById("firstevent2");
		bottomevent = document.getElementById("secondevent2");
	} else {
		bottomevent = document.getElementById("firstevent2");
		topevent = document.getElementById("secondevent2");
	}
	if (eventForward == 1) {
		if (f==0) {
			f=events.length-2;
		} else if (f==1) {
			f=events.length-1;
		} else {
			f=f-2
		}
	}
	eval(topevent).innerHTML = (i==0?events[events.length-1]:events[f-1]);
	eval(bottomevent).innerHTML = events[f];
	eventStatus();
	eventForward = 0;
	if (f==0) {
		f=events.length-1;
	} else {
		f--;
	}
}

function eventIconSwap(iconImg, what, which) {
	var imgPath = "../../includes/site_images/misc/";
	if (which == 0) {
		what.src = imgPath + iconImg + "_over.gif";
	} else {
		what.src = imgPath + iconImg + ".gif";
	}
}
document.write('<ilayer id="mainevent" width='+eventwidth+' height='+eventheight+' bgColor='+eventbgcolor+' background='+eventbackground+' visibility=hide> <layer id="firstevent" left=0 top=1 width='+eventwidth+'>');
       
if (document.layers){
	document.write(events[0]);
}
document.write('</layer><layer id="secondevent" left=0 top=0 width='+eventwidth+' visibility=hide>');
if (document.layers){
	document.write(events[dynevent=(events.length==1)? 0 : 1])
}
document.write('</layer></ilayer>');
if (ieevent||domevent){
	document.writeln('<div id="mainevent2" style="position:relative;width:'+eventwidth+';height:'+eventheight+';overflow:hidden;background-image:url('+eventbackground+');">')
	document.writeln('<div style="position:absolute;width:'+eventwidth+';height:'+eventheight+';clip:rect(0 '+eventwidth+' '+eventheight+' 0);left:0px;top:0px">')
	document.writeln('<div id="firstevent2" style="position:absolute;width:'+eventwidth+';left:0px;top:1px;">')
	document.write(events[0])
	document.writeln('</div>')
	document.writeln('<div id="secondevent2" style="position:absolute;width:'+eventwidth+';left:0px;top:0px;visibility:hidden">')
	document.write(events[dynevent=(events.length==1)? 0 : 1])
	document.writeln('</div>')
	document.writeln('</div>')
	document.writeln('</div>')
}