setupVacancyPage();

function setupVacancyPage()
{
    var sel = document.getElementById( ctrlsIDBase + "c_empType" );    
    sel.onchange = function() 
    { 
        	var sel = document.getElementById( ctrlsIDBase + "c_empType" );
	        var labelName = document.getElementById( ctrlsIDBase + "c_lblName" );
	        var labelTrain = document.getElementById( ctrlsIDBase + "c_lblTrain" );
	        var labelRecruit = document.getElementById( ctrlsIDBase + "c_lblNumRec" );
	        var frontPage = document.getElementById( ctrlsIDBase + "c_front" );
	        var page1 = document.getElementById( ctrlsIDBase + "c_page1" );
	        var page2 = document.getElementById( ctrlsIDBase + "c_page2" );
	        var page3 = document.getElementById( ctrlsIDBase + "c_page3" );
	        var empCtrls1 = document.getElementById( ctrlsIDBase + "c_empCtrls1" );
	        var empCtrls2 = document.getElementById( ctrlsIDBase + "c_empCtrls2" );
	        var trnCtrls1 = document.getElementById( ctrlsIDBase + "c_trnCtrls1" );
	        var trnCtrls2 = document.getElementById( ctrlsIDBase + "c_trnCtrls2" );
        	
	        frontPage.style.display = "none";
            page1.style.display = "block";
	        page2.style.display = page3.style.display = "none";
	        if( sel.options[ sel.selectedIndex ].value == "emp" )
	        {
	            labelName.innerHTML = "*Company name:";
	            labelTrain.innerHTML = "What training do you provide?";
	            labelRecruit.innerHTML = "How many people do you want to recruit?";
	            empCtrls1.style.display = empCtrls2.style.display = "block";
                trnCtrls1.style.display = trnCtrls2.style.display = "none"; 
            }
            else
            {
                labelName.innerHTML = "*Training Provider name:";
                labelTrain.innerHTML = "What NVQ training do you provide?";
                labelRecruit.innerHTML = "How many trainees do you want to recruit?";
                empCtrls1.style.display = empCtrls2.style.display = "none";
                trnCtrls1.style.display = trnCtrls2.style.display = "block";
	        }
    }
    
    var page1Back = document.getElementById( ctrlsIDBase + "c_page1BackBtn" );
    page1Back.onclick = function() 
    {
        var sel = document.getElementById( ctrlsIDBase + "c_empType" );
        var frontPage = document.getElementById( ctrlsIDBase + "c_front" );
	    var page1 = document.getElementById( ctrlsIDBase + "c_page1" );
	    
	    var valid = document.getElementById( ctrlsIDBase + "c_nameValid" );
        valid.style.visibility = "hidden";
        valid = document.getElementById( ctrlsIDBase + "c_addressValid" );
        valid.style.visibility = "hidden";
        valid = document.getElementById( ctrlsIDBase + "c_postcodeValid" );
        valid.style.visibility = "hidden";
        valid = document.getElementById( ctrlsIDBase + "c_telValid" );
        valid.style.visibility = "hidden";
        valid = document.getElementById( ctrlsIDBase + "c_conNameValid" );
        valid.style.visibility = "hidden";
        validatorsRollBack();
        
        sel.selectedIndex = 0;
        frontPage.style.display = "block";
        page1.style.display = "none";
        return false;
    }
    
    var page1Next = document.getElementById( ctrlsIDBase + "c_page1NextBtn" );
    page1Next.onclick = function() 
    {
        var v1 = required( document.getElementById( ctrlsIDBase + "c_name" ) );
        var v2 = required( document.getElementById( ctrlsIDBase + "c_address" ) );
        var v3 = required( document.getElementById( ctrlsIDBase + "c_postcode" ) );
        var v4 = required( document.getElementById( ctrlsIDBase + "c_tel" ) );
        var v5 = required( document.getElementById( ctrlsIDBase + "c_conName" ) );
        if( v1 && v2 && v3 && v4 && v5 && ValidatorOnSubmit() )
        {    
	        var page1 = document.getElementById( ctrlsIDBase + "c_page1" );
	        var page2 = document.getElementById( ctrlsIDBase + "c_page2" );
            page1.style.display = "none";
            page2.style.display = "block";
        }
        return false;
    }
    
    var page2Back = document.getElementById( ctrlsIDBase + "c_page2BackBtn" );
    page2Back.onclick = function()
    {
        validatorsRollBack();
        var page1 = document.getElementById( ctrlsIDBase + "c_page1" );
	    var page2 = document.getElementById( ctrlsIDBase + "c_page2" );
        page1.style.display = "block";
        page2.style.display = "none";
        return false;
    }
    
    var page2Next = document.getElementById( ctrlsIDBase + "c_page2NextBtn" );
    page2Next.onclick = function()
    {
        if( ValidatorOnSubmit() )
        {
            var page2 = document.getElementById( ctrlsIDBase + "c_page2" );
	        var page3 = document.getElementById( ctrlsIDBase + "c_page3" );
            page2.style.display = "none";
            page3.style.display = "block";
        }
        return false;
    }
    
    var page3Back = document.getElementById( ctrlsIDBase + "c_page3BackBtn" );
    page3Back.onclick = function()
    {
        validatorsRollBack();
        var page2 = document.getElementById( ctrlsIDBase + "c_page2" );
	    var page3 = document.getElementById( ctrlsIDBase + "c_page3" );
        page2.style.display = "block";
        page3.style.display = "none";
        return false;
    }
    
    var valid = document.getElementById( ctrlsIDBase + "c_name" );
    valid.onblur = function() { required( this ); }
    valid = document.getElementById( ctrlsIDBase + "c_address" );
    valid.onblur = function() { required( this ); }
    valid = document.getElementById( ctrlsIDBase + "c_postcode" );
    valid.onblur = function() { required( this ); }
    valid = document.getElementById( ctrlsIDBase + "c_tel" );
    valid.onblur = function() { required( this ); }
    valid = document.getElementById( ctrlsIDBase + "c_conName" );
    valid.onblur = function() { required( this ); }
}

function validatorsRollBack()
{
    for( var i = 0; i < Page_Validators.length; ++i )
    {
        var vld = Page_Validators[i];
        var ctv = Page_Validators[i].controltovalidate;
        var val = Page_Validators[i].isvalid;
        if(Page_Validators[i].isvalid == false)
        {
            document.getElementById( Page_Validators[i].controltovalidate ).value = "";
            Page_Validators[i].isvalid = true;
            Page_Validators[i].style.visibility = "hidden";
            
        }
    }
}

function required( ctrl )
{
    var lbl = document.getElementById( ctrl.id + "Valid" );
    if( ctrl.value.length == 0 )
    {
        lbl.style.visibility = "visible";
        return false;
    }
    else
    {
        lbl.style.visibility = "hidden";
        return true;
    }
}