var klantIndex
var projectIndex	
var orderIndex
var selectedWeekhour, selectedPlanningWeekhour
var origColor, origPlanningColor
	
function setSelected(bolFilled,strTimeSlot) {
	if (selectedWeekhour != null) {
		el = document.getElementById(selectedWeekhour);
		el.style.backgroundColor = origColor;
	}		
	
	if (bolFilled == true) {
		el = document.getElementById(strTimeSlot);
		origColor = el.style.backgroundColor;
		el.style.backgroundColor = "#76a951";
		selectedWeekhour = strTimeSlot;
	}
	else {
		el = document.getElementById(strTimeSlot);
		origColor = el.style.backgroundColor;
		el.style.backgroundColor = "#896661";
		selectedWeekhour = strTimeSlot;
	}
}

function openWeekHour(oEvent, strDatum, strUurslot, strNextUurslot, dag, act, act_o, lok, start, eind, activiteit, lokatie, activiteit_overig, oudstart, oudeind, terugkerendstart,terugkerendeind)
{
    clearfields();

    toggleBoeking('normaal', 'terugkerend', 'tab1', 'tab2');
    
    document.getElementById("invoerdiv").style.display = 'block';  
    
    var m = document.getElementById('invoerdiv');
    m.style.left = oEvent.clientX + document.documentElement.scrollLeft - 150;
    m.style.top = oEvent.clientY + document.documentElement.scrollTop;

    document.getElementById(oudstart).value = '';
    document.getElementById(oudeind).value = '';
    
    document.getElementById(dag).value = strDatum;
    document.getElementById(act).value=activiteit;
    document.getElementById(act_o).value=activiteit_overig;
    document.getElementById(lok).value=lokatie;
    document.getElementById(start).value = strUurslot;
    document.getElementById(eind).value = strNextUurslot;

    document.getElementById(terugkerendstart).value = strUurslot;
    document.getElementById(terugkerendeind).value = strNextUurslot;
}

function closeWeekHour() 
{
    document.getElementById("invoerdiv").style.display = '';
}

function editWeekHour(oEvent,strDatum,strUurslot,strNextUurslot,dag,act,act_o,lok,start,eind,starttijd,eindtijd,activiteit,lokatie,activiteit_overig,oudstart,oudeind)
{
    toggleBoeking('normaal', 'terugkerend', 'tab1', 'tab2');
    
    document.getElementById("invoerdiv").style.display = 'block';
    
    var m = document.getElementById('invoerdiv');
    m.style.left = oEvent.clientX + document.documentElement.scrollLeft - 150;
    m.style.top = oEvent.clientY + document.documentElement.scrollTop;
    
    document.getElementById(dag).value = strDatum;
    document.getElementById(act).value=activiteit;
    document.getElementById(act_o).value=activiteit_overig;
    document.getElementById(lok).value=lokatie;
    document.getElementById(start).value=starttijd;
    document.getElementById(eind).value = eindtijd;
    document.getElementById(oudstart).value = starttijd;
    document.getElementById(oudeind).value = eindtijd;
}

function deleteWeekHour(oEvent, strtype, strDatum, start, eind, activiteitinhoud, lokatieinhoud, dagdelete, oudstartdelete, oudeinddelete, typedelete, dagnummerdelete, dagnummerinhoud, deleteknop)
{
    document.getElementById("deletediv").style.display = 'block';
    document.getElementById("invoerdiv").style.display = '';

    var m = document.getElementById('deletediv');
    m.style.left = oEvent.clientX + document.documentElement.scrollLeft - 250;
    m.style.top = oEvent.clientY + document.documentElement.scrollTop;

    document.getElementById(oudstartdelete).value = '';
    document.getElementById(oudeinddelete).value = '';

    document.getElementById(dagdelete).value = strDatum;
    document.getElementById(oudstartdelete).value = start;
    document.getElementById(oudeinddelete).value = eind;
    document.getElementById(typedelete).value = strtype;
    document.getElementById(dagnummerdelete).value = dagnummerinhoud;

    if (strtype == "terugkerend") {
        strHtml = "Weet u zeker dat u onderstaande terugkerende boeking stop wilt zetten?<br /><br />";
        document.getElementById(deleteknop).value = "Stopzetten";
    }
    else {
        strHtml = "Weet u zeker dat u onderstaande boeking wilt verwijderen?<br /><br />";
        document.getElementById(deleteknop).value = "Verwijderen";
    }
    strHtml = strHtml + "Activiteit : " + activiteitinhoud + "<br />Lokatie : " + lokatieinhoud + "<br />Van : " + start + "<br />Tot : " + eind;

    document.getElementById('deleteinfo').innerHTML = strHtml;
}

function closeDelete() {
    document.getElementById("deletediv").style.display = '';
}

function editTerugkerendWeekHour(oEvent, strDatum, strUurslot, strNextUurslot, dag, act, act_o, lok, start, eind, starttijd, eindtijd, activiteit, lokatie, activiteit_overig, oudstart, oudeind, dagvalue, dagselect)
{
    toggleBoeking('terugkerend', 'normaal', 'tab2', 'tab1'); 
    
    document.getElementById("invoerdiv").style.display = 'block';

    var m = document.getElementById('invoerdiv');
    m.style.left = oEvent.clientX + document.documentElement.scrollLeft - 150;
    m.style.top = oEvent.clientY + document.documentElement.scrollTop;

    document.getElementById(dag).value = strDatum;
    document.getElementById(dagselect).value = dagvalue
    document.getElementById(act).value = activiteit;
    document.getElementById(act_o).value = activiteit_overig;
    document.getElementById(lok).value = lokatie;
    document.getElementById(start).value = starttijd;
    document.getElementById(eind).value = eindtijd;
    document.getElementById(oudstart).value = starttijd;
    document.getElementById(oudeind).value = eindtijd;
}

function checkActChange(activiteit_el, activiteit_overig_el)
{
    var dropdownIndex = document.getElementById(activiteit_el).selectedIndex;
    
    if (document.getElementById(activiteit_el)[dropdownIndex].value == 9)
    {
        document.getElementById(activiteit_overig_el).style.display='block';
    }
    else
    {
        document.getElementById(activiteit_overig_el).value='';
        document.getElementById(activiteit_overig_el).style.display='';
    }
}

function toggleBoeking(toShow,toHide,tabToShow,tabToHide)
{
    document.getElementById(toHide).style.display = 'none';
    document.getElementById(tabToHide).style.backgroundColor = '#ffffff';
    document.getElementById(toShow).style.display = '';
    document.getElementById(tabToShow).style.backgroundColor = '#ff0000';
}

function clearfields() {
    for (i = 0; i < document.forms[0].elements.length; i++) {
        type = document.forms[0].elements[i].type
        if (type == "select-one") {
            if (document.forms[0].elements[i].options[0]) {
                document.forms[0].elements[i].options[0].selected = true;
            }
        }
        if (type == "text") {
            document.forms[0].elements[i].value = "";
        }
    }
}