//Global Variables

var mytop = 0;
var myleft = 0;
var tempwidth = 0;
var tempheight = 0;
var mywidth = 0;
var myheight = 0;
var opacity = 0;
var clockID = 0;
var QueryResults = "";


var clockID2 = 0;
var sequenceCounter = 0;
var frameCounter = 0;
var myPathCounter = 0;
var MaxFrameCounter = 0;
var MaxTrack = 0;
var getPathX = 0;
var getPathY = 0;
var myPathListArray = new Array();
var myPathListArray2 = new Array();
var myRecordListArray = new Array();
var Recording = 0;
var Track = 1;
var Sequencer = 0;
var OpacityRecord = 0;
var StreamAnimationCount = 0;
var HeaderID = 0;
var HeaderID4 = 0;
var HeaderID5 = 0;
var HeaderID6 = 0;
var HeaderID7 = 0;
var HeaderID8 = 0;

var clockID3 = 0;
var sequenceCounter2 = 0;
var frameCounter2 = 0;
var myPathCounter2 = 0;
var MaxFrameCounter2 = 0;
var MaxTrack2 = 0;
var getPathX2 = 0;
var getPathY2 = 0;
var myPathListArray3 = new Array();
var myPathListArray4 = new Array();
var Recording2 = 0;
var Track2 = 1;
var Sequencer2 = 0;
var OpacityRecord2 = 0;
var StreamAnimationCount2 = 0;


var clockID4 = 0;
var sequenceCounter3 = 0;
var frameCounter3 = 0;
var myPathCounter3 = 0;
var MaxFrameCounter3 = 0;
var MaxTrack3 = 0;
var getPathX3 = 0;
var getPathY3 = 0;
var myPathListArray5 = new Array();
var myPathListArray6 = new Array();
var Recording3 = 0;
var Track3 = 1;
var Sequencer3 = 0;
var OpacityRecord3 = 0;
var StreamAnimationCount3 = 0;


var clockID5 = 0;
var sequenceCounter4 = 0;
var frameCounter4 = 0;
var myPathCounter4 = 0;
var MaxFrameCounter4 = 0;
var MaxTrack4 = 0;
var getPathX4 = 0;
var getPathY4 = 0;
var myPathListArray7 = new Array();
var myPathListArray8 = new Array();
var Recording4 = 0;
var Track4 = 1;
var Sequencer4 = 0;
var OpacityRecord4 = 0;
var StreamAnimationCount4 = 0;


var clockID6 = 0;
var sequenceCounter5 = 0;
var frameCounter5 = 0;
var myPathCounter5 = 0;
var MaxFrameCounter5 = 0;
var MaxTrack5 = 0;
var getPathX5 = 0;
var getPathY5 = 0;
var myPathListArray9 = new Array();
var myPathListArray10 = new Array();
var Recording5 = 0;
var Track5 = 1;
var Sequencer5 = 0;
var OpacityRecord5 = 0;
var StreamAnimationCount5 = 0;

var clockID7 = 0;
var sequenceCounter6 = 0;
var frameCounter6 = 0;
var myPathCounter6 = 0;
var MaxFrameCounter6 = 0;
var MaxTrack6 = 0;
var getPathX6 = 0;
var getPathY6 = 0;
var myPathListArray11 = new Array();
var myPathListArray12 = new Array();
var Recording6 = 0;
var Track6 = 1;
var Sequencer6 = 0;
var OpacityRecord6 = 0;
var StreamAnimationCount6 = 0;

function sayHey() {

alert('Hey');
}


function getPage2(PageID, RegFieldID) {
	alert(PageID+"-"+RegFieldID);
}

function $(id) {
	return document.getElementById(id);
}


function createXMLHttpRequest() {
	try { return new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) {}
	try { return new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) {}
	try { return new XMLHttpRequest(); } catch(e) {}
	alert("HXLHttpRequest not supported");
	return null;
}



function getPage(PageID, RegFieldID, HeaderID, Transition, CurrentClock) {

	if ($("FieldArray"+HeaderID)) {


	
		if ($("FieldArray"+HeaderID).value == "Y") {


			var FieldTypeArray = $("FieldTypeArray"+HeaderID).value;
			var FieldNameArray = $("FieldNameArray"+HeaderID).value;
			var FieldIDArray = $("FieldIDArray"+HeaderID).value;


		capturePageData(PageID, RegFieldID, Transition, HeaderID, FieldTypeArray, FieldNameArray, FieldIDArray )
		} else {

		var xhr = createXMLHttpRequest();
		xhr.onreadystatechange = function() {
			if (xhr.readyState==4) { // Request is finished
				if (xhr.status==200) {
					var myOutput = xhr.responseText;

					$('div'+RegFieldID).innerHTML = myOutput;

					if (Transition == "Fadein") {
						$("div"+RegFieldID).style.filter = "alpha(opacity=0)";
						$("div"+RegFieldID).style.MozOpacity  = 0;
						StartClock(RegFieldID, Transition);
					}

					if (Transition == "WipeRight") {

						mywidth = parseInt($("div"+RegFieldID).style.width.replace("px",""));
						$("div"+RegFieldID).style.width = "0px";
						StartClock(RegFieldID, Transition);
					}

					if (Transition == "WipeLeft") {

						myleft = parseInt($("div"+RegFieldID).style.left.replace("px",""));
						mywidth = parseInt($("div"+RegFieldID).style.width.replace("px",""));
						myleft = myleft+mywidth;
						$("div"+RegFieldID).style.width = "0px";
						$("div"+RegFieldID).style.left = mywidth+myleft+"px";

						StartClock(RegFieldID, Transition);
					}

					if (Transition == "WipeDown") {

						myheight = parseInt($("div"+RegFieldID).style.height.replace("px",""));
						$("div"+RegFieldID).style.height = "0px";
						StartClock(RegFieldID, Transition);
					}

					if (Transition == "WipeUp") {

						mytop = parseInt($("div"+RegFieldID).style.top.replace("px",""));
						myheight = parseInt($("div"+RegFieldID).style.height.replace("px",""));
						mytop = mytop+myheight;
						$("div"+RegFieldID).style.height = "0px";
						$("div"+RegFieldID).style.top = myheight+mytop+"px";

						StartClock(RegFieldID, Transition);
					}



						determineClock(PageID);


						var myHeaderID = $("SequenceHeaderIDPageID"+PageID).value;
                        
						for (var i=1;i<=5;i++) {
							if ($("SequenceClock"+myHeaderID)) {
								if ($("SequenceClock"+myHeaderID).value == i) {

											switch (i)
											{
											case 1:
												  clearInterval(clockID3);
												  clockID3  = 0;
												 getAnimationListSubPage1(PageID)
												//StartAnimationSubPage1(myHeaderID);
												break;
											case 2:
												  clearInterval(clockID4);
												  clockID4  = 0;
												 getAnimationListSubPage2(PageID)
												//StartAnimationSubPage2(myHeaderID);
												break;
											case 3:
												  clearInterval(clockID5);
												  clockID5  = 0;
												//StartAnimationSubPage3(myHeaderID);
												 getAnimationListSubPage3(PageID)
												break;
											case 4:
												  clearInterval(clockID6);
												  clockID6  = 0;
												//StartAnimationSubPage4(myHeaderID);
												 getAnimationListSubPage4(PageID)
												break;
											case 5:
												  clearInterval(clockID7);
												  clockID7  = 0;
												 getAnimationListSubPage5(PageID)
												//StartAnimationSubPage5(myHeaderID);
												break;
											}

									break;

								} 
							}
						} 

				} else {
					alert("An error occurred.");
				}
			}
		}

		//window.location = "/dotnet2/view.aspx?SubPage=Y&H="+HeaderID+"&PageID="+PageID;

		xhr.open("GET", "/dotnet2/view.aspx?SubPage=Y&H="+HeaderID+"&PageID="+PageID+"&"+QueryResults , true);
		xhr.send(null);

		}



	} else {


		var xhr = createXMLHttpRequest();
		xhr.onreadystatechange = function() {
			if (xhr.readyState==4) { // Request is finished
				if (xhr.status==200) {
					var myOutput = xhr.responseText;

					$('div'+RegFieldID).innerHTML = myOutput;

					if (Transition == "Fadein") {
						$("div"+RegFieldID).style.filter = "alpha(opacity=0)";
						$("div"+RegFieldID).style.MozOpacity  = 0;
						StartClock(RegFieldID, Transition);
					}

					if (Transition == "WipeRight") {

						mywidth = parseInt($("div"+RegFieldID).style.width.replace("px",""));
						$("div"+RegFieldID).style.width = "0px";
						StartClock(RegFieldID, Transition);
					}

					if (Transition == "WipeLeft") {

						myleft = parseInt($("div"+RegFieldID).style.left.replace("px",""));
						mywidth = parseInt($("div"+RegFieldID).style.width.replace("px",""));
						myleft = myleft+mywidth;
						$("div"+RegFieldID).style.width = "0px";
						$("div"+RegFieldID).style.left = mywidth+myleft+"px";

						StartClock(RegFieldID, Transition);
					}

					if (Transition == "WipeDown") {

						myheight = parseInt($("div"+RegFieldID).style.height.replace("px",""));
						$("div"+RegFieldID).style.height = "0px";
						StartClock(RegFieldID, Transition);
					}

					if (Transition == "WipeUp") {

						mytop = parseInt($("div"+RegFieldID).style.top.replace("px",""));
						myheight = parseInt($("div"+RegFieldID).style.height.replace("px",""));
						mytop = mytop+myheight;
						$("div"+RegFieldID).style.height = "0px";
						$("div"+RegFieldID).style.top = myheight+mytop+"px";

						StartClock(RegFieldID, Transition);
					}



						determineClock(PageID);


						var myHeaderID = $("SequenceHeaderIDPageID"+PageID).value;
                        
						for (var i=1;i<=5;i++) {
							if ($("SequenceClock"+myHeaderID)) {
								if ($("SequenceClock"+myHeaderID).value == i) {

											switch (i)
											{
											case 1:
												  clearInterval(clockID3);
												  clockID3  = 0;
												 getAnimationListSubPage1(PageID)
												//StartAnimationSubPage1(myHeaderID);
												break;
											case 2:
												  clearInterval(clockID4);
												  clockID4  = 0;
												 getAnimationListSubPage2(PageID)
												//StartAnimationSubPage2(myHeaderID);
												break;
											case 3:
												  clearInterval(clockID5);
												  clockID5  = 0;
												//StartAnimationSubPage3(myHeaderID);
												 getAnimationListSubPage3(PageID)
												break;
											case 4:
												  clearInterval(clockID6);
												  clockID6  = 0;
												//StartAnimationSubPage4(myHeaderID);
												 getAnimationListSubPage4(PageID)
												break;
											case 5:
												  clearInterval(clockID7);
												  clockID7  = 0;
												 getAnimationListSubPage5(PageID)
												//StartAnimationSubPage5(myHeaderID);
												break;
											}

									break;

								} 
							}
						} 

				} else {
					alert("An error occurred.");
				}
			}
		}

		//window.location = "/dotnet2/view.aspx?SubPage=Y&H="+HeaderID+"&PageID="+PageID;

		xhr.open("GET", "/dotnet2/view.aspx?SubPage=Y&H="+HeaderID+"&PageID="+PageID+"&"+QueryResults , true);
		xhr.send(null);
	}


}


function getPage2(PageID, RegFieldID, HeaderID) {

	window.location = "/dotnet2/view.aspx?H="+HeaderID+"&PageID="+PageID;
}



function getFieldValue(FieldType, FieldID, FieldName) {

		switch (FieldType)
		{
		case "INPUT":
			  var myValue = $(FieldID).value;
			break;
		case "SELECT":
			  var myValue = document.getElementById(FieldID).options[document.getElementById(FieldID).selectedIndex].value;;
			break;
		case "RADIO":
				var Radiolen = document.getElementsByName(FieldName).length;
				for (var i = 0; i < Radiolen; i++) {
					if (document.getElementsByName(FieldName)[i].checked) {
						var myValue = document.getElementsByName(FieldName)[i].value
					}
				}
			break;
		case "CHECKBOX":
				if (document.getElementById(FieldID).checked) {
					var myValue = "Y";
				} else {
					var myValue = "N";
				}
			break;
		case "TEXTAREA":
			  var myValue = $(FieldID).value;
			break;
		}

		return myValue;

}




function capturePageData(PageID, RegFieldID, Transition, HeaderID, FieldTypeArray, FieldNameArray, FieldIDArray) {



	var FieldIDArray2 = FieldIDArray.split(",");
	var FieldNameArray2 = FieldNameArray.split(",");
	var FieldTypeArray2 = FieldTypeArray.split(",");
	var myQueryString = "UserSession="+$("UserSession").value;
	myQueryString += "&ParentHeaderID="+$("ParentHeaderID"+HeaderID).value;
	myQueryString += "&ParentRecordID="+$("ParentRecordID"+HeaderID).value;
	var myValue = "";

	if ($("ExtraQueryString"+HeaderID).value != "None" ) {
		var ExtraQueryString = $("ExtraQueryString"+HeaderID).value;
	} else {
		var ExtraQueryString = "0";

	}

	for (var i=0;i< FieldIDArray2.length;i++) {
			myValue = getFieldValue(FieldTypeArray2[i], FieldIDArray2[i], FieldNameArray2[i])
			myQueryString = myQueryString + "&"+FieldNameArray2[i]+"="+myValue;
	}


	var xhr = createXMLHttpRequest();
	xhr.onreadystatechange = function() {
		if (xhr.readyState==4) { // Request is finished
			if (xhr.status==200) {
				var myOutput = xhr.responseText;

				QueryResults = myOutput;
				



				getPage3(PageID, RegFieldID, HeaderID, Transition, ExtraQueryString)






			} else {
				alert(xhr.responseText);
			}
		}
	}
	//window.location = "/dotnet2/SubmitProcess.aspx?H="+HeaderID+"&SubPage=Y&"+myQueryString;

	//alert(HeaderID+"-"+myQueryString);

	xhr.open("POST", "/dotnet2/SubmitProcess.aspx?H="+HeaderID+"&SubPage=Y", true);
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.send(myQueryString);

}



function getPage3(PageID, RegFieldID, HeaderID, Transition, ExtraQueryString) {

	
	var myExtraQueryString = "";

		if (ExtraQueryString != 0) {
			var myExtraQueryStringArray = ExtraQueryString.split(",");
			var QueryLen = myExtraQueryStringArray.length;

	//alert($(myExtraQueryStringArray[0]).value);

			for (var i=0;i< QueryLen;i++) {
			 	myExtraQueryString += "&"+myExtraQueryStringArray[parseInt(i)]+"="+$(myExtraQueryStringArray[parseInt(i)]).value;
			}

		} else {
			var myExtraQueryString = "";
		}



		var xhr = createXMLHttpRequest();
		xhr.onreadystatechange = function() {
			if (xhr.readyState==4) { // Request is finished
				if (xhr.status==200) {
					var myOutput = xhr.responseText;

					$('div'+RegFieldID).innerHTML = myOutput;

					if (Transition == "Fadein") {
						$("div"+RegFieldID).style.filter = "alpha(opacity=0)";
						$("div"+RegFieldID).style.MozOpacity  = 0;
						StartClock(RegFieldID, Transition);
					}

					if (Transition == "WipeRight") {

						mywidth = parseInt($("div"+RegFieldID).style.width.replace("px",""));
						$("div"+RegFieldID).style.width = "0px";
						StartClock(RegFieldID, Transition);
					}

					if (Transition == "WipeLeft") {

						myleft = parseInt($("div"+RegFieldID).style.left.replace("px",""));
						mywidth = parseInt($("div"+RegFieldID).style.width.replace("px",""));
						myleft = myleft+mywidth;
						$("div"+RegFieldID).style.width = "0px";
						$("div"+RegFieldID).style.left = mywidth+myleft+"px";

						StartClock(RegFieldID, Transition);
					}

					if (Transition == "WipeDown") {

						myheight = parseInt($("div"+RegFieldID).style.height.replace("px",""));
						$("div"+RegFieldID).style.height = "0px";
						StartClock(RegFieldID, Transition);
					}

					if (Transition == "WipeUp") {

						mytop = parseInt($("div"+RegFieldID).style.top.replace("px",""));
						myheight = parseInt($("div"+RegFieldID).style.height.replace("px",""));
						mytop = mytop+myheight;
						$("div"+RegFieldID).style.height = "0px";
						$("div"+RegFieldID).style.top = myheight+mytop+"px";

						StartClock(RegFieldID, Transition);
					}



						determineClock(PageID);

						if ($("SequenceHeaderIDPageID"+PageID)) {
							var myHeaderID = $("SequenceHeaderIDPageID"+PageID).value;
                        }
						for (var i=1;i<=5;i++) {
							if ($("SequenceClock"+myHeaderID)) {
								if ($("SequenceClock"+myHeaderID).value == i) {

											switch (i)
											{
											case 1:
												  clearInterval(clockID3);
												  clockID3  = 0;
												 getAnimationListSubPage1(PageID)
												//StartAnimationSubPage1(myHeaderID);
												break;
											case 2:
												  clearInterval(clockID4);
												  clockID4  = 0;
												 getAnimationListSubPage2(PageID)
												//StartAnimationSubPage2(myHeaderID);
												break;
											case 3:
												  clearInterval(clockID5);
												  clockID5  = 0;
												//StartAnimationSubPage3(myHeaderID);
												 getAnimationListSubPage3(PageID)
												break;
											case 4:
												  clearInterval(clockID6);
												  clockID6  = 0;
												//StartAnimationSubPage4(myHeaderID);
												 getAnimationListSubPage4(PageID)
												break;
											case 5:
												  clearInterval(clockID7);
												  clockID7  = 0;
												 getAnimationListSubPage5(PageID)
												//StartAnimationSubPage5(myHeaderID);
												break;
											}

									break;

								} 
							}
						} 

				} else {
					alert("An error occurred.");
				}
			}
		}

		//window.location = "/dotnet2/view.aspx?SubPage=Y&H="+HeaderID+"&PageID="+PageID+"&"+QueryResults+myExtraQueryString;

		xhr.open("GET", "/dotnet2/view.aspx?SubPage=Y&H="+HeaderID+"&PageID="+PageID+"&"+QueryResults+myExtraQueryString , true);
		xhr.send(null);


}


function getSelect(RegFieldID) {
	var MarkerID = RegFieldID;

	var myIndex =  document.getElementById("select"+MarkerID).selectedIndex;

	var xhr = createXMLHttpRequest();
	xhr.onreadystatechange = function() {
		if (xhr.readyState==4) { // Request is finished
			if (xhr.status==200) {
				var myOutput = xhr.responseText;
				var myOutputArray = myOutput.split(",");
				var PageID = myOutputArray[0];
				var RegFieldID = myOutputArray[1];
				var HeaderID = myOutputArray[2];
				var Transition = myOutputArray[3];

					getPage(PageID,RegFieldID,HeaderID, Transition);

			} else {
				alert("An error occurred.");
			}
		}
	}

	//window.location = "/view/events_getSelect.asp?RegFieldID="+RegFieldID+"&myIndex="+myIndex;

	xhr.open("GET", "/view/events_getSelect.asp?RegFieldID="+RegFieldID+"&myIndex="+myIndex , true);
	xhr.send(null);


}






function StartClock(RegFieldID, Transition) {
   clockID = setTimeout("doSomething("+RegFieldID+",'"+Transition+"')", 25);
}





function KillClock() {
   if(clockID) {
      clearTimeout(clockID);
      clockID  = 0;
	  opacity = 0;
	  tempwidth = 0;
	  tempheight = 0;
   }
}

function doSomething(RegFieldID, Transition) {


		   if (Transition ==	"Fadein") {
				if (opacity < 100) { 

					opacity = opacity + 2;

					$("div"+RegFieldID).style.filter = "alpha(opacity=" + opacity + ")"
					$("div"+RegFieldID).style.MozOpacity  = (opacity / 25)
					$("div"+RegFieldID).style.Opacity  = (opacity / 25)
				} else {
					KillClock()
					$("div"+RegFieldID).style.filter = "";
					$("div"+RegFieldID).style.MozOpacity  = "";
					$("div"+RegFieldID).style.Opacity  = "";
				}
				if (clockID > 0) {
					setTimeout("doSomething("+RegFieldID+",'"+Transition+"')", 35)
				}
			}



		   if (Transition ==	"WipeRight") {
				if (tempwidth < mywidth) { 

					tempwidth = tempwidth + 5;

					$("div"+RegFieldID).style.width = tempwidth + "px";
				} else {
					KillClock()
					$("div"+RegFieldID).style.width = mywidth + "px";
				}
				if (clockID > 0) {
					setTimeout("doSomething("+RegFieldID+",'"+Transition+"')", 10)
				}
			}


		   if (Transition ==	"WipeLeft") {
				if (tempwidth < mywidth) { 

					tempwidth = tempwidth + 5;

					$("div"+RegFieldID).style.width = tempwidth + "px";
					$("div"+RegFieldID).style.left = myleft-tempwidth + "px";
				} else {
					KillClock()
					$("div"+RegFieldID).style.width = mywidth + "px";
				}
				if (clockID > 0) {
					setTimeout("doSomething("+RegFieldID+",'"+Transition+"')", 10)
				}
			}


		   if (Transition ==	"WipeDown") {
				if (tempheight < myheight) { 

					tempheight = tempheight + 5;

					$("div"+RegFieldID).style.height = tempheight + "px";
				} else {
					KillClock()
					$("div"+RegFieldID).style.height = myheight + "px";
				}
				if (clockID > 0) {
					setTimeout("doSomething("+RegFieldID+",'"+Transition+"')", 10)
				}
			}




		   if (Transition ==	"WipeUp") {
				if (tempheight < myheight) { 

					tempheight = tempheight + 5;

					$("div"+RegFieldID).style.height = tempheight + "px";
					$("div"+RegFieldID).style.top = mytop-tempheight + "px";
				} else {
					KillClock()
					$("div"+RegFieldID).style.height = myheight + "px";
				}
				if (clockID > 0) {
					setTimeout("doSomething("+RegFieldID+",'"+Transition+"')", 10)
				}
			}

}


function getAnimationListSubPage1(PageID) {

	StreamAnimationCount2 = 1;
	

	clockID3 = 0;
	sequenceCounter2 = 0;
	frameCounter2 = 0;
	myPathCounter2 = 0;
	MaxFrameCounter2 = 0;
	MaxTrack2 = 0;
	getPathX2 = 0;
	getPathY2 = 0;
	myPathListArray3.length = 0;
	myPathListArray4.length = 0;
	Recording2 = 0;
	Track2 = 1;
	Sequencer2 = 0;
	OpacityRecord2 = 0;



	var xhr = createXMLHttpRequest();
	xhr.onreadystatechange = function() {
		if (xhr.readyState==4) { // Request is finished


			if (xhr.status==200) {
				var myOutput = xhr.responseText;

							
				Sequencer2 = 1;

				myPathListArray3.length = 0;

				myPathListArray3 = myOutput.split("|");
				myPathCounter2 = myPathListArray3.length;
				//alert(myPathCounter);


				for (var i=1;i<=(myPathCounter2-1);i++) {

					var myOutputArray = myPathListArray3[parseInt(i)].split(",");

					if (parseInt(myOutputArray[8]) > parseInt(MaxTrack2)) {
						MaxTrack2 = myOutputArray[8];
					}

					var HeaderID2 = myOutputArray[7];
				}



				if (HeaderID4 == HeaderID2) {
				  clearInterval(clockID3);
				  clockID3  = 0;
				}
				if (HeaderID5 == HeaderID2) {
				  clearInterval(clockID5);
				  clockID3  = 0;
				}
				if (HeaderID6 == HeaderID2) {
				  clearInterval(clockID5);
				  clockID5  = 0;
				}
				if (HeaderID7 == HeaderID2) {
				  clearInterval(clockID6);
				  clockID6  = 0;
				}
				if (HeaderID8 == HeaderID2) {
				  clearInterval(clockID7);
				  clockID7  = 0;
				}

				HeaderID4 = HeaderID2


				
				if (myOutputArray) {
					MaxFrameCounter2  = parseInt(myOutputArray[0]);
				} else {
					MaxFrameCounter2  = 0;
				}
	

				Track2 = parseInt(MaxTrack2)+1;
				sequenceCounter2 = 1;
				frameCounter2 = 1;


				if (parseInt(myPathCounter2) < 2) {

					//$("DivContentPage"+HeaderID2).style.display = "inline";
				} else {

					StartAnimationSubPage1(HeaderID2)
					StreamAnimationCount2 = StreamAnimationCount2 + 250;
					getAnimationListStreamSubPage1(HeaderID2, StreamAnimationCount2)
				}
			
		} else {
				alert("An error occurred.");
			}
		}
	}

	//window.location = "/eforms/editor/getAnimation_list.asp?HeaderID="+HeaderID;

	xhr.open("POST", "/eforms/editor/getAnimation_Stream.asp", true);
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.send("Position=1&myMax=250&PageID="+PageID);


}


function getAnimationListSubPage2(PageID) {

	StreamAnimationCount3 = 1;
	clockID4 = 0;
	sequenceCounter3 = 0;
	frameCounter3 = 0;
	myPathCounter3 = 0;
	MaxFrameCounter3 = 0;
	MaxTrack3 = 0;
	getPathX3 = 0;
	getPathY3 = 0;
	myPathListArray5.length = 0;
	myPathListArray6.length = 0;
	Recording3 = 0;
	Track3 = 1;
	Sequencer3 = 0;
	OpacityRecord3 = 0;

	var xhr = createXMLHttpRequest();
	xhr.onreadystatechange = function() {
		if (xhr.readyState==4) { // Request is finished
			if (xhr.status==200) {
				var myOutput = xhr.responseText;

				Sequencer3 = 1;
				myPathListArray5.length = 0;
				myPathListArray5 = myOutput.split("|");
				myPathCounter3 = myPathListArray5.length;

				for (var i=1;i<=(myPathCounter3-1);i++) {

					var myOutputArray = myPathListArray5[parseInt(i)].split(",");

					if (parseInt(myOutputArray[8]) > parseInt(MaxTrack3)) {
						MaxTrack3 = myOutputArray[8];
					}

					var HeaderID2 = myOutputArray[7];
				}

				if (HeaderID4 == HeaderID2) {
				  clearInterval(clockID3);
				  clockID3  = 0;
				}
				if (HeaderID5 == HeaderID2) {
				  clearInterval(clockID5);
				  clockID3  = 0;
				}
				if (HeaderID6 == HeaderID2) {
				  clearInterval(clockID5);
				  clockID5  = 0;
				}
				if (HeaderID7 == HeaderID2) {
				  clearInterval(clockID6);
				  clockID6  = 0;
				}
				if (HeaderID8 == HeaderID2) {
				  clearInterval(clockID7);
				  clockID7  = 0;
				}


				HeaderID5 = HeaderID2

				
				if (myOutputArray) {
					MaxFrameCounter3  = parseInt(myOutputArray[0]);
				} else {
					MaxFrameCounter3  = 0;
				}
	

				Track3 = parseInt(MaxTrack3)+1;
				sequenceCounter3 = 1;
				frameCounter3 = 1;


				if (parseInt(myPathCounter3) < 2) {

					//$("DivContentPage"+HeaderID2).style.display = "inline";
				} else {

					StartAnimationSubPage2(HeaderID2)
					StreamAnimationCount3 = StreamAnimationCount3 + 250;
					getAnimationListStreamSubPage2(HeaderID2, StreamAnimationCount3)
				}
			
		} else {
				alert("An error occurred.");
			}
		}
	}

	//window.location = "/eforms/editor/getAnimation_list.asp?HeaderID="+HeaderID;

	xhr.open("POST", "/eforms/editor/getAnimation_Stream.asp", true);
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.send("Position=1&myMax=250&PageID="+PageID);


}



function getAnimationListSubPage3(PageID) {

	StreamAnimationCount4 = 1;
	clockID5 = 0;
	sequenceCounter4 = 0;
	frameCounter4 = 0;
	myPathCounter4 = 0;
	MaxFrameCounter4 = 0;
	MaxTrack4 = 0;
	getPathX4 = 0;
	getPathY4 = 0;
	myPathListArray7.length = 0;
	myPathListArray8.length = 0;
	Recording4 = 0;
	Track4 = 1;
	Sequencer4 = 0;
	OpacityRecord4 = 0;

	var xhr = createXMLHttpRequest();
	xhr.onreadystatechange = function() {
		if (xhr.readyState==4) { // Request is finished
			if (xhr.status==200) {
				var myOutput = xhr.responseText;

				Sequencer4 = 1;
				myPathListArray7.length = 0;
				myPathListArray7 = myOutput.split("|");
				myPathCounter4 = myPathListArray7.length;

				for (var i=1;i<=(myPathCounter4-1);i++) {

					var myOutputArray = myPathListArray7[parseInt(i)].split(",");

					if (parseInt(myOutputArray[8]) > parseInt(MaxTrack4)) {
						MaxTrack4 = myOutputArray[8];
					}

					var HeaderID2 = myOutputArray[7];
				}

				if (HeaderID4 == HeaderID2) {
				  clearInterval(clockID3);
				  clockID3  = 0;
				}
				if (HeaderID5 == HeaderID2) {
				  clearInterval(clockID5);
				  clockID3  = 0;
				}
				if (HeaderID6 == HeaderID2) {
				  clearInterval(clockID5);
				  clockID5  = 0;
				}
				if (HeaderID7 == HeaderID2) {
				  clearInterval(clockID6);
				  clockID6  = 0;
				}
				if (HeaderID8 == HeaderID2) {
				  clearInterval(clockID7);
				  clockID7  = 0;
				}


				HeaderID6 = HeaderID2

				
				if (myOutputArray) {
					MaxFrameCounter4  = parseInt(myOutputArray[0]);
				} else {
					MaxFrameCounter4  = 0;
				}
	

				Track4 = parseInt(MaxTrack4)+1;
				sequenceCounter4 = 1;
				frameCounter4 = 1;


				if (parseInt(myPathCounter4) < 2) {

					//$("DivContentPage"+HeaderID2).style.display = "inline";
				} else {

					StartAnimationSubPage3(HeaderID2)
					StreamAnimationCount4 = StreamAnimationCount4 + 250;
					getAnimationListStreamSubPage3(HeaderID2, StreamAnimationCount4)
				}
			
		} else {
				alert("An error occurred.");
			}
		}
	}

	xhr.open("POST", "/eforms/editor/getAnimation_Stream.asp", true);
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.send("Position=1&myMax=250&PageID="+PageID);
}


function getAnimationListSubPage4(PageID) {

	StreamAnimationCount5 = 1;
	clockID6 = 0;
	sequenceCounter5 = 0;
	frameCounter5 = 0;
	myPathCounter5 = 0;
	MaxFrameCounter5 = 0;
	MaxTrack5 = 0;
	getPathX5 = 0;
	getPathY5 = 0;
	myPathListArray9.length = 0;
	myPathListArray10.length = 0;
	Recording5 = 0;
	Track5 = 1;
	Sequencer5 = 0;
	OpacityRecord5 = 0;

	var xhr = createXMLHttpRequest();
	xhr.onreadystatechange = function() {
		if (xhr.readyState==4) { // Request is finished
			if (xhr.status==200) {
				var myOutput = xhr.responseText;

				Sequencer5 = 1;
				myPathListArray9.length = 0;
				myPathListArray9 = myOutput.split("|");
				myPathCounter5 = myPathListArray9.length;

				for (var i=1;i<=(myPathCounter5-1);i++) {

					var myOutputArray = myPathListArray9[parseInt(i)].split(",");

					if (parseInt(myOutputArray[8]) > parseInt(MaxTrack5)) {
						MaxTrack5 = myOutputArray[8];
					}

					var HeaderID2 = myOutputArray[7];
				}

				if (HeaderID4 == HeaderID2) {
				  clearInterval(clockID3);
				  clockID3  = 0;
				}
				if (HeaderID5 == HeaderID2) {
				  clearInterval(clockID5);
				  clockID3  = 0;
				}
				if (HeaderID6 == HeaderID2) {
				  clearInterval(clockID5);
				  clockID5  = 0;
				}
				if (HeaderID7 == HeaderID2) {
				  clearInterval(clockID6);
				  clockID6  = 0;
				}
				if (HeaderID8 == HeaderID2) {
				  clearInterval(clockID7);
				  clockID7  = 0;
				}


				HeaderID7 = HeaderID2

				
				if (myOutputArray) {
					MaxFrameCounter5  = parseInt(myOutputArray[0]);
				} else {
					MaxFrameCounter5  = 0;
				}
	

				Track5 = parseInt(MaxTrack5)+1;
				sequenceCounter5 = 1;
				frameCounter5 = 1;


				if (parseInt(myPathCounter5) < 2) {

					//$("DivContentPage"+HeaderID2).style.display = "inline";
				} else {

					StartAnimationSubPage4(HeaderID2)
					StreamAnimationCount5 = StreamAnimationCount5 + 250;
					getAnimationListStreamSubPage4(HeaderID2, StreamAnimationCount5)
				}
			
		} else {
				alert("An error occurred.");
			}
		}
	}

	xhr.open("POST", "/eforms/editor/getAnimation_Stream.asp", true);
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.send("Position=1&myMax=250&PageID="+PageID);
}


function getAnimationListSubPage5(PageID) {

	StreamAnimationCount6 = 1;
	clockID7 = 0;
	sequenceCounter6 = 0;
	frameCounter6 = 0;
	myPathCounter6 = 0;
	MaxFrameCounter6 = 0;
	MaxTrack6 = 0;
	getPathX6 = 0;
	getPathY6 = 0;
	myPathListArray11.length = 0;
	myPathListArray12.length = 0;
	Recording6 = 0;
	Track6 = 1;
	Sequencer6 = 0;
	OpacityRecord6 = 0;

	var xhr = createXMLHttpRequest();
	xhr.onreadystatechange = function() {
		if (xhr.readyState==4) { // Request is finished
			if (xhr.status==200) {
				var myOutput = xhr.responseText;

				Sequencer6 = 1;
				myPathListArray11.length = 0;
				myPathListArray11 = myOutput.split("|");
				myPathCounter6 = myPathListArray11.length;

				for (var i=1;i<=(myPathCounter6-1);i++) {

					var myOutputArray = myPathListArray11[parseInt(i)].split(",");

					if (parseInt(myOutputArray[8]) > parseInt(MaxTrack6)) {
						MaxTrack6 = myOutputArray[8];
					}

					var HeaderID2 = myOutputArray[7];
				}


				if (HeaderID4 == HeaderID2) {
				  clearInterval(clockID3);
				  clockID3  = 0;
				}
				if (HeaderID5 == HeaderID2) {
				  clearInterval(clockID5);
				  clockID3  = 0;
				}
				if (HeaderID6 == HeaderID2) {
				  clearInterval(clockID5);
				  clockID5  = 0;
				}
				if (HeaderID7 == HeaderID2) {
				  clearInterval(clockID6);
				  clockID6  = 0;
				}
				if (HeaderID8 == HeaderID2) {
				  clearInterval(clockID7);
				  clockID7  = 0;
				}

				HeaderID8 = HeaderID2

				
				if (myOutputArray) {
					MaxFrameCounter6  = parseInt(myOutputArray[0]);
				} else {
					MaxFrameCounter6  = 0;
				}
	

				Track6 = parseInt(MaxTrack6)+1;
				sequenceCounter6 = 1;
				frameCounter6 = 1;


				if (parseInt(myPathCounter6) < 2) {

					//$("DivContentPage"+HeaderID2).style.display = "inline";
				} else {

					StartAnimationSubPage5(HeaderID2)
					StreamAnimationCount6 = StreamAnimationCount6 + 250;
					getAnimationListStreamSubPage5(HeaderID2, StreamAnimationCount6)
				}
			
		} else {
				alert("An error occurred.");
			}
		}
	}

	xhr.open("POST", "/eforms/editor/getAnimation_Stream.asp", true);
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.send("Position=1&myMax=250&PageID="+PageID);
}


function getAnimationList(HeaderID2) {
	
	HeaderID = HeaderID2
	StreamAnimationCount = 1;

	var xhr = createXMLHttpRequest();
	xhr.onreadystatechange = function() {
		if (xhr.readyState==4) { // Request is finished


			if (xhr.status==200) {
				var myOutput = xhr.responseText;

							
						
				Sequencer = 1;

				myPathListArray.length = 0;

				myPathListArray = myOutput.split("|");
				myPathCounter = myPathListArray.length;
				//alert(myPathCounter);


				for (var i=1;i<=(myPathCounter-1);i++) {

					var myOutputArray = myPathListArray[parseInt(i)].split(",");

					if (parseInt(myOutputArray[8]) > parseInt(MaxTrack)) {
						MaxTrack = myOutputArray[8];
					}

				}
				
				if (myOutputArray) {
					MaxFrameCounter  = parseInt(myOutputArray[0]);
				} else {
					MaxFrameCounter  = 0;
				}
	

				Track = parseInt(MaxTrack)+1;
				sequenceCounter = 1;
				frameCounter = 1;

				if (parseInt(myPathCounter) < 2) {
					$("loadingGraphic").style.display = "none";
					//$("Resilient").style.display = "none";
					$("DivContent").style.display = "inline";
				}

				StartAnimation()
					StreamAnimationCount = StreamAnimationCount + 250;
				getAnimationListStream(HeaderID, StreamAnimationCount)
			
		} else {
				alert("An error occurred.");
			}
		}
	}

	//window.location = "/eforms/editor/getAnimation_list.asp?HeaderID="+HeaderID;

	xhr.open("POST", "/eforms/editor/getAnimation_Stream.asp", true);
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.send("HeaderID="+HeaderID+"&Position=1&myMax=250");


}





function getAnimationListStream(HeaderID, Position) {
	var xhr = createXMLHttpRequest();
	xhr.onreadystatechange = function() {
		if (xhr.readyState==4) { // Request is finished

			if (xhr.status==200) {
				var myOutput = xhr.responseText;
							
				myPathListArray2.length = 0;
				myPathListArray2 = (myOutput.split("|"));
				var myPathCounter2 = myPathListArray2.length;

				if (myPathListArray2.length  > 1) {

					for (var i2=0;i2<=(parseInt(myPathCounter2)-1);i2++) {
						myPathListArray.push(myPathListArray2[i2]);
					}
					myPathCounter = myPathListArray.length;

					for (var i=1;i<=(myPathCounter-1);i++) {

						var myOutputArray = myPathListArray[parseInt(i)].split(",");

						if (parseInt(myOutputArray[8]) > parseInt(MaxTrack)) {
							MaxTrack = myOutputArray[8];
						}
					}
					
					MaxFrameCounter  = parseInt(myOutputArray[0]);
					StreamAnimationCount = StreamAnimationCount + 250;
					getAnimationListStream(HeaderID, StreamAnimationCount)
				}

		} else {
				alert("An error occurred.");
			}
		}
	}
	xhr.open("POST", "/eforms/editor/getAnimation_Stream.asp", true);
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.send("HeaderID="+HeaderID+"&Position="+StreamAnimationCount+"&myMax=250");
}




function getAnimationListStreamSubPage1(HeaderID2, Position) {
	
	var xhr = createXMLHttpRequest();
	xhr.onreadystatechange = function() {
		if (xhr.readyState==4) { // Request is finished

			if (xhr.status==200) {
				var myOutput = xhr.responseText;

				myPathListArray4.length = 0;
				myPathListArray4 = (myOutput.split("|"));
				var myPathCounter4 = myPathListArray4.length;

				if (myPathListArray4.length  > 1) {

					for (var i2=0;i2<=(parseInt(myPathCounter4)-1);i2++) {
						myPathListArray3.push(myPathListArray4[i2]);
					}
					myPathCounter2 = myPathListArray3.length;

					for (var i=1;i<=(myPathCounter2-1);i++) {

						var myOutputArray = myPathListArray3[parseInt(i)].split(",");

						if (parseInt(myOutputArray[8]) > parseInt(MaxTrack2)) {
							MaxTrack2 = myOutputArray[8];
						}

					}
					
					MaxFrameCounter2  = parseInt(myOutputArray[0]);
					StreamAnimationCount2 = StreamAnimationCount + 250;
					getAnimationListStreamSubPage1(HeaderID2, StreamAnimationCount2)
				}
				
		} else {
				alert("An error occurred.");
			}
		}
	}

	xhr.open("POST", "/eforms/editor/getAnimation_Stream.asp", true);
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.send("HeaderID="+HeaderID2+"&Position="+StreamAnimationCount+"&myMax=250");
}


function getAnimationListStreamSubPage2(HeaderID2, Position) {
	
	var xhr = createXMLHttpRequest();
	xhr.onreadystatechange = function() {
		if (xhr.readyState==4) { // Request is finished

			if (xhr.status==200) {
				var myOutput = xhr.responseText;

				myPathListArray6.length = 0;
				myPathListArray6 = (myOutput.split("|"));
				var myPathCounter4 = myPathListArray6.length;

				if (myPathListArray6.length  > 1) {

					for (var i2=0;i2<=(parseInt(myPathCounter4)-1);i2++) {
						myPathListArray5.push(myPathListArray6[i2]);
					}
					myPathCounter3 = myPathListArray5.length;

					for (var i=1;i<=(myPathCounter3-1);i++) {

						var myOutputArray = myPathListArray5[parseInt(i)].split(",");

						if (parseInt(myOutputArray[8]) > parseInt(MaxTrack3)) {
							MaxTrack3 = myOutputArray[8];
						}

					}
					
					MaxFrameCounter3  = parseInt(myOutputArray[0]);
					StreamAnimationCount3 = StreamAnimationCount3 + 250;
					getAnimationListStreamSubPage2(HeaderID2, StreamAnimationCount2)
				}
				
		} else {
				alert("An error occurred.");
			}
		}
	}

	xhr.open("POST", "/eforms/editor/getAnimation_Stream.asp", true);
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.send("HeaderID="+HeaderID2+"&Position="+StreamAnimationCount+"&myMax=250");
}



function getAnimationListStreamSubPage3(HeaderID2, Position) {
	
	var xhr = createXMLHttpRequest();
	xhr.onreadystatechange = function() {
		if (xhr.readyState==4) { // Request is finished

			if (xhr.status==200) {
				var myOutput = xhr.responseText;

				myPathListArray8.length = 0;
				myPathListArray8 = (myOutput.split("|"));
				var myPathCounter4 = myPathListArray8.length;

				if (myPathListArray8.length  > 1) {

					for (var i2=0;i2<=(parseInt(myPathCounter4)-1);i2++) {
						myPathListArray7.push(myPathListArray8[i2]);
					}
					myPathCounter4 = myPathListArray7.length;

					for (var i=1;i<=(myPathCounter4-1);i++) {

						var myOutputArray = myPathListArray7[parseInt(i)].split(",");

						if (parseInt(myOutputArray[8]) > parseInt(MaxTrack4)) {
							MaxTrack4 = myOutputArray[8];
						}

					}
					
					MaxFrameCounter4  = parseInt(myOutputArray[0]);
					StreamAnimationCount4 = StreamAnimationCount4 + 250;
					getAnimationListStreamSubPage3(HeaderID2, StreamAnimationCount4)
				}
				
		} else {
				alert("An error occurred.");
			}
		}
	}

	xhr.open("POST", "/eforms/editor/getAnimation_Stream.asp", true);
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.send("HeaderID="+HeaderID2+"&Position="+StreamAnimationCount+"&myMax=250");
}



function getAnimationListStreamSubPage4(HeaderID2, Position) {
	
	var xhr = createXMLHttpRequest();
	xhr.onreadystatechange = function() {
		if (xhr.readyState==4) { // Request is finished

			if (xhr.status==200) {
				var myOutput = xhr.responseText;

				myPathListArray10.length = 0;
				myPathListArray10 = (myOutput.split("|"));
				var myPathCounter4 = myPathListArray10.length;

				if (myPathListArray10.length  > 1) {

					for (var i2=0;i2<=(parseInt(myPathCounter4)-1);i2++) {
						myPathListArray9.push(myPathListArray10[i2]);
					}
					myPathCounter5 = myPathListArray9.length;

					for (var i=1;i<=(myPathCounter5-1);i++) {

						var myOutputArray = myPathListArray9[parseInt(i)].split(",");

						if (parseInt(myOutputArray[8]) > parseInt(MaxTrack5)) {
							MaxTrack5 = myOutputArray[8];
						}

					}
					
					MaxFrameCounter5  = parseInt(myOutputArray[0]);
					StreamAnimationCount5 = StreamAnimationCount5 + 250;
					getAnimationListStreamSubPage4(HeaderID2, StreamAnimationCount5)
				}
				
		} else {
				alert("An error occurred.");
			}
		}
	}

	xhr.open("POST", "/eforms/editor/getAnimation_Stream.asp", true);
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.send("HeaderID="+HeaderID2+"&Position="+StreamAnimationCount+"&myMax=250");
}



function getAnimationListStreamSubPage5(HeaderID2, Position) {
	
	var xhr = createXMLHttpRequest();
	xhr.onreadystatechange = function() {
		if (xhr.readyState==4) { // Request is finished

			if (xhr.status==200) {
				var myOutput = xhr.responseText;

				myPathListArray12.length = 0;
				myPathListArray12 = (myOutput.split("|"));
				var myPathCounter4 = myPathListArray12.length;

				if (myPathListArray12.length  > 1) {

					for (var i2=0;i2<=(parseInt(myPathCounter4)-1);i2++) {
						myPathListArray11.push(myPathListArray12[i2]);
					}
					myPathCounter6 = myPathListArray11.length;

					for (var i=1;i<=(myPathCounter6-1);i++) {

						var myOutputArray = myPathListArray11[parseInt(i)].split(",");

						if (parseInt(myOutputArray[8]) > parseInt(MaxTrack6)) {
							MaxTrack6 = myOutputArray[8];
						}

					}
					
					MaxFrameCounter6  = parseInt(myOutputArray[0]);
					StreamAnimationCount6 = StreamAnimationCount6 + 250;
					getAnimationListStreamSubPage5(HeaderID2, StreamAnimationCount6)
				}
				
		} else {
				alert("An error occurred.");
			}
		}
	}

	xhr.open("POST", "/eforms/editor/getAnimation_Stream.asp", true);
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.send("HeaderID="+HeaderID2+"&Position="+StreamAnimationCount+"&myMax=250");
}



function StartAnimation() {
    if(clockID2) {
	 clearInterval(clockID2);
	  clockID2  = 0;
	  }
	clockID2 = setInterval("playAnimation()",40);

}

function determineClock(PageID) {
	
	if ( $("SequenceHeaderIDPageID"+PageID)) {
	var myHeaderID = $("SequenceHeaderIDPageID"+PageID).value;
                        
	for (var i=1;i<=5;i++) {
		if ($("SequenceClock"+myHeaderID)) {
			if ($("SequenceClock"+myHeaderID).value == i) {
				//StartAnimationSubPage1(HeaderID2);

						switch (i)
						{
						case 1:
							  //clearInterval(clockID3);
							 // clockID3  = 0;
							StartAnimationSubPage1(myHeaderID);
							break;
						case 2:
							  //clearInterval(clockID4);
							  //clockID4  = 0;
							StartAnimationSubPage2(myHeaderID);
							break;
						case 3:
							  //clearInterval(clockID5);
							 // clockID5  = 0;
							StartAnimationSubPage3(myHeaderID);
							break;
						case 4:
							 // clearInterval(clockID6);
							 // clockID6  = 0;
							StartAnimationSubPage4(myHeaderID);
							break;
						case 5:
							 // clearInterval(clockID7);
							 // clockID7  = 0;
							StartAnimationSubPage5(myHeaderID);
							break;
						}

				break;

			} 
		}
	} 
	}
}

function StartAnimationSubPage1(HeaderID2) {
	//alert("Start Clock1: H:"+HeaderID2);
   if(clockID3) {
	  clearInterval(clockID3);
      clockID3  = 0;
	}
	clockID3 = setInterval("playAnimationSubPage1("+HeaderID2+")",40);
}
function StartAnimationSubPage2(HeaderID2) {
	//alert("Start Clock2: H:"+HeaderID2);
   if(clockID4) {
	  clearInterval(clockID4);
      clockID4  = 0;
	}
	clockID4 = setInterval("playAnimationSubPage2("+HeaderID2+")",40);
}
function StartAnimationSubPage3(HeaderID2) {
	//alert("Start Clock3: H:"+HeaderID2);
   if(clockID5) {
	  clearInterval(clockID5);
      clockID5  = 0;
	}
	clockID5 = setInterval("playAnimationSubPage3("+HeaderID2+")",40);
}
function StartAnimationSubPage4(HeaderID2) {
   if(clockID6) {
	  clearInterval(clockID6);
      clockID6  = 0;
	}
	clockID6 = setInterval("playAnimationSubPage4("+HeaderID2+")",40);
}

function StartAnimationSubPage5(HeaderID2) {
   if(clockID7) {
	  clearInterval(clockID7);
      clockID7  = 0;
	}
	clockID7 = setInterval("playAnimationSubPage5("+HeaderID2+")",40);
}




function KillClock2() {

   if(clockID2) {
	  clearInterval(clockID2);
      clockID2  = 0;
	  sequenceCounter = 0;
	  frameCounter = 0;
	  Recording = 0;


       var PageID = $("SequencePageID").value;
       var SequenceRegFieldID = $("SequenceRegFieldID").value;
       var SequenceTransition = $("SequenceTransition").value;
       var SequenceURL = $("SequenceURL").value;


	   if (SequenceURL.length > 2 ) {
				window.location = SequenceURL;
	   } else {
			if (PageID != 0) {
				if (PageID.length > 1) {
					getPage(PageID, SequenceRegFieldID, HeaderID, SequenceTransition)
				}
			}
		}

   }
}


function KillClock2SubPage1(HeaderID2) {

   if(clockID3) {
	  clearInterval(clockID3);
      clockID3  = 0;
	  sequenceCounter2 = 0;
	  frameCounter2 = 0;
	  Recording2 = 0;
	  //alert("Stop Clock1: H:"+HeaderID2);

	  if ($("SequencePageID"+HeaderID2)) {
       var PageID = $("SequencePageID"+HeaderID2).value;
       var SequenceRegFieldID = $("SequenceRegFieldID"+HeaderID2).value;
       var SequenceTransition = $("SequenceTransition"+HeaderID2).value;
       var SequenceURL = $("SequenceURL"+HeaderID2).value;

		   if (SequenceURL.length > 2 ) {
					window.location = SequenceURL;
		   } else {
				if (PageID != 0) {
					if (PageID.length > 1) {
						getPage(PageID, SequenceRegFieldID, HeaderID, SequenceTransition, 1)
					}
				}
			}
		}

   }
}

function KillClock2SubPage2(HeaderID2) {

   if(clockID4) {
	  clearInterval(clockID4);
      clockID4  = 0;
	  sequenceCounter3 = 0;
	  frameCounter3 = 0;
	  Recording3 = 0;
	 // alert("Clock2: H:"+HeaderID2);

	  if ($("SequencePageID"+HeaderID2)) {
       var PageID = $("SequencePageID"+HeaderID2).value;
       var SequenceRegFieldID = $("SequenceRegFieldID"+HeaderID2).value;
       var SequenceTransition = $("SequenceTransition"+HeaderID2).value;
       var SequenceURL = $("SequenceURL"+HeaderID2).value;

		   if (SequenceURL.length > 2 ) {
					window.location = SequenceURL;
		   } else {
				if (PageID != 0) {
					if (PageID.length > 1) {
						getPage(PageID, SequenceRegFieldID, HeaderID, SequenceTransition, 2)
					}
				}
			}
		}

   }
}

function KillClock2SubPage3(HeaderID2) {

   if(clockID5) {
	  clearInterval(clockID5);
      clockID5  = 0;
	  sequenceCounter4 = 0;
	  frameCounter4 = 0;
	  Recording4 = 0;

	  //alert("Clock3: H:"+HeaderID2);

	  if ($("SequencePageID"+HeaderID2)) {
       var PageID = $("SequencePageID"+HeaderID2).value;
       var SequenceRegFieldID = $("SequenceRegFieldID"+HeaderID2).value;
       var SequenceTransition = $("SequenceTransition"+HeaderID2).value;
       var SequenceURL = $("SequenceURL"+HeaderID2).value;

		   if (SequenceURL.length > 2 ) {
					window.location = SequenceURL;
		   } else {
				if (PageID != 0) {
					if (PageID.length > 1) {
						getPage(PageID, SequenceRegFieldID, HeaderID, SequenceTransition, 3)
					}
				}
			}
		}

   }
}



function KillClock2SubPage4(HeaderID2) {

   if(clockID6) {
	  clearInterval(clockID6);
      clockID6  = 0;
	  sequenceCounter5 = 0;
	  frameCounter5 = 0;
	  Recording5 = 0;

	  if ($("SequencePageID"+HeaderID2)) {
       var PageID = $("SequencePageID"+HeaderID2).value;
       var SequenceRegFieldID = $("SequenceRegFieldID"+HeaderID2).value;
       var SequenceTransition = $("SequenceTransition"+HeaderID2).value;
       var SequenceURL = $("SequenceURL"+HeaderID2).value;

		   if (SequenceURL.length > 2 ) {
					window.location = SequenceURL;
		   } else {
				if (PageID != 0) {
					if (PageID.length > 1) {
						getPage(PageID, SequenceRegFieldID, HeaderID, SequenceTransition, 4)
					}
				}
			}
		}

   }
}




function KillClock2SubPage5(HeaderID2) {

   if(clockID7) {
	  clearInterval(clockID7);
      clockID7  = 0;
	  sequenceCounter6 = 0;
	  frameCounter6 = 0;
	  Recording6 = 0;

	  if ($("SequencePageID"+HeaderID2)) {
       var PageID = $("SequencePageID"+HeaderID2).value;
       var SequenceRegFieldID = $("SequenceRegFieldID"+HeaderID2).value;
       var SequenceTransition = $("SequenceTransition"+HeaderID2).value;
       var SequenceURL = $("SequenceURL"+HeaderID2).value;

		   if (SequenceURL.length > 2 ) {
					window.location = SequenceURL;
		   } else {
				if (PageID != 0) {
					if (PageID.length > 1) {
						getPage(PageID, SequenceRegFieldID, HeaderID, SequenceTransition, 5)
					}
				}
			}
		}

   }
}




function playAnimation() {
	var LoopPlayback = $("LoopPlayback").value;

	if (MaxFrameCounter > (frameCounter+2)) { 

		Sliding = 0;
		frameCounter = frameCounter+1;


		getFrame()
   
	} else {

		if (LoopPlayback == "1") {
			KillClock2();
			StartAnimation();
		} else {
			KillClock2();
		}

	}

}

function playAnimationSubPage1(HeaderID2) {

	//if ($("LoopPlayback"+HeaderID2)) {
		var LoopPlayback2 = $("LoopPlayback"+HeaderID2).value;
	//}
	if (MaxFrameCounter2 > (frameCounter2+2)) { 
		Sliding2 = 0;
		frameCounter2 = frameCounter2+1;
		getFrameSubPage1(HeaderID2);
   
	} else {
		if (LoopPlayback2 == "1") {
			KillClock2SubPage1(HeaderID2);
			StartAnimationSubPage1(HeaderID2);
		} else {
			KillClock2SubPage1(HeaderID2);
		}
	}
}


function playAnimationSubPage2(HeaderID2) {

	//if $(("LoopPlayback"+HeaderID2)) {
		var LoopPlayback2 = $("LoopPlayback"+HeaderID2).value;
	//}
	if (MaxFrameCounter3 > (frameCounter3+2)) { 
		Sliding3 = 0;
		frameCounter3 = frameCounter3+1;
		getFrameSubPage2(HeaderID2);
   
	} else {
		if (LoopPlayback2 == "1") {
			KillClock2SubPage2(HeaderID2);
			StartAnimationSubPage2(HeaderID2);
		} else {
			KillClock2SubPage2(HeaderID2);
		}
	}
}

function playAnimationSubPage3(HeaderID2) {

	//alert(HeaderID2);
	//alert($("LoopPlayback"+HeaderID2).value);

	//if ($("LoopPlayback"+HeaderID2)) {
		var LoopPlayback2 = $("LoopPlayback"+HeaderID2).value;
	//}
	if (MaxFrameCounter4 > (frameCounter4+2)) { 
		Sliding4 = 0;
		frameCounter4 = frameCounter4+1;
		getFrameSubPage3(HeaderID2);
   
	} else {
		if (LoopPlayback2 == "1") {
			KillClock2SubPage3(HeaderID2);
			StartAnimationSubPage3(HeaderID2);
		} else {
			KillClock2SubPage3(HeaderID2);
		}
	}
}

function playAnimationSubPage4(HeaderID2) {

	//	alert(HeaderID2);
	//alert($("LoopPlayback"+HeaderID2).value);
	
	//if ($("LoopPlayback"+HeaderID2)) {
		var LoopPlayback2 = $("LoopPlayback"+HeaderID2).value;
	//}
	if (MaxFrameCounter5 > (frameCounter5+2)) { 
		Sliding5 = 0;
		frameCounter5 = frameCounter5+1;
		getFrameSubPage4(HeaderID2);
   
	} else {
		if (LoopPlayback2 == "1") {
			KillClock2SubPage4(HeaderID2);
			StartAnimationSubPage4(HeaderID2);
		} else {
			KillClock2SubPage4(HeaderID2);
		}
	}
}

function playAnimationSubPage5(HeaderID2) {

	//if ($("LoopPlayback"+HeaderID2)) {
		var LoopPlayback2 = $("LoopPlayback"+HeaderID2).value;
//	}
	if (MaxFrameCounter6 > (frameCounter6+2)) { 
		Sliding6 = 0;
		frameCounter6 = frameCounter6+1;
		getFrameSubPage5(HeaderID2);
   
	} else {
		if (LoopPlayback2 == "1") {
			KillClock2SubPage5(HeaderID2);
			StartAnimationSubPage5(HeaderID2);
		} else {
			KillClock2SubPage5(HeaderID2);
		}
	}
}

function getFrame() {
	
	var TrackCount = 0;

	if (sequenceCounter > 3) {
					$("loadingGraphic").style.display = "none";
					//$("Resilient").style.display = "none";
		$("DivContent").style.display = "inline";
	}

	for (var i=1;i<=10;i++) {
		
		if (myPathListArray[parseInt(sequenceCounter)+parseInt(i)]) {


		var myOutputArray = myPathListArray[parseInt(sequenceCounter)+parseInt(i)].split(",");

			if (parseInt(frameCounter) == parseInt(myOutputArray[0])) {
				TrackCount = TrackCount+1;
				var pathCounter = myOutputArray[0] ;
				var pathRegFieldID = myOutputArray[1] ;
				var pathX =	myOutputArray[2] +"px";
				var pathY =	(parseInt(myOutputArray[3])+30) +"px";
				var pathWidth =	myOutputArray[4] +"px";
				var pathHeight =	myOutputArray[5] +"px";
				var pathOpacity =	myOutputArray[6] ;
				var pathHeaderID =	myOutputArray[7] ;
				pathTrack =	myOutputArray[8] ;

				if ($("div"+pathRegFieldID)) {
					$("div"+pathRegFieldID).style.left = pathX;
					$("div"+pathRegFieldID).style.top = pathY;
					$("div"+pathRegFieldID).style.filter = "alpha(opacity="+pathOpacity+")";
					$("div"+pathRegFieldID).style.opacity = pathOpacity/100;
					$("div"+pathRegFieldID).style.MozOpacity = pathOpacity/100;
					$("div"+pathRegFieldID).style.width = pathWidth;
					$("div"+pathRegFieldID).style.height = pathHeight;
				}
				if ($("detail"+pathRegFieldID)) {
					$("detail"+pathRegFieldID).style.width = pathWidth;
					$("detail"+pathRegFieldID).style.height = pathHeight;
				}

			} else {
				break;
			}
		}
	}

	sequenceCounter = sequenceCounter + TrackCount;


}


function getFrameSubPage1(HeaderID2) {
	
	var TrackCount = 0;

	if (sequenceCounter2 > 0) {
		if ($("DivContentPage"+HeaderID2)) {
			$("DivContentPage"+HeaderID2).style.display = "inline";
		}
	}

	for (var i=1;i<=10;i++) {
		
		if (myPathListArray3[parseInt(sequenceCounter2)+parseInt(i)]) {

		var myOutputArray = myPathListArray3[parseInt(sequenceCounter2)+parseInt(i)].split(",");

			if (parseInt(frameCounter2) == parseInt(myOutputArray[0])) {
				TrackCount = TrackCount+1;
				var pathCounter = myOutputArray[0] ;
				var pathRegFieldID = myOutputArray[1] ;
				var pathX =	myOutputArray[2] +"px";
				var pathY =	(parseInt(myOutputArray[3])+30) +"px";
				var pathWidth =	myOutputArray[4] +"px";
				var pathHeight =	myOutputArray[5] +"px";
				var pathOpacity =	myOutputArray[6] ;
				var pathHeaderID =	myOutputArray[7] ;
				pathTrack =	myOutputArray[8] ;

				if ($("div"+pathRegFieldID)) {
					$("div"+pathRegFieldID).style.left = pathX;
					$("div"+pathRegFieldID).style.top = pathY;
					$("div"+pathRegFieldID).style.filter = "alpha(opacity="+pathOpacity+")";
					$("div"+pathRegFieldID).style.opacity = pathOpacity/100;
					$("div"+pathRegFieldID).style.MozOpacity = pathOpacity/100;
					$("div"+pathRegFieldID).style.width = pathWidth;
					$("div"+pathRegFieldID).style.height = pathHeight;
				}
				if ($("detail"+pathRegFieldID)) {
					$("detail"+pathRegFieldID).style.width = pathWidth;
					$("detail"+pathRegFieldID).style.height = pathHeight;
				}

			} else {
				break;
			}
		}
	}
	sequenceCounter2 = sequenceCounter2 + TrackCount;
}

function getFrameSubPage2(HeaderID2) {
	
	var TrackCount = 0;

	if (sequenceCounter3 > 0) {
		if ($("DivContentPage"+HeaderID2)) {
			$("DivContentPage"+HeaderID2).style.display = "inline";
		}
	}

	for (var i=1;i<=10;i++) {
		
		if (myPathListArray5[parseInt(sequenceCounter3)+parseInt(i)]) {

		var myOutputArray = myPathListArray5[parseInt(sequenceCounter3)+parseInt(i)].split(",");

			if (parseInt(frameCounter3) == parseInt(myOutputArray[0])) {
				TrackCount = TrackCount+1;
				var pathCounter = myOutputArray[0] ;
				var pathRegFieldID = myOutputArray[1] ;
				var pathX =	myOutputArray[2] +"px";
				var pathY =	(parseInt(myOutputArray[3])+30) +"px";
				var pathWidth =	myOutputArray[4] +"px";
				var pathHeight =	myOutputArray[5] +"px";
				var pathOpacity =	myOutputArray[6] ;
				var pathHeaderID =	myOutputArray[7] ;
				pathTrack =	myOutputArray[8] ;

				if ($("div"+pathRegFieldID)) {
					$("div"+pathRegFieldID).style.left = pathX;
					$("div"+pathRegFieldID).style.top = pathY;
					$("div"+pathRegFieldID).style.filter = "alpha(opacity="+pathOpacity+")";
					$("div"+pathRegFieldID).style.opacity = pathOpacity/100;
					$("div"+pathRegFieldID).style.MozOpacity = pathOpacity/100;
					$("div"+pathRegFieldID).style.width = pathWidth;
					$("div"+pathRegFieldID).style.height = pathHeight;
				}
				if ($("detail"+pathRegFieldID)) {
					$("detail"+pathRegFieldID).style.width = pathWidth;
					$("detail"+pathRegFieldID).style.height = pathHeight;
				}

			} else {
				break;
			}
		}
	}
	sequenceCounter3 = sequenceCounter3 + TrackCount;
}

function getFrameSubPage3(HeaderID2) {
	
	var TrackCount = 0;

	if (sequenceCounter4 > 0) {
		if ($("DivContentPage"+HeaderID2)) {
			$("DivContentPage"+HeaderID2).style.display = "inline";
		}
	}

	for (var i=1;i<=10;i++) {
		
		if (myPathListArray7[parseInt(sequenceCounter4)+parseInt(i)]) {

		var myOutputArray = myPathListArray7[parseInt(sequenceCounter4)+parseInt(i)].split(",");

			if (parseInt(frameCounter4) == parseInt(myOutputArray[0])) {
				TrackCount = TrackCount+1;
				var pathCounter = myOutputArray[0] ;
				var pathRegFieldID = myOutputArray[1] ;
				var pathX =	myOutputArray[2] +"px";
				var pathY =	(parseInt(myOutputArray[3])+30) +"px";
				var pathWidth =	myOutputArray[4] +"px";
				var pathHeight =	myOutputArray[5] +"px";
				var pathOpacity =	myOutputArray[6] ;
				var pathHeaderID =	myOutputArray[7] ;
				pathTrack =	myOutputArray[8] ;

				if ($("div"+pathRegFieldID)) {
					$("div"+pathRegFieldID).style.left = pathX;
					$("div"+pathRegFieldID).style.top = pathY;
					$("div"+pathRegFieldID).style.filter = "alpha(opacity="+pathOpacity+")";
					$("div"+pathRegFieldID).style.opacity = pathOpacity/100;
					$("div"+pathRegFieldID).style.MozOpacity = pathOpacity/100;
					$("div"+pathRegFieldID).style.width = pathWidth;
					$("div"+pathRegFieldID).style.height = pathHeight;
				}
				if ($("detail"+pathRegFieldID)) {
					$("detail"+pathRegFieldID).style.width = pathWidth;
					$("detail"+pathRegFieldID).style.height = pathHeight;
				}

			} else {
				break;
			}
		}
	}
	sequenceCounter4 = sequenceCounter4 + TrackCount;
}


function getFrameSubPage4(HeaderID2) {
	
	var TrackCount = 0;

	if (sequenceCounter5 > 0) {
		if ($("DivContentPage"+HeaderID2)) {
			$("DivContentPage"+HeaderID2).style.display = "inline";
		}
	}

	for (var i=1;i<=10;i++) {
		
		if (myPathListArray9[parseInt(sequenceCounter5)+parseInt(i)]) {

		var myOutputArray = myPathListArray9[parseInt(sequenceCounter5)+parseInt(i)].split(",");

			if (parseInt(frameCounter5) == parseInt(myOutputArray[0])) {
				TrackCount = TrackCount+1;
				var pathCounter = myOutputArray[0] ;
				var pathRegFieldID = myOutputArray[1] ;
				var pathX =	myOutputArray[2] +"px";
				var pathY =	(parseInt(myOutputArray[3])+30) +"px";
				var pathWidth =	myOutputArray[4] +"px";
				var pathHeight =	myOutputArray[5] +"px";
				var pathOpacity =	myOutputArray[6] ;
				var pathHeaderID =	myOutputArray[7] ;
				pathTrack =	myOutputArray[8] ;

				if ($("div"+pathRegFieldID)) {
					$("div"+pathRegFieldID).style.left = pathX;
					$("div"+pathRegFieldID).style.top = pathY;
					$("div"+pathRegFieldID).style.filter = "alpha(opacity="+pathOpacity+")";
					$("div"+pathRegFieldID).style.opacity = pathOpacity/100;
					$("div"+pathRegFieldID).style.MozOpacity = pathOpacity/100;
					$("div"+pathRegFieldID).style.width = pathWidth;
					$("div"+pathRegFieldID).style.height = pathHeight;
				}
				if ($("detail"+pathRegFieldID)) {
					$("detail"+pathRegFieldID).style.width = pathWidth;
					$("detail"+pathRegFieldID).style.height = pathHeight;
				}

			} else {
				break;
			}
		}
	}
	sequenceCounter5 = sequenceCounter5 + TrackCount;
}


function getFrameSubPage5(HeaderID2) {
	
	var TrackCount = 0;

	if (sequenceCounter6 > 0) {
		if ($("DivContentPage"+HeaderID2)) {
			$("DivContentPage"+HeaderID2).style.display = "inline";
		}
	}

	for (var i=1;i<=10;i++) {
		
		if (myPathListArray11[parseInt(sequenceCounter6)+parseInt(i)]) {

		var myOutputArray = myPathListArray11[parseInt(sequenceCounter6)+parseInt(i)].split(",");

			if (parseInt(frameCounter6) == parseInt(myOutputArray[0])) {
				TrackCount = TrackCount+1;
				var pathCounter = myOutputArray[0] ;
				var pathRegFieldID = myOutputArray[1] ;
				var pathX =	myOutputArray[2] +"px";
				var pathY =	(parseInt(myOutputArray[3])+30) +"px";
				var pathWidth =	myOutputArray[4] +"px";
				var pathHeight =	myOutputArray[5] +"px";
				var pathOpacity =	myOutputArray[6] ;
				var pathHeaderID =	myOutputArray[7] ;
				pathTrack =	myOutputArray[8] ;

				if ($("div"+pathRegFieldID)) {
					$("div"+pathRegFieldID).style.left = pathX;
					$("div"+pathRegFieldID).style.top = pathY;
					$("div"+pathRegFieldID).style.filter = "alpha(opacity="+pathOpacity+")";
					$("div"+pathRegFieldID).style.opacity = pathOpacity/100;
					$("div"+pathRegFieldID).style.MozOpacity = pathOpacity/100;
					$("div"+pathRegFieldID).style.width = pathWidth;
					$("div"+pathRegFieldID).style.height = pathHeight;
				}
				if ($("detail"+pathRegFieldID)) {
					$("detail"+pathRegFieldID).style.width = pathWidth;
					$("detail"+pathRegFieldID).style.height = pathHeight;
				}

			} else {
				break;
			}
		}
	}
	sequenceCounter6 = sequenceCounter6 + TrackCount;
}