var onchangeRun = 0;

function styleSelectboxes() {
  //$('form#featurefinder select').selectmenu({style:'dropdown'});
  
  $('form#featurefinder select[name=voltage]').selectmenu({style:'dropdown', width:'85'});
  $('form#featurefinder select[name=diameter]').selectmenu({style:'dropdown', width:'95'});
  $('form#featurefinder select[name=power]').selectmenu({style:'dropdown', width:'95'});
  $('form#featurefinder select[name=torque]').selectmenu({style:'dropdown', width:'95'});
  $('form#featurefinder select[name=noloadspeed]').selectmenu({style:'dropdown', width:'130'});
  $('form#featurefinder select[name=electronic]').selectmenu({style:'dropdown', width:'145'});
  $('form#featurefinder select[name=gearadapter]').selectmenu({style:'dropdown', width:'140'});
  
  $('.ui-state-default .ui-icon').css({ 'position':'absolute', 'top':'8px', 'right':'1px', 'width':'20px', 'background-image':'url()', 'background':'url(fileadmin/templates/images/pfeil3.png) no-repeat 0 0' });
  $(".findButtonWrapperText").css({ 'cursor':'pointer' });
  
  window.setTimeout("makeSubmitVisible()", 100);
  
  // title f�r die Dropdowns generieren
  $('select').each(function(){
    if( $(this).find( 'option:first-child' ).html() != "" ) {
      $(this).next("a.ui-selectmenu").attr("title", $(this).find('option:first-child').html());
    }  
  });
}

function makeSubmitVisible() {
  $('input#submit-button').css({ 'visibility':'visible' });
  return false;
}

function initAjaxForm() {

  //click event for submit button    
  $("#fancybox-content form").submit( function (event) {
    event.preventDefault(); 
    // alert($(this).serialize());


  //send request, don't forget to escape square braquets with '\'
    // $("this").load('index.php', { 'id':51, 'ce':22, 'no_cache':1, 'formhandler\[submitted\]': 1, 'formhandler\[field1\]': field1, 'formhandler\[field2\]': field2, 'formhandler\[step-2\]':''});
 
    $.ajax({
      type: "GET",
      url: $(this).attr( 'action' ),
      data: $(this).serialize(),
      success: function() {
      }
    });


    
    //needed so form is not sent for real
    // return false;

  });
}

function validateAjaxForm() {
  $("#fancybox-content form").submit( function (event) {
    $('#fancybox-content input, #fancybox-content textarea').removeClass('error');

    var firstname = $("input#firstname").val();
    if (firstname == "") {
      $("input#firstname").addClass("error");
      $("input#firstname").focus();
      return false;  
    }
    var lastname = $("input#lastname").val();
    if (lastname == "") {
      $("input#lastname").addClass("error");
      $("input#lastname").focus();
      return false;  
    }
    var email = $("input#email-form").val();
    if ( email == "" ) {
      $("input#email-form").addClass("error");
      $("input#email-form").focus();
      return false;  
    }
    var address = $("input#address").val();
    if ( address == "" ) {
      $("input#address").addClass("error");
      $("input#address").focus();
      return false;  
    }
    var zip = $("input#zip").val();
    if ( zip == "" ) {
      $("input#zip").addClass("error");
      $("input#zip").focus();
      return false;  
    }
    var city = $("input#city").val();
    if ( city == "" ) {
      $("input#city").addClass("error");
      $("input#city").focus();
      return false;  
    }
    var phone = $("input#phone").val();
    if ( phone == "" ) {
      $("input#phone").addClass("error");
      $("input#phone").focus();
      return false;  
    }
    var message = $("#message").val();
    if ( message == "" ) {
      $("#message").addClass("error");
      $("#message").focus();
      return false;  
    }
  });
}

$(document).ready(function() {
/* 
    $(function(){
      $('#featurefinder').jqTransform({imgPath:'images/jqtransform/'});
    });
 */
    if( $('#c15').length != 0 ) {
        $('#c15').cycle({
          timeout       :5000,  // milliseconds between slide transitions (0 to disable auto advance) 
          fx            :'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
          cleartypeNoBg : true
        });
    }
    
    if( $("a.lightbox, a.contactlightbox").length != 0 )
    {
      $("a.lightbox, a.contactlightbox").fancybox({
        padding: 0,
        onComplete : function() {
          validateAjaxForm();
          // initAjaxForm();
        } 
      });
    }
    
    // Produktfilter laden
    var lang = $('html').attr('lang');
    if( $(".productfinder").length > 0 ) {
      $.get( "index.php" , { eID:"getmotorfilter",lang:lang}, function(data) { 
        $("#featurefinder").replaceWith(data) 
        // Dropdowns stylen
        // select { width: 200px; }
        styleSelectboxes();
      });
    }
    
    // Produktfilter: Reset-Button belegen
    $("#motorreset").live('click', function() {
      $.get( "index.php" , { eID:"getmotorfilter",lang:lang }, function(data) { $("#featurefinder").replaceWith(data) } );
      // Dropdowns stylen
      // select { width: 200px; }
      styleSelectboxes();
    });
    
    // Produktfilter submit auf Finden-Text
    $(".findButtonWrapperText").live('click', function(){ 
      $("#featurefinder").submit();
    });
    
    // Produktfilter onchange hinzufuegen    
    if( $(".productfinder, .productfinderwidthfilter").length > 0 ) {
      $("#featurefinder select").live('change', function() {
      
      // bei erstem Change auf Suchergebnisseite alles ausser erstem Select-Wert loeschen
      var formArr = $("#featurefinder").serializeArray();
        if(onchangeRun++ == 0) {
          formArrLength = formArr.length;
          for (var w = 0; w < formArrLength; w++) {
            if ( 
              formArr[w]['name'] != $(this).attr('name') &&
              formArr[w]['name'] != 'L' &&
              formArr[w]['name'] != 'id'
            ) {
              formArr[w]['value'] = '';
            }
          }
        }

        if( $(this).val() != "" ) {
          $.get( "index.php" , { eID:"getmotorfilter",lang:lang, k:$(this).attr('name'), v:$(this).val(), s:formArr }, function(data) { $("#featurefinder").replaceWith(data) } );
        }
      });
    }
    
    // Video in Produktdetailseite
    //http://phpmotion.fahiec.com/uploads/EY0ttuJbAIerDIpOdDch.flv
    if( $("#videoplayer").length > 0 ) { 
        var flashvars = {"file":""+escape( $("#videoplayer").attr("rel")+"" )};
        var params = {"quality":"high","menu":"false","allowScriptAccess":"sameDomain","allowFullScreen":"true"};
        var attributes = {};
        swfobject.embedSWF("typo3/contrib/flashmedia/flvplayer.swf", "videoplayer", "230", "168",
         "9", "http://pmdm2.neueseite.eu/typo3/contrib/flashmedia/swfobject/expressInstall.swf", flashvars, params, attributes);
    }

    // Kontakt-Motor-Anfrageformular
    $('#contactmotoranfrage').live('submit', function(){
      // Motorname speichern 
      var motorname = $(".value_model").html();
      var pn = $(".value_partnumber").html();
      $("#contactmotoranfrage #motorname").val ( motorname+", PN: "+pn );
      //console.log( motorname+", PN: "+pn );
      
      // angeklickte Getriebe speichern 
      var werteFuerMailing="";
      $("#fancybox-content input[type=checkbox]").each( function() {
        if( $(this).is(':checked') ) {
          if (werteFuerMailing) werteFuerMailing += ", ";
          var idThisAttr = $(this).attr("id");
          var model = idThisAttr.replace(/gear_/g, "P");
          werteFuerMailing += model;
        }
      });
      $("#contactmotoranfrage #mailing").val ( werteFuerMailing );
      //console.log( werteFuerMailing );
      return true;
    });
    
    // Target _blanks einfuegen
    $("a.downloadlink").attr({ "target":"_blank" });
});