var DECPOINT = '.';
var THOUSANDSSEP = ',';

function price(input)
{
    return;
    
    var value = parseFloat(input.value);
    if(value < 0)
        value = 0;
    input.value = value ? value.toFixed(2) : 0;
}

function quantity(input)
{
    var value = parseInt(input.value);
    if(value < 1)
        value = 1;
    input.value = value ? value : 1;
}

var widthMax;
var heightMax;
var deviation;
var widthMin;
var heightMin;

var widthWarning;
var heightWarning;
var dimWarning;
var devWarning;


function dimension(input)
{
    var value = parseInt(input.value);
    if(value < 0)
        value = 0;
    input.value = value ? value : 0;
}

function rail(input)
{
    var value = parseInt(input.value);
    if(value < 0)
        value = 0;
    input.value = value ? value : 0;
}

var inparent = false;
var doit = '';
var cando = '';
function form0Submit(direction)
{
    if(inparent) {
        var type = '';
        if(document.getElementById('typedoit').checked)
            type = 'doit';
        if(document.getElementById('typebasic').checked)
            type = 'basic';
        if(document.getElementById('typespecial').checked)
            type = 'special';
        if(document.getElementById('typeload').checked)
            type = 'load';
            
        if(window.parent) {
            if(type == 'doit')
                window.parent.location.href = doit;
            else
                window.parent.location.href = cando + (type != 'doit' ? '/xtype/' + type : '');
                
            return;
        }
    }
    document.getElementById('direction').value = direction;
    document.getElementById('form0').target = '_self';

    document.getElementById('form0').submit();
}

var reference = '';
var referenceWarning = '';

function form1Submit(direction)
{
    if(document.getElementById('reference').value == reference)
    {
        alert(referenceWarning);
        return;
    }
    
    document.getElementById('direction').value = direction;
    document.getElementById('form1').submit();
}

var overlap = 0;
var overlapWarning = '';
function form11Submit(direction, dimensions)
{
    if(direction == 'next')
    {
        var input;
        var warn = false;
        
        input = document.getElementById('B1');
        if(parseInt(input.value) < widthMin || parseInt(input.value) > widthMax)
        {
            input.className = 'inputtextsmallred';
            warn = true;
        }
        else
            input.className = 'inputtextsmall';
            
        input = document.getElementById('B2');
        if(parseInt(input.value) < widthMin || parseInt(input.value) > widthMax)
        {
            input.className = 'inputtextsmallred';
            warn = true;
        }
        else
            input.className = 'inputtextsmall';
            
        input = document.getElementById('B3');
        
        if(dimensions == 8)
        if(parseInt(input.value) < widthMin || parseInt(input.value) > widthMax)
        {
            input.className = 'inputtextsmallred';
            warn = true;
        }
        else
            input.className = 'inputtextsmall';
            
        input = document.getElementById('A1');
        if(parseInt(input.value) < heightMin || parseInt(input.value) > heightMax)
        {
            input.className = 'inputtextsmallred';
            warn = true;
        }
        else
            input.className = 'inputtextsmall';
            
        input = document.getElementById('A2');
        if(parseInt(input.value) < heightMin || parseInt(input.value) > heightMax)
        {
            input.className = 'inputtextsmallred';
            warn = true;
        }
        else
            input.className = 'inputtextsmall';
            
        input = document.getElementById('A3');
        
        if(dimensions == 8)
        if(parseInt(input.value) < heightMin || parseInt(input.value) > heightMax)
        {
            input.className = 'inputtextsmallred';
            warn = true;
        }
        else
            input.className = 'inputtextsmall';
            
        if(warn)
        {
            alert(genWarning);
            return;
        }
        
        var warn = false;
        
        input = document.getElementById('top');
        if(parseInt(input.value) < topMin || parseInt(input.value) > topMax)
        {
            input.className = 'inputtextsmallred';
            warn = true;
        }
        else
            input.className = 'inputtextsmall';
        
/*
        input = document.getElementById('left');
        if(parseInt(input.value) < leftMin || parseInt(input.value) > leftMax)
        {
            input.className = 'inputtextsmallred';
            warn = true;
        }
        else
            input.className = 'inputtextsmall';
        
        input = document.getElementById('right');
        if(parseInt(input.value) < rightMin || parseInt(input.value) > rightMax)
        {
            input.className = 'inputtextsmallred';
            warn = true;
        }
        else
            input.className = 'inputtextsmall';
*/
        
        if(warn)
        {
            alert(overlapWarning);
            return;
        }

        var width = 0;
        var height = 0;

        if(dimensions == 8)
        {
            width = Math.min(parseInt(document.getElementById('B1').value), parseInt(document.getElementById('B2').value), parseInt(document.getElementById('B3').value));
            height = Math.min(parseInt(document.getElementById('A1').value), parseInt(document.getElementById('A2').value), parseInt(document.getElementById('A3').value));
        }
        else
        {
            width = Math.max(parseInt(document.getElementById('B1').value), parseInt(document.getElementById('B2').value));
            height = Math.max(parseInt(document.getElementById('A1').value), parseInt(document.getElementById('A2').value));
        }


        var diagonal = parseInt(Math.sqrt(width * width + height * height));
        if(
            dimensions == 8 && 
            (
                Math.abs(diagonal - parseInt(document.getElementById('C1').value)) > deviation || 
                Math.abs(diagonal - parseInt(document.getElementById('C2').value)) > deviation
            )
        )
            if(confirm(devWarning))
            {
                document.getElementById('direction').value = 'previous';
                document.getElementById('force').value = 'C';
                document.getElementById('form11').submit();
                return;
            }
            else
            {
                document.getElementById('C1').className = 'inputtextsmallred';
                document.getElementById('C2').className = 'inputtextsmallred';
                return;
            }
        else
        {
            document.getElementById('C1').className = 'inputtextsmall';
            document.getElementById('C2').className = 'inputtextsmall';
        }
    }
    
    if(dimensions != 8)
    {
        document.getElementById('A1').value = parseInt(document.getElementById('A1').value) + parseInt(document.getElementById('top').value);
        document.getElementById('A2').value = parseInt(document.getElementById('A2').value) + parseInt(document.getElementById('top').value);

        document.getElementById('B1').value = parseInt(document.getElementById('B1').value) + parseInt(document.getElementById('left').value) + parseInt(document.getElementById('right').value);
        document.getElementById('B2').value = parseInt(document.getElementById('B2').value) + parseInt(document.getElementById('left').value) + parseInt(document.getElementById('right').value);
    }
    
    document.getElementById('direction').value = direction;
    document.getElementById('form11').submit();
}


function form111Submit(direction)
{
    document.getElementById('direction').value = direction;
    document.getElementById('form111').submit();
}

function form1111Submit(direction)
{
    document.getElementById('direction').value = direction;
    document.getElementById('form1111').submit();
}

function form2Submit(direction)
{
    if(document.getElementById('reference').value == reference)
    {
        alert(referenceWarning);
        return;
    }
    
    document.getElementById('direction').value = direction;
    document.getElementById('form2').submit();
}

function form21Submit(direction)
{
    if(direction == 'next')
    {
        var input;
        var warn = false;
        
        input = document.getElementById('B1');
        if(!input.style.display && !input.disabled)
        if(parseInt(input.value) < widthMin)
        {
            input.className = 'inputtextsmallred';
            warn = true;
        }
        else
            input.className = 'inputtextsmall';

        input = document.getElementById('B2');
        if(!input.style.display && !input.disabled)
        if(parseInt(input.value) < widthMin)
        {
            input.className = 'inputtextsmallred';
            warn = true;
        }
        else
            input.className = 'inputtextsmall';

        input = document.getElementById('A1');
        if(!input.style.display && !input.disabled)
        if(parseInt(input.value) < heightMin)
        {
            input.className = 'inputtextsmallred';
            warn = true;
        }
        else
            input.className = 'inputtextsmall';

        input = document.getElementById('A2');
        if(!input.style.display && !input.disabled)
        if(parseInt(input.value) < heightMin)
        {
            input.className = 'inputtextsmallred';
            warn = true;
        }
        else
            input.className = 'inputtextsmall';

        if(warn)
        {
            alert(genWarning);
            return;
        }
        
        if(document.getElementById('skylightvelux').checked)
            if(!veluxcodes[document.getElementById('code').value.toUpperCase()] && !veluxcodes[document.getElementById('code').value.toLowerCase()])
            {
                alert(veluxnotvalid);
                return;
            }
    }
        
    document.getElementById('direction').value = direction;
    document.getElementById('form21').submit();
}

function form211Submit(direction)
{
    document.getElementById('direction').value = direction;
    document.getElementById('form211').submit();
}

function form212Submit(direction)
{
    if(direction == 'next')
    {
        if(document.getElementById('colorral').checked)
            if(!ralcolors[document.getElementById('ral').value])
            {
                alert(ralnotvalid);
                return;
            }

        if(document.getElementById('colorbeitz').checked)
            if(!beitzcolors[document.getElementById('beitz').value])
            {
                alert(beitznotvalid);
                return;
            }
    }
    
    document.getElementById('direction').value = direction;
    document.getElementById('form212').submit();
}

function form20Submit(direction)
{
    document.getElementById('direction').value = direction;
    document.getElementById('form20').submit();
}

function activateSkylight(type)
{
    if(type == 'nonvelux')
    {
        document.getElementById('A1').disabled = '';
        document.getElementById('B1').disabled = '';
        document.getElementById('code').disabled = 'disabled';
        document.getElementById('qty').disabled = 'disabled';
        document.getElementById('helpnonvelux').style.display = '';
        document.getElementById('helpvelux').style.display = 'none';
    }
    if(type == 'velux')
    {
        document.getElementById('A1').disabled = 'disabled';
        document.getElementById('B1').disabled = 'disabled';
        document.getElementById('code').disabled = '';
        document.getElementById('qty').disabled = '';
        document.getElementById('helpnonvelux').style.display = 'none';
        document.getElementById('helpvelux').style.display = '';
    }
}

function changeRAL(value)
{
    if(value == 9005)
    {
        document.getElementById('color9005').checked = 'checked';
        document.getElementById('hoogglans').disabled = '';
        return;
    }
    
    if(value == 9010)
    {
        document.getElementById('color9010').checked = 'checked';
        document.getElementById('hoogglans').disabled = '';
        return;
    }
    
    if(value == 9016)
    {
        document.getElementById('color9016').checked = 'checked';
        document.getElementById('hoogglans').disabled = '';
        return;
    }
    
    document.getElementById('colorral').checked = 'checked';
    
    if(value)
        document.getElementById('ral').value = value;
    
    var ral = document.getElementById('ral').value;
    var hex;
    var sample = document.getElementById('ral_sample');
    if(ral && ralcolors[ral])
        hex = ralcolors[ral];
    if(hex)
    {
        sample.style.backgroundColor = hex;
        sample.style.color = '#FFFFFF';
        sample.innerHTML = '&nbsp;' + sampletext + '&nbsp;';
    }
    else
    {
        sample.style.backgroundColor = '';
        sample.style.color = '';
        sample.innerHTML = '&nbsp;' + nosampletext + '&nbsp;';
    }
}

function changeBeitz(value)
{
    document.getElementById('colorbeitz').checked = 'checked';
    document.getElementById('hoogglans').checked = '';
    document.getElementById('hoogglans').disabled = 'disabled';
    
    if(value)
        document.getElementById('beitz').value = value;
        
    var beitz = document.getElementById('beitz').value;
    var sample = document.getElementById('beitz_sample');
    if(beitzcolors[beitz])
        sample.src = '/img/' + beitzcolors[beitz];
    else
        sample.src = '/img/S-none.jpg';
}

function orderSubmit(direction, particle)
{
    document.getElementById('direction').value = direction;
    if(particle)
        document.getElementById('particle').value = particle;
    document.getElementById('order').submit();
}

function dealerSubmit(operation)
{
    document.getElementById('operation').value = operation;
    document.getElementById('dealer').submit();
}

function printSubmit()
{
    document.getElementById('print').submit();
}

function authSubmit(direction)
{
    document.getElementById('direction').value = direction;
    document.getElementById('auth').submit();
}

function pricesSubmit(direction)
{
    document.getElementById('direction').value = direction;
    document.getElementById('prices').submit();
}

function dealersSubmit(direction)
{
    document.getElementById('direction').value = direction;
    document.getElementById('dealers').submit();
}

function filterRAL(option)
{
    var options = option.parentNode.parentNode.getElementsByTagName('a');
    var i;
    
    for(i = 0; i < options.length; i++)
    {
        options[i].className = options[i].className.replace('active', '');
        if(options[i].getAttribute('rel') == option.getAttribute('rel'))
            options[i].className = options[i].className + ' active';
    }
    
    var picks = option.parentNode.parentNode.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('p');

    for(i = 0; i < picks.length; i++)
    {
        if(picks[i].getAttribute('rel') == option.getAttribute('rel'))
            picks[i].style.display = '';
        else
            picks[i].style.display = 'none';
    }
}

function changeRALGroup(color)
{
    var options = document.getElementById('color-menu').getElementsByTagName('a');
    var i;
    
    for(i = 0; i < options.length; i++)
        if(options[i].getAttribute('rel') == color)
        {
            filterRAL(options[i]);
            return
        }
}

function serviceSubmit(direction)
{
    document.getElementById('direction').value = direction;
    document.getElementById('service').submit();
}

function check111(width, height)
{
    document.getElementById('panels1').style.display = 'none';
    document.getElementById('panels2').style.display = 'none';
    document.getElementById('panels3').style.display = 'none';
    document.getElementById('panels4').style.display = 'none';
    document.getElementById('labelpanels1').style.display = 'none';
    document.getElementById('labelpanels2').style.display = 'none';
    document.getElementById('labelpanels3').style.display = 'none';
    document.getElementById('labelpanels4').style.display = 'none';
    
    document.getElementById('image').value = '';
    
    if(180 <= width && width <= 360)
    {
        document.getElementById('strips1').disabled = '';
        document.getElementById('strips2').disabled = 'disabled';
        document.getElementById('strips1').checked = 'checked';
        document.getElementById('panels1').style.display = '';
        document.getElementById('labelpanels1').style.display = '';
        document.getElementById('panels1').checked = 'checked';
        document.getElementById('image').value = 'Tekening ' + (height <= 1500 ? '1a' : '2a');
    }
    
    if(361 <= width && width <= 500)
    {
        document.getElementById('strips1').disabled = '';
        document.getElementById('strips2').disabled = 'disabled';
        document.getElementById('strips1').checked = 'checked';
        document.getElementById('panels1').style.display = '';
        document.getElementById('labelpanels1').style.display = '';
        document.getElementById('panels1').checked = 'checked';
        document.getElementById('image').value = 'Tekening ' + (height <= 1500 ? '3a' : '4a');
    }
    
    if(501 <= width && width <= 600)
    {
        document.getElementById('strips1').disabled = '';
        document.getElementById('strips2').disabled = '';
        document.getElementById('panels2').style.display = '';
        document.getElementById('labelpanels2').style.display = '';
        document.getElementById('panels2').checked = 'checked';
        document.getElementById('image').value = 'Tekening ' + (height <= 1500 ? '1' : '2') + (document.getElementById('strips1').checked ? 'b' : 'c');
    }
    
    if(601 <= width && width <= 1000)
    {
        document.getElementById('strips1').disabled = '';
        document.getElementById('strips2').disabled = '';
        document.getElementById('panels2').style.display = '';
        document.getElementById('panels3').style.display = '';
        document.getElementById('labelpanels2').style.display = '';
        document.getElementById('labelpanels3').style.display = '';
        if(document.getElementById('strips1').checked)
        {
            document.getElementById('panels2').checked = 'checked';
            document.getElementById('panels3').style.display = 'none';
            document.getElementById('labelpanels3').style.display = 'none';
        }
        else
        {
            if(!document.getElementById('panels2').checked && !document.getElementById('panels3').checked)
                document.getElementById('panels2').checked = 'checked';
        }
        document.getElementById('image').value = 'Tekening ' + (height <= 1500 ? (document.getElementById('panels2').checked ? (document.getElementById('strips1').checked ? '3b' : '3c') : '1d') : (document.getElementById('panels2').checked ? (document.getElementById('strips1').checked ? '4b' : '4c') : '2d'));
    }
    
    if(1001 <= width && width <= 1500)
    {
        document.getElementById('strips1').disabled = 'disabled';
        document.getElementById('strips2').disabled = '';
        document.getElementById('strips2').checked = 'checked';
        document.getElementById('panels3').style.display = '';
        document.getElementById('panels4').style.display = '';
        document.getElementById('labelpanels3').style.display = '';
        document.getElementById('labelpanels4').style.display = '';
        if(!document.getElementById('panels3').checked && !document.getElementById('panels4').checked)
            document.getElementById('panels3').checked = 'checked';
        document.getElementById('image').value = 'Tekening ' + (height <= 1500 ? (document.getElementById('panels3').checked ? '3d' : '1e') : (document.getElementById('panels3').checked ? '4d' : '2e'));
    }
    
    if(1501 <= width && width <= 2000)
    {
        document.getElementById('strips1').disabled = 'disabled';
        document.getElementById('strips2').disabled = '';
        document.getElementById('strips2').checked = 'checked';
        document.getElementById('panels4').style.display = '';
        document.getElementById('labelpanels4').style.display = '';
        document.getElementById('panels4').checked = 'checked';
        document.getElementById('image').value = 'Tekening ' + (height <= 1500 ? '3e' : '4e');
    }
    
    if(document.getElementById('image').value)
    {
        document.getElementById('image').value = document.getElementById('image').value + '.jpg';
        document.getElementById('img').src = '/img/' + document.getElementById('image').value;
//        document.getElementById('overview_img').src = document.getElementById('img').src;
    }
}

function saveSubmit(direction)
{
    document.getElementById('direction').value = direction;
    document.getElementById('save').submit();
}

function loadSubmit(direction)
{
    document.getElementById('direction').value = direction;
    document.getElementById('load').submit();
}

