/*for prereg process, build top banner*/
var randomTWD = 0;
var DoIt = 0;
var num_of_step= 0;
var image_on=1;
var image_off=2;

/*define the image, width, height, and css for on and off workflow steps*/
images = new Array;
images_next = new Array;
images_height = new Array;
workflows = new Array;
font_css = new Array;
images[1] = new Image();
images[1].src = "../images/state_on.jpg";
images[2] = new Image();
images[2].src = "../images/state_off.jpg";
images_next[1] = new Image();
images_next[1].src = "../images/next_on.jpg";
images_next[2] = new Image();
images_next[2].src = "../images/next_off.jpg";
workflows[1]=image_off;
workflows[2]=image_off;
workflows[3]=image_off;
workflows[4]=image_off;
workflows[5]=image_off;
images_height[1]=80;
images_height[2]=40;
font_css[1]="StepSelectTitle";
font_css[2]="UnStepSelectTitle";

function findCurrentPageName(url)
{
    var s = url.toLowerCase();
    if (s.indexOf('?') >= 0)
    {
        s = s.substring(0, s.indexOf('?'));
    }
    s = s.substring(s.lastIndexOf('/')+1);
    return s;
}
function loadBanner() {

	var file_name = findCurrentPageName(location.href.toLowerCase());	
	if(file_name=="registrationform.aspx" || file_name=="editregistrationform.aspx")
	{
		workflows[1]=image_on;
	}
	if(file_name=="badgephotoupload.aspx")
	{
		workflows[2]=image_on;
	}
	if(file_name=="paymentstarter.aspx" || file_name=="paymenthandler.aspx")
	{
		workflows[3]=image_on;
	}
	if(file_name=="confirm.aspx")
	{
		workflows[4]=image_on;
	}
	if(file_name=="doubleconfirm.aspx")
	{
		workflows[5]=image_on;
	}
	if(file_name=="preview.aspx")
	{
		if(document.getElementById("cell2_step_label")!=null)
		{
			if(document.getElementById("cell2_step_label").innerHTML.indexOf("File Upload")>-1||document.getElementById("cell2_step_label").innerHTML.indexOf("档案上载")>-1||document.getElementById("cell2_step_label").innerHTML.indexOf("檔案上載")>-1)
				workflows[2]=image_on;
			else
				workflows[1]=image_on;
				
		}
		else
			workflows[1]=image_on;
	}
	//dynamic define image holder 1 GUI
	var ImageHolder1 =  document.getElementById("ImageHolder1");
	if(ImageHolder1 !=null)
	{
	var img_number = workflows[1];
	ImageHolder1.src = images[img_number].src;
	ImageHolder1.height=images_height[img_number];
	if(document.getElementById("ImageNext1")!=null)
		document.getElementById("ImageNext1").src = images_next[img_number].src;
	//document.getElementById("cell1_step_label").innerHTML="step "+(++num_of_step)+"<BR><div class='"+font_css[img_number]+"'>Personal Details</div>";
	num_of_step++;
	var myhtml = document.getElementById("cell1_step_label").innerHTML.replace("#stepno",num_of_step);
	myhtml = myhtml.replace("StepSelectTitle",font_css[img_number]);
	document.getElementById("cell1_step_label").innerHTML=myhtml;
	}
	//dynamic define image holder 2 GUI
	var ImageHolder2 =  document.getElementById("ImageHolder2");
	if(ImageHolder2 !=null)
	{
	var img_number = workflows[2];
	ImageHolder2.src = images[img_number].src;
	ImageHolder2.height=images_height[img_number];
	if(document.getElementById("ImageNext2")!=null)
		document.getElementById("ImageNext2").src = images_next[img_number].src;
	//document.getElementById("cell2_step_label").innerHTML="step "+(++num_of_step)+"<BR><div class='"+font_css[img_number]+"'>File Upload</div>";
	num_of_step++;
	var myhtml = document.getElementById("cell2_step_label").innerHTML.replace("#stepno",num_of_step);
	myhtml = myhtml.replace("StepSelectTitle",font_css[img_number]);
	document.getElementById("cell2_step_label").innerHTML=myhtml;
	}
	//dynamic define image holder 3 GUI
	var ImageHolder3 =  document.getElementById("ImageHolder3");
	if(ImageHolder3 !=null)
	{
	var img_number = workflows[3];
	ImageHolder3.src = images[img_number].src;
	ImageHolder3.height=images_height[img_number];
	if(document.getElementById("ImageNext3")!=null)
		document.getElementById("ImageNext3").src = images_next[img_number].src;
	//document.getElementById("cell3_step_label").innerHTML="step "+(++num_of_step)+"<BR><div class='"+font_css[img_number]+"'>Payment Method</div>";
	num_of_step++;
	var myhtml = document.getElementById("cell3_step_label").innerHTML.replace("#stepno",num_of_step);
	myhtml = myhtml.replace("StepSelectTitle",font_css[img_number]);
	document.getElementById("cell3_step_label").innerHTML=myhtml;
	}
	//dynamic define image holder 4 GUI
	var ImageHolder4 =  document.getElementById("ImageHolder4");
	if(ImageHolder4 !=null)
	{
	var img_number = workflows[4];
	ImageHolder4.src = images[img_number].src;
	ImageHolder4.height=images_height[img_number];
	if(document.getElementById("ImageNext4")!=null)
		document.getElementById("ImageNext4").src = images_next[img_number].src;
	//document.getElementById("cell4_step_label").innerHTML="step "+(++num_of_step)+"<BR><div class='"+font_css[img_number]+"'>Confirmation</div>";
	num_of_step++;
	var myhtml = document.getElementById("cell4_step_label").innerHTML.replace("#stepno",num_of_step);
	myhtml = myhtml.replace("StepSelectTitle",font_css[img_number]);
	document.getElementById("cell4_step_label").innerHTML=myhtml;
	}
	//dynamic define image holder 5 GUI
	var ImageHolder5 =  document.getElementById("ImageHolder5");
	if(ImageHolder5 !=null)
	{
	var img_number = workflows[5];
	ImageHolder5.src = images[img_number].src;
	ImageHolder5.height=images_height[img_number];
	if(document.getElementById("ImageNext5")!=null)
		document.getElementById("ImageNext5").src = images_next[img_number].src;
	//document.getElementById("cell5_step_label").innerHTML="step "+(++num_of_step)+"<BR><div class='"+font_css[img_number]+"'>Confirmation</div>";
	num_of_step++;
	var myhtml = document.getElementById("cell5_step_label").innerHTML.replace("#stepno",num_of_step);
	myhtml = myhtml.replace("StepSelectTitle",font_css[img_number]);
	document.getElementById("cell5_step_label").innerHTML=myhtml;
	}	
};
loadBanner();