$(document).ready(function() {




    $("input").keypress(function (e) {
                            var inputId = $(this).attr("id");
                            if(inputId == 'contactform_plz' || inputId == 'contactform_city'){
                                                         var inputId = 'contactform_plz_city';
                            }
                            var inputId_ext = '_lbl';
                            var newInputId = inputId+inputId_ext;
                            $('#'+newInputId).css({color: '#000'});
    });

    $("textarea").keypress(function (e) {
                            var inputId = $(this).attr("id");
                            var inputId_ext = '_lbl';
                            var newInputId = inputId+inputId_ext;
                            $('#'+newInputId).css({color: '#000'});
    });

    $("select").click(function () {
                            var inputId = $(this).attr("id");

                            if(inputId == 'contactform_jobbegin_days' || inputId == 'contactform_jobbegin_months' || inputId == 'contactform_jobbegin_years'){
                                                         var inputId = 'contactform_jobbegin';
                            }
                            if(inputId == 'contactform_birthdate_days' || inputId == 'contactform_birthdate_months' || inputId == 'contactform_birthdate_years'){
                                                         var inputId = 'contactform_birthdate';
                            }
                            var inputId_ext = '_lbl';
                            var newInputId = inputId+inputId_ext;
                            $('#'+newInputId).css({color: '#000'});
    });

    $("#submitbtn").click(function() {
        //if($("#contactform").valid() != true){
          //  listErrContact();
        //}
    });
    $("#submitbtn2").click(function() {
        //if($("#contactform").valid() != true){
          //  listErrContact();
        //}
    });

   /*
    $('#contactform').ajaxStart(function() {
        setBlockUiDefaults('#000')
        jQuery.fn.showshader('bel2-shader-contact-wait');
    }).ajaxStop(function() {
      //  jQuery.fn.showshader('bel2-contactformbig');
    });
   */

    $.validator.setDefaults({submitHandler: function() {
        //setBlockUiDefaults('#000')
        //jQuery.fn.showshader_shop_reload('bel2-shader-contact-wait');
        setBlockUiDefaults('#000')
        jQuery.fn.showshader('bel2-shader-contact-wait');

	//$('#contactform').submit(function() {
	var postData = $('#contactform').serialize();
	//$.get("index.php?id="+pageContactId+"&no_cache=1"+postData, function(data){
	
	$.get("http://"+window.location.host + "/index.php?id="+pageContactId+"&no_cache=1&"+postData, function(data){
	   jQuery.fn.showcontact('bel2-contactformbig');
        });




	/*
	    $.ajax({
            type: 'POST',
            url: 'index.php?id='+pageContactId+'&no_cache=1',
            data: $('#contactform').serialize(),
                success: function(data) {
		    jQuery.fn.showshader('bel2-contactformbig');
                }
            })
           */

        //return false;
        //});
        }
    });

    $('#submitbtnsuccess').click(function(){
      $.unblockUI();
      window.location.reload()
    })

    $('#bel2-shader-bigclose').click(function(){
       $.unblockUI();
      // window.location.reload()
    })

    $('#bel2-shader-close').click(function(){
	$.unblockUI();
      // window.location.reload()
    })

    $('#errorMsgBtn').click(function(fn){
        $('#bel2-shader-contact').unblock();
    });

    $().ready(function() {
            // validate signup form on keyup and submit
            $("#contactform").validate(
				       {
                    rules: {
                            'tx_editcontactform_pi1[contactform_gender]': {
                                    required: true
                            },

                            'tx_editcontactform_pi1[contactform_name]': {
                                    required: true
                            },

                            'tx_editcontactform_pi1[contactform_comments]': {
                                    required: true
                            },

                            'uword': {
                                    required: true
                            },

                            'tx_editcontactform_pi1[contactform_plz]': {
                                    required: false
                            },

                            'tx_editcontactform_pi1[contactform_city]': {
                                    required: false
                            },

                            'tx_editcontactform_pi1[contactform_concerns]': {
                                    required: true
                            },
                            'tx_editcontactform_pi1[contactform_email]': {
                                    required: true,
                                    email: true
                            }
           },
                    messages: {

                            'tx_editcontactform_pi1[contactform_gender]': {
                                    required: function errorcss(){
                                                                            $('#contactform_gender_lbl').css({color: '#f00'});
                                                                            $("#errValueGender").val(document.getElementById('contactform_gender_lbl').innerHTML);
                                                    }//contactform_err_gender
                            },

                            'tx_editcontactform_pi1[contactform_name]': {
                                    required: function errorcss(){
                                                                            $('#contactform_name_lbl').css({color: '#f00'});
                                                                            $("#errValueName").val(document.getElementById('contactform_name_lbl').innerHTML);
                                                    }
                            },

                            'tx_editcontactform_pi1[contactform_comments]': {
                                    required: function errorcss(){
                                                          $('#contactform_comments_lbl').css({color: '#f00'});
                                                    }//contactform_err_prename
                            },

                            'uword': {
                                    required: function errorcss(){
                                                          $('#uword').css({bordercolor: '#f00'});
                                                    }//contactform_err_country
                            },

                            'tx_editcontactform_pi1[contactform_plz]': {
                                    required: function errorcss(){
                                                          $('#contactform_plz_city_lbl').css({color: '#f00'});
                                                    }//contactform_err_plz
                            },

                            'tx_editcontactform_pi1[contactform_city]': {
                                    required: function errorcss(){
                                                          $('#contactform_plz_city_lbl').css({color: '#f00'});
                                                    }//contactform_err_city
                            },

                            'tx_editcontactform_pi1[contactform_concerns]': {
                                    required: function errorcss(){
                                                          $('#contactform_conserns_lbl').css({color: '#f00'});
                                                    }//contactform_err_street
                            },

                            'tx_editcontactform_pi1[contactform_email]': {
                                    required: function errorcss(){
                                                          $('#contactform_email_lbl').css({color: '#f00'});
                                                          $("#errValueEmail").val(document.getElementById('contactform_email_lbl').innerHTML);
                                                    },//contactform_err_email_reg
                                    email: function errorcss(){
                                                          $('#contactform_email_lbl').css({color: '#f00'});
                                                    }//contactform_err_email_wrong
                            }

		    }

              });

    });

});

function debug(msg) {
    if ($('#debug').length == 0)
        $('body').prepend('<div id="debug"></div>');
        $('#debug').append("<br />" + msg);
}

function startContactform(emailTo){
    $("#bel2-shader-btn-right-form").empty();
    document.getElementById('tx_editcontactform_pi1[contactform_emailfromJS]').value = emailTo;
    //sjcap("altTextField");

    jQuery.fn.showcontact('bel2-shader-contact');
    window.scrollTo(0, 0);
}

function listErrContact(){
   var err = '';
    if($('#errValueGender').val() != ''){
        $('#errValueGender').val($('#errValueGender').val());
      //  $("#errValueGender").val('');
    };

    if($('#errValueName').val() != ''){
        $('#errValueName').val($('#errValueName').val());
        //$("#errValueName").val('');
    };

    if($('#errValueEmail').val() != ''){
        $('#errValueEmail').val($('#errValueEmail').val());
        //$("#errValueEmail").val('');
    };
        setBlockUiDefaults('#fff');
        $('#bel2-shader-contact').block({ message: $('#bel2-shader-contact-mini')});
}

function setBlockUiDefaults(blockcolor){
    var resultTopBlock = $("#resultTopBlock").val();
    var resultLeftBlock = $("#resultLeftBlock").val();

    $.blockUI.defaults = {
        // message displayed when blocking (use null for no message)
        message:  '<h1>Please wait...</h1>',

        // styles for the message when blocking; if you wish to disable
        // these and use an external stylesheet then do this in your code:
        // $.blockUI.defaults.css = {};
        css: {
            padding:        0,
            margin:         0,
            top:            resultTopBlock,
            left:           resultLeftBlock,
            color:          '#000',
            border:         '0px solid #aaa',
            backgroundColor:'#fff',
            cursor:         'default'
        },

        // styles for the overlay
        overlayCSS:  {
            backgroundColor: blockcolor,
            opacity:        '0.6',
            cursor:         'default'
        },

        // z-index for the blocking overlay
        baseZ: 1000,

        // set these to true to have the message automatically centered
        centerX: true, // <-- only effects element blocking (page block controlled via css above)
        centerY: true,

        // allow body element to be stetched in ie6; this makes blocking look better
        // on "short" pages.  disable if you wish to prevent changes to the body height
        allowBodyStretch: false,

        // be default blockUI will supress tab navigation from leaving blocking content;
        constrainTabKey: true,

        // fadeOut time in millis; set to 0 to disable fadeout on unblock
        fadeOut:  400,

        // suppresses the use of overlay styles on FF/Linux (due to significant performance issues with opacity)
        applyPlatformOpacityRules: true
    };
}