var StandardText = 'Engraving text';
var cursorPos = 0;
var maxChars = 40;
var defGravurText = StandardText;

function Update(){
  setgravur($("#font_style_int").val() + '_' + $("#gravurText").val()); //Send Request to Server
}
function InitEngraving(data){
   $("#gravurText").val(data.substr(2));
   $("#font_style_int").val(data.substr(0,1));
   //Make the right font active
    $("#engraving-font button").removeClass("fontlayer-active");
    $("#mx" + data.substr(0,1)).addClass("fontlayer-active");
}
function AutoSwitchDiamondEngravingFont(event){
  $("#engraving-font button").removeClass("fontlayer-active");
  $(event).addClass("fontlayer-active");
  $("#font_style_int").val($(event).attr("id").substring(2));
  $("#gravurText").attr("class", 'mx' + $(event).attr("id").substring(2));
  SetActiveEngravingBlock(($(event).attr("id").substring(2)));
}


/* GET PROPERTIES */
function getPropertyEngraving(){
  //Achtung bei Ringpaar nach Situation entscheiden welches Object anzusprechen
  if(setGender == 'pairring'){
    GetActiveItem('femalering','engravement_font',ShowActiveFont);
    GetActiveItem('femalering','engravement_text',ShowText);
    GetActiveItem('femalering','engravement_type',SelectType);
  }else{
    GetActiveItem(setGender,'engravement_font',ShowActiveFont);
    GetActiveItem(setGender,'engravement_text',ShowText);
    GetActiveItem(setGender,'engravement_type',SelectType);
  }
  $('#gravurText').each(function(){                             // Zeichen z�hlen
    var length = $(this).val().length;                          // get current number of characters
    $('#charCount').html(maxChars - length);                    // update characters
    $(this).keyup(function(){                                   // bind on key up event
      var new_length = maxChars - $(this).val().length;         // get new length of characters
      $('#charCount').html(new_length);                         // update
    });
  });
}
/* SET CLASS FOR ACTIVE ITEM */
function ShowActiveFont(data){
  if(data.value == 0){
    var font = 1;
  }else{
    var font = data.value;
  }
  var checkIndex = null;
  if (font == 'handwrite') {
    checkIndex = 3;
  }
  else {
    checkIndex = font-1;
  }
  $('#engraving-font a[rel="font"]').removeClass('jqTransformChecked'); // REMOVE ACTIVE CLASS FROM ALL RADIOBUTTONS
  $('#engraving-font input[value="mx'+font+'"]').attr('checked', 'checked'); // SET CHECKED ATTRIBUTE TO THE SELECTED ELEMENT
  $('#engraving-font a[rel="font"]').eq(checkIndex).addClass('jqTransformChecked'); // // ADD ACTIVE CLASS TO THE SELECTED RADIOBUTTON
  $('#gravurText').attr('class', 'mx'+font); // CHANGE THE CLASS OF THE TEXTINPUT TO THE SELECTED FONT

  if (font == 'handwrite') {
      $('.engraving_text_box').hide();
      $('#submit_engraving').css('display', 'none');
      $('#submit_engraving_disabled').css('display', 'inline');

  }
}

/*SET TYPE OF ENGRAVING*/
function SelectType(data){
    var engravement_type = data.value;
    $(".engraving_type").removeClass('active');
    $("#"+data.value+"_engrave.engraving_type").addClass('active');

    $(".engraving_description").hide();
    $("#"+engravement_type+"_desc").show();

    if (engravement_type == "laser") {
        $(".fingerprint_img").show();
    }
    else {
        $(".fingerprint_img").hide();
    }
    SetItemValue(setGender,'engravement_type', engravement_type);
}


/* SET MY ENGRAVING TEXT */
function ShowText(data){
  if(data.value == ''){
    $('#gravurText').val('Engraving text');
  }else{
    $('#gravurText').val(data.value);
  }
}
/* FUNCTIONS CALLED FROM CONF.JS */
function setEngravingFont(e){ // SET THE 
  var gender = $('#gender_options div[class="selected"]').attr('id');
  var selected = $(e).attr('value');
  $('#gravurText').attr('class', selected);
  font = selected.substr(2);
  if (font == 'handwrite') {
      //$('#gravurText').val(StandardText);
      $('.engraving_text_box').hide();
      //$('#submit_engraving').css('visibility', 'hidden');
      $('#submit_engraving').css('display', 'none');
      $('#submit_engraving_disabled').css('display', 'inline');
      //$('#submit_engraving').attr('disabled', 'disabled');
      SetItemValue(setGender,'engravement_text','');
  }
  else {
      if ($('.engraving_text_box').css('display') !== 'block') {
          $('.engraving_text_box').show();
          //$('#submit_engraving').css('visibility', 'visible');
          $('#submit_engraving').css('display', 'inline');
          $('#submit_engraving_disabled').css('display', 'none');
          //$('#submit_engraving').removeAttr('disabled');
          var text = $('#gravurText').val();
          SetItemValue(setGender,'engravement_text',text);
          ReloadCollageImage();
      }
  }
  SetItemValue(setGender,'engravement_font',font);
  ReloadCollageImage();
}
function setEngravingText(e){
  var text = $('#gravurText').val();
  
  SetItemValue(setGender,'engravement_text',text);
  ReloadCollageImage();
}

$(document).ready(function(){
  $("#reset_engraving").live('click', function(){
    $('#gravurText').val(StandardText);
    var new_length = maxChars - $('#gravurText').val().length;
    $('#charCount').html(new_length);
    SetItemValue(setGender,'engravement_text','')
    //setgravur('');
    //step back font 1
    $("#font_style_int").val(1);
    $('#engraving-font a[rel="font"]').removeClass('jqTransformChecked'); // REMOVE ACTIVE CLASS FROM ALL RADIOBUTTONS
    $('#engraving-font input[value="mx1"]').attr('checked', 'checked'); // SET CHECKED ATTRIBUTE TO THE SELECTED ELEMENT
    $('#engraving-font a[rel="font"]').eq(0).addClass('jqTransformChecked'); // // ADD ACTIVE CLASS TO THE SELECTED RADIOBUTTON
    $('#gravurText').attr('class', 'mx1'); // CHANGE THE CLASS OF THE TEXTINPUT TO THE SELECTED FONT
    $("#mx1").addClass("fontlayer-active");
    $('.engraving_text_box').show();
    SetItemValue(setGender,'engravement_font',1);
    $('#submit_engraving').css('display', 'inline');
    $('#submit_engraving_disabled').css('display', 'none');

    ReloadCollageImage();
  });

  $(".engraving_type").live('click', function(){
    var engravement_type = $(this).attr('id').replace('_engrave', '');
    $(".engraving_type").removeClass('active');
    $("#"+$(this).attr('id')+".engraving_type").addClass('active');

    $(".engraving_description").hide();
    $("#"+engravement_type+"_desc").show();

    if (engravement_type == "laser") {
        $(".fingerprint_img").show();
    }
    else {
        $(".fingerprint_img").hide();
    }
    SetItemValue(setGender,'engravement_type', engravement_type);
  });


  $("#gravurText").focus(function(){                              // focus auf input
    if(this.value == defGravurText){                              // wenn value noch der Default-Wert ist
      this.value = "";                                            // input leeren
      $('#charCount').html(maxChars);                             // Zeichenanzahl setzten
    }else{                                                        // wenn value nicht mehr der Default-Wert
      var new_length = maxChars - $(this).val().length;           // �brige Zeichenanzahl berechnen
      $('#charCount').html( new_length);                          // Zeichenanzahl setzten
    }
    $('#gravurText').each(function(){                             // Zeichen z�hlen
    var length = $(this).val().length;                          // get current number of characters
    $('#charCount').html(maxChars - length);                    // update characters
    $(this).keyup(function(){                                   // bind on key up event
      var new_length = maxChars - $(this).val().length;         // get new length of characters
      $('#charCount').html(new_length);                         // update

    });
    $(this).keydown(function(event){
      if(event.keyCode == 13) {
        event.preventDefault();
        return false;
      }
    });
  });
  $("#cursorPos").text($(this).caret().start);
    cursorPos = $(this).caret().start;
  });


  $("#gravurText").blur(function(){                               // input blur
    if(this.value == ""){                                         // wenn nichts eingetragen wurde
      this.value = defGravurText;                                 // setz wieder den Default-Wert
      var new_length = maxChars - $('#gravurText').val().length;
      $('#charCount').html(new_length);
    }
  });
});