//specify interval between slide (in mili seconds)
var slidespeed = 5000;

//specify images
var slideimages=new Array(
	"adRotator/images/intervention_rotate.jpg",
	"adRotator/images/instant_rotate.jpg",
	"adRotator/images/partners_rotate.jpg",
	"adRotator/images/gkid_rotate.jpg",
	"adRotator/images/gfam_rotate.jpg");
var imageholder=new Array();
var ie=document.all;
var whichimage=0;
var blendSpeed = 1;
var slideTimer;

var blenddelay=(ie)? blendSpeed*1000 : 0;



var imgArray = new Array();

imgArray[0] = new Array(
	'adRotator/images/navL.jpg',
	'adRotator/images/navL_over.jpg');
imgArray[1] = new Array(
	'adRotator/images/intervention_btn.jpg',
	'adRotator/images/instant_btn.jpg',
	'adRotator/images/partners_btn.jpg',
	'adRotator/images/gkid_btn.jpg',
	'adRotator/images/gfam_btn.jpg');
imgArray[2] = new Array(
	'adRotator/images/intervention_btn_hover.jpg',
	'adRotator/images/instant_btn_hover.jpg',
	'adRotator/images/partners_btn_hover.jpg',
	'adRotator/images/gkid_btn_hover.jpg',
	'adRotator/images/gfam_btn_hover.jpg');
imgArray[3] = new Array(
	'adRotator/images/navR.jpg',
	'adRotator/images/navR_over.jpg');

//speciy url's.  Max 5
var urlArray = new Array();

urlArray[0] = 'magazine/V29N2/v29n2_feature-another_world_of_intervention.htm';
urlArray[1] = 'magazine/V29N2/v29n2_feature-in_just_an_instant.htm';
urlArray[2] = 'magazine/V29N2/v29n2_partners_in_parenting.htm';
urlArray[3] = 'magazine/V29N2/v29n2_glennon_kid.htm';
urlArray[4] = 'magazine/V29N2/v29n2_glennon_family.htm';


var arrMainImg
//arrMainImg = new Array('Microsoft.gif','msdn.gif','technet.gif');
arrMainImg = new Array(
	"adRotator/images/intervention_rotate.jpg",
	"adRotator/images/instant_rotate.jpg",
	"adRotator/images/partners_rotate.jpg",
	"adRotator/images/gkid_rotate.jpg",
	"adRotator/images/gfam_rotate.jpg");
//op max is the count of images in the above array
var opMax = 5;

//nav states
var stateMid1,stateMid2,stateMid3,stateMid4,stateMid5;
stateMid1 = 0;
stateMid2 = 0;
stateMid3 = 0;
stateMid4 = 0;
stateMid5 = 0;
var midNavID;
var navOn;
navPrevOn = false;

function chgNav(objID,action)
{
	var obj;
	if (objID == 'navL' || objID == 'navR')
	{
		if (action == 'over')
		{
			if (objID == 'navL')
			{
				document.frm1.navL.src = imgArray[0][1];
			}
			else
			{
				document.frm1.navR.src = imgArray[3][1];
			}
		}
		else if (action == 'out')
		{
			if (objID == 'navL')
			{
				document.frm1.navL.src = imgArray[0][0];
			}
			else
			{
				document.frm1.navR.src = imgArray[3][0];
			}
		}
		else if (action == 'click')
		{
			clearTimeout(slideTimer);
			//midNavID = 0;
			if (objID == 'navL')
			{
				midNavID = switchMainImage('back');
			}
			else
			{
				midNavID = switchMainImage('forward');
			}
			//alert(midNavID);
			if (midNavID == 0)
			{
				//alert('im in section 1');
				stateMid1 = 1;
				stateMid2 = 0;
				stateMid3 = 0;
				stateMid4 = 0;
				stateMid5 = 0;
				document.frm1.navMid1.src = imgArray[2][0];
				document.frm1.navMid2.src = imgArray[1][1];
				document.frm1.navMid3.src = imgArray[1][2];
				document.frm1.navMid4.src = imgArray[1][3];
				document.frm1.navMid5.src = imgArray[1][4];
				
				document.getElementById('mainURL').href = urlArray[0];
			}
			else if (midNavID == 1)
			{
				//alert('im in section 2');
				stateMid1 = 0;
				stateMid2 = 1;
				stateMid3 = 0;
				stateMid4 = 0;
				stateMid5 = 0;
				document.frm1.navMid1.src = imgArray[1][0];
				document.frm1.navMid2.src = imgArray[2][1];
				document.frm1.navMid3.src = imgArray[1][2];
				document.frm1.navMid4.src = imgArray[1][3];
				document.frm1.navMid5.src = imgArray[1][4];
				
				document.getElementById('mainURL').href = urlArray[1];
			}
			else if (midNavID == 2)		
			{
				//alert('im in section 3');
				stateMid1 = 0;
				stateMid2 = 0;
				stateMid3 = 1;
				stateMid4 = 0;
				stateMid5 = 0;
				document.frm1.navMid1.src = imgArray[1][0];
				document.frm1.navMid2.src = imgArray[1][1];
				document.frm1.navMid3.src = imgArray[2][2];
				document.frm1.navMid4.src = imgArray[1][3];
				document.frm1.navMid5.src = imgArray[1][4];
				
				document.getElementById('mainURL').href = urlArray[2];
			}
			else if (midNavID == 3)		
			{
				//alert('im in section 4');
				stateMid1 = 0;
				stateMid2 = 0;
				stateMid3 = 0;
				stateMid4 = 1;
				stateMid5 = 0;
				document.frm1.navMid1.src = imgArray[1][0];
				document.frm1.navMid2.src = imgArray[1][1];
				document.frm1.navMid3.src = imgArray[1][2];
				document.frm1.navMid4.src = imgArray[2][3];
				document.frm1.navMid5.src = imgArray[1][4];
				
				document.getElementById('mainURL').href = urlArray[3];
			}
			else if (midNavID == 4)		
			{
				//alert('im in section 5');
				stateMid1 = 0;
				stateMid2 = 0;
				stateMid3 = 0;
				stateMid4 = 0;
				stateMid5 = 1;
				document.frm1.navMid1.src = imgArray[1][0];
				document.frm1.navMid2.src = imgArray[1][1];
				document.frm1.navMid3.src = imgArray[1][2];
				document.frm1.navMid4.src = imgArray[1][3];
				document.frm1.navMid5.src = imgArray[2][4];
				
				document.getElementById('mainURL').href = urlArray[4];
			}
		}
	}
	else if (objID == 'navMid1' || objID == 'navMid2' || objID == 'navMid3' || objID == 'navMid4' || objID == 'navMid5')
	{	
		if (action == 'over')
		{
			if (objID == 'navMid1')
			{
				if (stateMid1 == '0')
				{
					stateMid1 = 1;
					document.frm1.navMid1.src = imgArray[2][0];
					navPrevOn = false;
				}
				else
				{
					navPrevOn = true;
				}
			}
			else if (objID == 'navMid2')
			{
				if (stateMid2 == '0')
				{
					stateMid2 = 1;
					document.frm1.navMid2.src = imgArray[2][1];
					navPrevOn = false;
				}
				else
				{
					navPrevOn = true;
				}
			}
			else if (objID == 'navMid3')
			{
				if (stateMid3 == '0')
				{
					stateMid3 = 1;
					document.frm1.navMid3.src = imgArray[2][2];
					navPrevOn = false;
				}
				else
				{
					navPrevOn = true;
				}
			}
			else if (objID == 'navMid4')
			{
				if (stateMid4 == '0')
				{
					stateMid4 = 1;
					document.frm1.navMid4.src = imgArray[2][3];
					navPrevOn = false;
				}
				else
				{
					navPrevOn = true;
				}
			}
			else if (objID == 'navMid5')
			{
				if (stateMid5 == '0')
				{
					stateMid5 = 1;
					document.frm1.navMid5.src = imgArray[2][4];
					navPrevOn = false;
				}
				else
				{
					navPrevOn = true;
				}
			}
		}
		else if (action == 'out')
		{
			if (objID == 'navMid1')
			{
				if (navPrevOn == false)
				{
					stateMid1 = 0;
					document.frm1.navMid1.src = imgArray[1][0];
					navPrevOn = false;
				}
			}
			else if (objID == 'navMid2')
			{
				if (navPrevOn == false)
				{
					stateMid2 = 0;
					document.frm1.navMid2.src = imgArray[1][1];
					navPrevOn = false;
				}
			}
			else if (objID == 'navMid3')
			{
				if (navPrevOn == false)
				{
					stateMid3 = 0;
					document.frm1.navMid3.src = imgArray[1][2];
					navPrevOn = false;
				}
			}
			else if (objID == 'navMid4')
			{
				if (navPrevOn == false)
				{
					stateMid4 = 0;
					document.frm1.navMid4.src = imgArray[1][3];
					navPrevOn = false;
				}
			}
			else if (objID == 'navMid5')
			{
				if (navPrevOn == false)
				{
					stateMid5 = 0;
					document.frm1.navMid5.src = imgArray[1][4];
					navPrevOn = false;
				}
			}
		}
		else if (action == 'click')
		{	
			clearTimeout(slideTimer);
			if (objID == 'navMid1')
			{
				stateMid1 = 1;
				stateMid2 = 0;
				stateMid3 = 0;
				stateMid4 = 0;
				stateMid5 = 0;
				document.frm1.navMid1.src = imgArray[2][0];
				document.frm1.navMid2.src = imgArray[1][1];
				document.frm1.navMid3.src = imgArray[1][2];
				document.frm1.navMid4.src = imgArray[1][3];
				document.frm1.navMid5.src = imgArray[1][4];
				switchMainImage(0)
				navPrevOn = true;
				midNavID = 0;
				
				document.getElementById('mainURL').href = urlArray[0];
			}
			else if (objID == 'navMid2')
			{
				stateMid1 = 0;
				stateMid2 = 1;
				stateMid3 = 0;
				stateMid4 = 0;
				stateMid5 = 0;
				document.frm1.navMid1.src = imgArray[1][0];
				document.frm1.navMid2.src = imgArray[2][1];
				document.frm1.navMid3.src = imgArray[1][2];
				document.frm1.navMid4.src = imgArray[1][3];
				document.frm1.navMid5.src = imgArray[1][4];
				switchMainImage(1)	
				navPrevOn = true;
				midNavID = 1;
				
				document.getElementById('mainURL').href = urlArray[1];
			}
			else if (objID == 'navMid3')
			{
				stateMid1 = 0;
				stateMid2 = 0;
				stateMid3 = 1;
				stateMid4 = 0;
				stateMid5 = 0;
				document.frm1.navMid1.src = imgArray[1][0];
				document.frm1.navMid2.src = imgArray[1][1];
				document.frm1.navMid3.src = imgArray[2][2];
				document.frm1.navMid4.src = imgArray[1][3];
				document.frm1.navMid5.src = imgArray[1][4];
				switchMainImage(2)
				navPrevOn = true;
				midNavID = 2;
				
				document.getElementById('mainURL').href = urlArray[2];
			}
			else if (objID == 'navMid4')
			{
				stateMid1 = 0;
				stateMid2 = 0;
				stateMid3 = 0;
				stateMid4 = 1;
				stateMid5 = 0;
				document.frm1.navMid1.src = imgArray[1][0];
				document.frm1.navMid2.src = imgArray[1][1];
				document.frm1.navMid3.src = imgArray[1][2];
				document.frm1.navMid4.src = imgArray[2][3];
				document.frm1.navMid5.src = imgArray[1][4];
				switchMainImage(3)
				navPrevOn = true;
				midNavID = 3;
				
				document.getElementById('mainURL').href = urlArray[3];
			}
			else if (objID == 'navMid5')
			{
				stateMid1 = 0;
				stateMid2 = 0;
				stateMid3 = 0;
				stateMid4 = 0;
				stateMid5 = 1;
				document.frm1.navMid1.src = imgArray[1][0];
				document.frm1.navMid2.src = imgArray[1][1];
				document.frm1.navMid3.src = imgArray[1][2];
				document.frm1.navMid4.src = imgArray[1][3];
				document.frm1.navMid5.src = imgArray[2][4];
				switchMainImage(4)
				navPrevOn = true;
				midNavID = 4;
				
				document.getElementById('mainURL').href = urlArray[4];
			}
		}
	}
}

function switchMainImage(op)
{
	var y = 0;
	var items = document.getElementsByTagName('img');
	var currID = document.frm1.MainWinID.value;
	var newID = 0;
	
	//convert to integer for array to read.
	currID = parseInt(currID);
	
	if (op =='back')
	{
		newID = currID - 1;
		if (newID < 0)
		{
			newID = opMax - 1;
		}
	}
	else if (op == 'forward')
	{
		if (currID + 1 <= opMax - 1)
		{
			newID = currID + 1;
		}
		else if (currID + 1 == opMax)
		{
			newID = 0;
		}
	}
	else
	{
		newID = op;
	}
	
	if (ie) document.images.imgMainWindow.filters[0].apply();
	while (y < items.length)
	{
		if (items[y].getAttribute('name') == 'imgMainWindow')
		{
			items[y].setAttribute('src', arrMainImg[newID]);
			y = items.length;
		}
		y = y + 1;
	}
	if (ie) document.images.imgMainWindow.filters[0].play();
	document.frm1.MainWinID.value = newID;
	return newID;
}

function slideit()
{
	if (!document.images) return;
	
	if (ie) document.images.imgMainWindow.filters[0].apply();
	
	document.images.imgMainWindow.src = imageholder[whichimage].src;
	
	if (ie) document.images.imgMainWindow.filters[0].play();
	
	whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0;
	
	
	if (whichimage == 1)
	{
		stateMid1 = 1;
		stateMid2 = 0;
		stateMid3 = 0;
		stateMid4 = 0;
		stateMid5 = 0;
		document.frm1.navMid1.src = imgArray[2][0];
		document.frm1.navMid2.src = imgArray[1][1];
		document.frm1.navMid3.src = imgArray[1][2];
		document.frm1.navMid4.src = imgArray[1][3];
		document.frm1.navMid5.src = imgArray[1][4];
		navPrevOn = true;
		midNavID = 0;
		document.frm1.MainWinID.value = 0;
		
		document.getElementById('mainURL').href = urlArray[0];
	}
	else if (whichimage == 2)
	{
		stateMid1 = 0;
		stateMid2 = 1;
		stateMid3 = 0;
		stateMid4 = 0;
		stateMid5 = 0;
		document.frm1.navMid1.src = imgArray[1][0];
		document.frm1.navMid2.src = imgArray[2][1];
		document.frm1.navMid3.src = imgArray[1][2];
		document.frm1.navMid4.src = imgArray[1][3];
		document.frm1.navMid5.src = imgArray[1][4];
		navPrevOn = true;
		midNavID = 1;
		document.frm1.MainWinID.value = 1;
		
		document.getElementById('mainURL').href = urlArray[1];
	}
	else if (whichimage == 3)
	{
		stateMid1 = 0;
		stateMid2 = 0;
		stateMid3 = 1;
		document.frm1.navMid1.src = imgArray[1][0];
		document.frm1.navMid2.src = imgArray[1][1];
		document.frm1.navMid3.src = imgArray[2][2];
		navPrevOn = true;
		midNavID = 2;
		document.frm1.MainWinID.value = 2;
		
		document.getElementById('mainURL').href = urlArray[2];
	}
	else if (whichimage == 4)
	{
		stateMid1 = 0;
		stateMid2 = 0;
		stateMid3 = 0;
		stateMid4 = 1;
		stateMid5 = 0;
		document.frm1.navMid1.src = imgArray[1][0];
		document.frm1.navMid2.src = imgArray[1][1];
		document.frm1.navMid3.src = imgArray[1][2];
		document.frm1.navMid4.src = imgArray[2][3];
		document.frm1.navMid5.src = imgArray[1][4];
		navPrevOn = true;
		midNavID = 3;
		document.frm1.MainWinID.value = 3;
		
		document.getElementById('mainURL').href = urlArray[3];
	}
	else if (whichimage == 0)
	{
		stateMid1 = 0;
		stateMid2 = 0;
		stateMid3 = 0;
		stateMid4 = 0;
		stateMid5 = 1;
		document.frm1.navMid1.src = imgArray[1][0];
		document.frm1.navMid2.src = imgArray[1][1];
		document.frm1.navMid3.src = imgArray[1][2];
		document.frm1.navMid4.src = imgArray[1][3];
		document.frm1.navMid5.src = imgArray[2][4];
		navPrevOn = true;
		midNavID = 4;
		document.frm1.MainWinID.value = 4;
		
		document.getElementById('mainURL').href = urlArray[4];
	}
	
	slideTimer = setTimeout("slideit()",slidespeed+blenddelay);
}

function bodyLoad()
{
	stateMid1 = 1;
	document.frm1.MainWinID.value = 0;
	document.frm1.navMid1.src = imgArray[2][0];	
	navPrevOn = true;
	
	document.getElementById('mainURL').href = urlArray[0];
	
	for (i=0;i<slideimages.length;i++)
	{
		imageholder[i]=new Image();
		imageholder[i].src=slideimages[i];
	}
	slideit()
}