var labelIdx=0;

var steps = {
  0: false,
  1: false,
  2: false,
  3: false,
  4: false
};

$(document).ready(function() {

  if( $('#devis-AllegeChoice').size() > 0 && $('#devis-AllegeChoice').val() == 'non' ) {
    $('#devis-54').attr('disabled',true).val('');
  }

  $('#devis-AllegeChoice').change(function(){
    if(( $(this).val() == 'Allège' )||( $(this).val() == 'Imposte' ) ){
      $('#devis-54').attr('disabled',false);
    
    } else {
      $('#devis-54').attr('disabled',true).val('');
    }
  });

  if( $('#devis-BoisChoice').size() > 0 && $('#devis-BoisChoice').val() == 'non' ) {
    $('#devis-52').attr('disabled',true).val('');
	 $('#devis-53').attr('disabled',true).val('');

  }

  $('#devis-BoisChoice').change(function(){
    if( $(this).val() == 'oui' ) {
		 $('#devis-52').attr('disabled',false);
      $('#devis-53').attr('disabled',false);
	  
    } else {
		  $('#devis-52').attr('disabled',true).val('');
      $('#devis-53').attr('disabled',true).val('');
    }
  });


  if( $('#devis-VrChoice').size() > 0 && $('#devis-VrChoice').val() == 'non' ) {
    $('#devis-19').attr('disabled',true);
    $('#devis-20').attr('disabled',true);
    $('#devis-36').attr('disabled',true);
	  $('#devis-40').attr('disabled',true);
  }

  $('#devis-VrChoice').change(function(){
    if( $(this).val() == 'oui' ) {
      $('#devis-19').attr('disabled',false);
      $('#devis-20').attr('disabled',false);
      $('#devis-36').attr('disabled',false);
	    $('#devis-40').attr('disabled',false);
    } else {
      $('#devis-19').attr('disabled',true);
      $('#devis-20').attr('disabled',true);
      $('#devis-36').attr('disabled',true);
	    $('#devis-40').attr('disabled',true);	  
    }
  });


  if( $('#devis-36').size() > 0 )  {
    var colorSelectOriginal = $('#devis-36').clone();
    var simpleColorSelect = '<select id="devis-36" name="devis-36"><option value="971">Blanc</option></select>';
    var parentRef = $('#devis-36').parent();
  }


   $('#devis-19').change(function(){ 
     if( parseInt($(this).val()) == 29244 ) {
       $('#devis-36').val('971');
       $("#devis-36 option[value='972']").attr('disabled',true).hide();
       $("#devis-36 option[value='971']").attr('selected',true);
     } else {
      $("#devis-36 option[value='972']").attr('disabled',false).show();
     }
    });



  $('#devisForm').submit( function(){

    if( $('#lastname').size() > 0 ) {

      var error = false;

      if( $('#lastname').val() == '' ) {
        error = true;
        addErrorMessage('lastname','vous devez renseigner ce champ');
      }

      if( $('#firstname').val() == '' ) {
        error = true;
        addErrorMessage('firstname','vous devez renseigner ce champ');
      }

      if( $('#address').val() == '' ) {
        error = true;
        addErrorMessage('address','vous devez renseigner ce champ');
      }

      if( $('#city').val() == '' ) {
        error = true;
        addErrorMessage('city','vous devez renseigner ce champ');
      }

      if( $('#postalcode').val() == '' ) {
        error = true;
        addErrorMessage('postalcode','vous devez renseigner ce champ');
      }

      if( $('#email').val() == '' ) {
        error = true;
        addErrorMessage('email','vous devez renseigner ce champ');
      }

      if( $('#tel').val() == '' ) {
        error = true;
        addErrorMessage('tel','vous devez renseigner ce champ');
      }

      if( error == true )
        return false;

    }

  });


  $('#step-0').submit(function(){

    var primary = $("input[name='devis-primary']:checked").attr('id');
    if( !primary ) {
      alert('Merci de sélectionner une catégorie de menuiserie avant de poursuivre');
      return false;
    }

  });
  $("#step-1").accordion(
    {
      autoHeight: false,
      changestart: function(event, ui) {

        /*
        var stepidx     = ui.options.active.toString();
        var currentStep = parseInt(stepidx)-1;
        alert(stepidx);
        if( steps[stepidx] !== true )
          $("#step-1").accordion( "activate" , parseInt(stepidx)-1 ); return false;
          */

      }
    }
  );

  $('h3.section-title span').click(function(event){
    event.preventDefault();
    event.stopPropagation();
  });


  $('h3.section-title a').click(function(event){
    var tab = parseInt($(this).attr('rel'));
    var check = tab > 0 ? tab-1 : 0;
    // if previous step if valid continue else stop propagation
    if( steps[check] !== true ) {
      event.preventDefault();
      event.stopPropagation();
      return false;
    }

  });


  $('.section-continue').click(function(){

    if( $(this).is('#chassis-continue') ) {
      var chassisID = getChassisID();
      if( !chassisID ) {
        alert('Vous devez sélectionner un type de chassis avant de continuer');
        return false;
      }      
    }

    if( $(this).is('#dimension-continue') ) {

      var This      = this;
      var width     = $('#devis-width').val();
      var height    = $('#devis-height').val();
      var chassisID = getChassisID();

      if( !width || !height ) {
        alert('Vous devez saisir la largeur et la hauteur avant de continuer');
        return false;
      }

      $.get('devis_service.php',{ w:width, h:height, c:chassisID },function(data){
        if( data != 'OK' ) {
           
           if( confirm("Les dimensions que vous avez saisis ne sont pas disponibles. Cliquez sur ok pour afficher le tableau des dimensions disponibles .") ) {          
             window.open("chassis_dimensions.php?c="+chassisID,"Dimensions","menubar=no, status=yes, scrollbars=yes, menubar=no, width=1200, height=800");
           }
          
          return false;
        } else {
          
          if( parseInt($('#devis-width').val()) > 1800 ) {
            $("option[value='29244']").attr('disabled',true).hide();
            $("#devis-19").val('29245');
            $("#devis-36 option[value='972']").attr('disabled',false).show();
          } else {
            $("option[value='29244']").attr('disabled',false).show();            
          }         

          populateSummary($(This));
          $("#step-1").accordion( "activate" , 2 );
          return false;
        }
      });

      
      return false;
    }
        
    populateSummary($(this));
    steps[(parseInt($(this).attr('rel'))-1)] = true;
    $("#step-1").accordion( "activate" , parseInt($(this).attr('rel')) );
    return false;
  });


});


function populateSummary(el)
{
  var section = $(el).parents('.section-wrapper').eq(0);


  // chassis
  if( $(el).is('#chassis-continue') ) {
	var labeldebut = "Votre choix";
    var label = "Type de chassis";
    var value = getChassisLabel();
    
      var html = '<table width="100%" border="0" cellspacing="0" cellpadding="3" class="summarycontenu"><tr><td class="summary-labeldebut">'+labeldebut+':</td></tr><tr><td><span class="summary-label">'+label+':</span><br><span class="summary-value">'+value+'</span></td></tr></table>';
      if( $('#sum-chassis').size() > 0 ) {
        $('#sum-chassis').html(html);
      } else {
        $('#devisSummary').append('<span id="sum-chassis" class="summary-item">'+html+'</span>');
      }

  } else {

    $('.devis-data',section).each(function(){

      labelIdx++;
      var labelEl   = $(this).find('label');
      var labelElID = $(labelEl).attr('id');
      if( labelElID == '' || labelElID == undefined ) {
        labelIdx++;
        labelElID = labelIdx;
        $(labelEl).attr('id',labelElID);
      } 
      var label = $(labelEl).text();
      var value = getInputTextValue( $(this).find(':input') );

      var html = '<table width="100%" border="0" cellspacing="0" cellpadding="3" class="summarycontenu"><tr><td><span class="summary-label">'+label+'</span><br><span class="summary-value">'+value+'</span></td></tr></table>';
      if( $('#sum-'+labelElID).size() > 0 ) {
        $('#sum-'+labelElID).html(html);
      } else {
        $('#devisSummary').append('<span id="sum-'+labelElID+'" class="summary-item">'+html+'</span>');
      }

      if( $(this).find(':input').is(':disabled') ) {
        $('#sum-'+labelElID).hide();
      } else {
        $('#sum-'+labelElID).show();
      }

    });
  }

  

}


function getInputTextValue(input)
{
  if( $(input).is('select') )
    return $(input).find(':selected').text();

  if( $(input).is(':text') )
    return $(input).val();

  if( $(input).is(':checkbox') )
    return $(input).is(':checked') ? 'oui' : 'non';
}

function getChassisID()
{
  var ref = null;
  if( $("input[name='devis-4']").size() > 0  )
    ref = 'devis-4';
  if( $("input[name='devis-14']").size() > 0  )
    ref = 'devis-14';
  if( $("input[name='devis-15']").size() > 0  )
    ref = 'devis-15';

  var chassisID = $("input[name='"+ref+"']:checked").val();
  if( !chassisID ) {
    return false;
  }

  return chassisID;
}


function getChassisLabel()
{
  var ref = null;
  if( $("input[name='devis-4']").size() > 0  )
    ref = 'devis-4';
  if( $("input[name='devis-14']").size() > 0  )
    ref = 'devis-14';
  if( $("input[name='devis-15']").size() > 0  )
    ref = 'devis-15';

  var label = $("input[name='"+ref+"']:checked").parent().find('label').text();
  if( !label ) {
    return false;
  }

  return label;
}


function addErrorMessage(inputID,message)
{
  var message =
  '<span style="display:block; color:#ff0000; font-size:11px;">'+message+'</span>';
  $('#'+inputID).after(message);
}