var count=Number(1);
var CurrentPage=1;
function addLoadEvent(func) { 
	  var oldonload = window.onload; 
	  if (typeof window.onload != 'function') { 
	    window.onload = func; 
	  } else { 
	    window.onload = function() { 
	      if (oldonload) { 
	        oldonload(); 
	      } 
	      func(); 
	    } 
	  } 
	} 
	var iPaginate=true;
	var iPageControlDiv='';
	var iPageNextText='Next';
	var iPageFinishText='Finish';
	var iPagePrevText='Back';
	var iShowSubmit=false;
	var iPoweredByHolder='IPageForm';
function DoLayout()
{
    var PageId="Page"+count;    
    while(document.getElementById(PageId))
    {
        if(count==1||!iPaginate)
        {
            document.getElementById(PageId).style.display='';
        }
        count++;
        PageId="Page"+count;    
    }
    count--;    
    if(count>1)
    {
        createDiv();
    }
    else 
    {
        createSubmit();
    }
    // Powered by iPAGE
    document.getElementById(iPoweredByHolder).innerHTML+="Powered by iPage.";
}

function NextPage()
{
    if(CurrentPage<count)
    {
        if(ValidationOk())
        {
            var PageId="Page"+CurrentPage;
            document.getElementById(PageId).style.display='none'; 
            CurrentPage++;
            var PageId="Page"+CurrentPage;
            document.getElementById(PageId).style.display='';
            document.getElementById('PrevBtn').disabled=false; 
            if(CurrentPage==count)
            {
                document.getElementById('NextBtn').value=iPageFinishText; 
				//change classes
				document.getElementById('NextBtn').className='Button125';
				document.getElementById('NextBtn').onmouseover="this.className='Button125_over'";
				document.getElementById('NextBtn').onmouseout="this.className='Button125'";

				//onmouseout=\"this.className='Button75'\" />

            }
        }
    }
    else
    {
        if(ValidationOk())
        {
            ShowProgressBar();
			document.forms[0].submit();
		}
    }
    
}

function CheckAndSubmit()
{
	var CurrentDiv=document.getElementById("IPageForm");
    var allContainedElements = CurrentDiv.getElementsByTagName("input");
    var CheckedFld=1;
    for (var i = 0; i < allContainedElements.length; i++) 
    {
        var elem = allContainedElements[i];        
        if(elem.className.indexOf('required')>=0)
        {
            if(elem.type=='radio')
            {
                if(elem.checked)
                {
                    if(elem.reqid)
                    {
                        if(document.getElementById(elem.reqid).value=="")
                        {
                            document.getElementById(elem.reqid).style.backgroundColor="#F3E88E";
                            document.getElementById(elem.reqid).focus();
                            CheckedFld=0;
                        }
                    }
                }
            }
            else if(elem.type=='checkbox')
            {
                if(!elem.checked)
                {
                    elem.style.backgroundColor="#F3E88E";
                    elem.focus();
                    CheckedFld=0;
                }
                else
                {
                    elem.style.backgroundColor="";
                }
            }
            else if(elem.value=="")
            {
                elem.style.backgroundColor="#F3E88E";
                elem.focus();
                CheckedFld=0;
            }
            else
            {
                elem.style.backgroundColor="";
            }
        }
    }
    if(CheckedFld==1)
	{
        document.forms[0].submit();
	}
    else
    {
        alert("Please enter the mandatory field values");        
    }
	
}

function ValidationOk()
{
    var CurrentDiv=document.getElementById("Page"+CurrentPage);
    var allContainedElements = CurrentDiv.getElementsByTagName("input");
    var CheckedFld=1;
    for (var i = 0; i < allContainedElements.length; i++) 
    {
        var elem = allContainedElements[i];        
        if(elem.className.indexOf('required')>=0)
        {
            if(elem.type=='radio')
            {
                if(elem.checked)
                {
                    if(elem.reqid)
                    {
                        if(document.getElementById(elem.reqid).value=="")
                        {
                            document.getElementById(elem.reqid).style.backgroundColor="#F3E88E";
                            document.getElementById(elem.reqid).focus();
                            CheckedFld=0;
                        }
                    }
                }
            }
            else if(elem.type=='checkbox')
            {
                if(!elem.checked)
                {
                    elem.style.backgroundColor="#F3E88E";
                    elem.focus();
                    CheckedFld=0;
                }
                else
                {
                    elem.style.backgroundColor="";
                }
            }
            else if(elem.value=="")
            {
                elem.style.backgroundColor="#F3E88E";
                elem.focus();
                CheckedFld=0;
            }
            else
            {
                elem.style.backgroundColor="";
            }
        }
    }
    if(CheckedFld==1)
        return true;
    else
    {
        alert("Please enter the mandatory field values");
        return false;
    }
}

function PrevPage()
{
    if(CurrentPage>1)
    {
        var PageId="Page"+CurrentPage;
        document.getElementById(PageId).style.display='none'; 
        CurrentPage--;
        var PageId="Page"+CurrentPage;
        document.getElementById(PageId).style.display=''; 
         document.getElementById('NextBtn').disabled=false; 
        if(CurrentPage==1)
        {
            document.getElementById('PrevBtn').disabled=true; 
        }
        document.getElementById('NextBtn').value=iPageNextText; 
    }    
}


function createDiv()
{
    if(iPaginate)
    {
        
		var htmlstr="<input type=\"button\" disabled onclick=\"PrevPage();\" value="+iPagePrevText+" id=\"PrevBtn\" class=\"Button75\" onmouseover=\"this.className='Button75_over'\" onmouseout=\"this.className='Button75'\" /> <input type=\"button\" value="+iPageNextText+" id=\"NextBtn\" class=\"Button75\" onmouseover=\"this.className='Button75_over'\" onclick=\"NextPage();\" onmouseout=\"this.className='Button75'\" />";
        if(document.getElementById(iPageControlDiv))
        {
            document.getElementById(iPageControlDiv).innerHTML=htmlstr;
        }
        else 
           document.getElementById('IPageForm').innerHTML+=htmlstr;        
    }
    else
        createSubmit();
}
function createSubmit()
{
    if(iShowSubmit)
    {
        var divTag = document.createElement("div");
         
        divTag.id = "NavBtns";
         
        divTag.setAttribute("align","right");
         
        divTag.style.margin = "0px auto";         
        
        divTag.innerHTML += "<input id='NextBtn' type='button' value='"+iPageFinishText+"' onclick='CheckAndSubmit();'>";        
        if(document.getElementById(iPageControlDiv))
        {
            document.getElementById(iPageControlDiv).appendChild(divTag);
        }
        else 
           document.getElementById('IPageForm').appendChild(divTag);        
    }
}


addLoadEvent(DoLayout);