/*
if( document.addEventListener ) document.addEventListener( 'DOMContentLoaded', ktrform, false );

function ktrform(){
  // Hide forms
  jQuery( 'form.ktrform' ).hide().end();

  // Processing
  jQuery( 'form.ktrform' ).find( 'li/label' ).not( '.nocmx' ).each( function( i ){
    var labelContent = this.innerHTML;
    var labelWidth = document.defaultView.getComputedStyle( this, '' ).getPropertyValue( 'width' );
    var labelSpan = document.createElement( 'span' );
        labelSpan.style.display = 'block';
        labelSpan.style.width = labelWidth;
        labelSpan.innerHTML = labelContent;
    this.style.display = '-moz-inline-box';
    this.innerHTML = "";
    this.appendChild( labelSpan );
  } ).end();

  // Show forms
  jQuery( 'form.ktrform' ).show().end();
}
*/

// ---------------------------------------------------------------------------
// ---------------------------------------------------------------------------

function submitContact() {
    
    jQuery('#loading').show();

    var postData    = '';
    var fields      = Array(
        Array('page_key',               1),
        Array('settings_key',           1),
        Array('salutation',             1),
        Array('firstname',              1),
        Array('surname',                1),
        Array('street',                 1),
        Array('zipcode',                1),
        Array('city',                   1),
        Array('phone',                  1),
        Array('email',                  1),
        Array('country',                1),
        Array('message',                1),
        Array('brochure',               2),
        Array('tech',                   2),
        Array('suggestions',            2),
        Array('misc',                   2),
        Array('misc_request',           1),
        Array('privacy',                2),
        Array('copy',                   2),
        Array('newsletter',             2)
    );
    
    for(i = 0; i < fields.length; i++) {
        if( fields[i][1] == 1 ) {
            postData = ''+ postData + fields[i][0] + '=' + encodeURI( jQuery("#"+ fields[i][0] +"").val() ) + '&';
        } else {
            postData = ''+ postData + fields[i][0] + '=' + jQuery("#"+ fields[i][0] +":checked").length + '&';
        }
    }

    jQuery.ajax({
        type: 'POST',
        dataType: 'json',
        scriptCharset: "utf-8",
        url: '/root/proc/submitContact.php',
        data: postData,
        success: function(j){
            
            for(i = 0; i < fields.length; i++) {
                if( fields[i][1] == 1 ) {
                    checkField(j, fields[i][0]);
                }
            }

            if( eval('j.privacy') == 1 ) {
                jQuery('#privacyBox').css("color","#E50000");
                jQuery('label[for="privacy"]').css("color","#E50000");
            } else {
                jQuery('#privacyBox').css("color","#333333");
                jQuery('label[for="privacy"]').css("color","#333333");
            }
            
            if( j.error_code > 0 ) {
                jQuery('#error_text').html(j.error_msg);
                jQuery('#error_text').removeClass('content-hide');
                jQuery('#loading').hide();
            } else {
                jQuery('#formContent').hide();
                jQuery('#confirmContent').show();
                jQuery('#loading').hide();
            }
            
        },
        error: function(o,e,k){
            jQuery('#error_text').html('Ihre Anfrage konnte leider nicht verarbeitet werden. Bitte versuchen Sie es sp&auml;ter erneut.');
            jQuery('#error_text').removeClass('content-hide');
            jQuery('#loading').hide();
        }
    });

}

// ---------------------------------------------------------------------------
// ---------------------------------------------------------------------------

function submitBrochure() {

    jQuery('#loading').show();

    var postData    = '';
    var brochures   = '';
    var fields      = Array(
        Array('page_key',               1),
        Array('settings_key',           1),
        Array('brochure_items',         1),
        Array('salutation',             1),
        Array('firstname',              1),
        Array('surname',                1),
        Array('street',                 1),
        Array('zipcode',                1),
        Array('city',                   1),
        Array('phone',                  1),
        Array('email',                  1),
        Array('country',                1),
        Array('privacy',                2),
        Array('copy',                   2)
    );

    for(i = 0; i < fields.length; i++) {
        if( fields[i][1] == 1 ) {
            postData = ''+ postData + fields[i][0] + '=' + encodeURI( jQuery("#"+ fields[i][0] +"").val() ) + '&';
        } else {
            postData = ''+ postData + fields[i][0] + '=' + jQuery("#"+ fields[i][0] +":checked").length + '&';
        }
    }

    // collect selected brochures
    for( i = 1; i <= jQuery('#brochure_items').val(); i++ ) {
        if( jQuery('#brochure_'+ i +':checked').length > 0 ) {
            if( brochures != '' ) {
                brochures += ',';
            }
            brochures += encodeURI(jQuery('#brochure_'+ i +'').val());
        }
    }

    postData += '&brochures='+ brochures +'';

    jQuery.ajax({
        type: 'POST',
        dataType: 'json',
        scriptCharset: "utf-8",
        url: '/root/proc/submitBrochure.php',
        data: postData,
        success: function(j){

            for(i = 0; i < fields.length; i++) {
                if( fields[i][1] == 1 ) {
                    checkField(j, fields[i][0]);
                }
            }

            if( eval('j.brochures') == 1 ) {
                jQuery('#brochures').css("color","#E50000");
                jQuery('label[for="brochures"]').css("color","#E50000");
            } else {
                jQuery('#brochures').css("color","#333333");
                jQuery('label[for="brochures"]').css("color","#333333");
            }

            if( eval('j.privacy') == 1 ) {
                jQuery('#privacyBox').css("color","#E50000");
                jQuery('label[for="privacy"]').css("color","#E50000");
            } else {
                jQuery('#privacyBox').css("color","#333333");
                jQuery('label[for="privacy"]').css("color","#333333");
            }

            if( j.error_code > 0 ) {
                jQuery('#error_text').html(j.error_msg);
                jQuery('#error_text').removeClass('content-hide');
                jQuery('#loading').hide();
            } else {
                jQuery('#formContent').hide();
                jQuery('#confirmContent').show();
                jQuery('#loading').hide();
            }

        },
        error: function(o,e,k){
            jQuery('#error_text').html('Ihre Anfrage konnte leider nicht verarbeitet werden. Bitte versuchen Sie es sp&auml;ter erneut.');
            jQuery('#error_text').removeClass('content-hide');
            jQuery('#loading').hide();
        }
    });

}


// ---------------------------------------------------------------------------
// ---------------------------------------------------------------------------

function checkField(j,field_name) {
    if( eval('j.'+ field_name +'') == 1 ) {
        jQuery('#'+ field_name + '').addClass('fielderror');
        
        if( field_name == 'zipcode' || field_name == 'city' ) {
            jQuery('#l'+ field_name + '').addClass('texterror');
        } else {
            jQuery('label[for="'+ field_name +'"]').find('span').addClass('texterror');
        }
    } else {
        jQuery('#'+ field_name + '').removeClass('fielderror');
        
        if( field_name == 'zipcode' || field_name == 'city' ) {
            jQuery('#l'+ field_name + '').removeClass('texterror');
        } else {
            jQuery('label[for="'+ field_name +'"]').find('span').removeClass('texterror');
        }
    }
}

function showPrivacy() {
    if(document.getElementById('privacyInfo').style.display == 'none') {
    	document.getElementById('privacyInfo').style.display = 'block'; 
    } else { 
        document.getElementById('privacyInfo').style.display = 'none'; 
    }
}