/* THIS FILE CONTAINS ALL EVENTHANDLERS OF THE CONFIGURATOR */
/* FUNCTION TO CHECK WHICH ADDITIONAL RING IS SELECTED ON THE STARTPAGE AND SET THE FOOTERNAVIGATION STATUS */
function testSelectedRing(data){
    if(!(data.any)){
        $.each(data.items, function(i,item){
            if(i == 'malering'){
                var ring = 'male';
            } else if(i == 'femalering'){
                var ring = 'female';
            } else if(i == 'eternity'){
                var ring = 'additional';
            }else if(i == 'memoryring'){
                var ring = 'memoire';
            }else if(i == 'solitaire') {
                var ring = 'solitaire';
            }else{
                //
            }
            if(item == 1 ){
                genderOptions[ring] = 1;
                $('#gender_options li a[class="'+ring+'"] input').attr('checked', 'checked');

            }else {
                genderOptions[ring] = 0;
            }
        });
    }
    GetAvalibleItems('malering', 'pseudo_activering', testRing);
}
function testRing(data){
  if(!(data.any)){
    $.each(data.items, function(i,item){
        if(item == 'eternity'){
            var additional = 'additional';
        }else if(item == 'memoryring'){
            var additional = 'memoire';
        }else if(item == 'solitaire') {
            var additional = 'solitaire';
        }else{
            //
        }
        //alert(additional);
        //$('#gender_options li.additional a[class="'+additional+'"]').parent().addClass('added');
        $('#gender_options li.additional a[class="'+additional+'"] input').attr('checked', 'checked');
        genderOptions[additional] = 1;
    });
  }
  //updateTestArray();
  var testArray = ""+genderOptions['male']+""+genderOptions['female']+""+genderOptions['solitaire']+""+genderOptions['memoire']+""+genderOptions['additional']+"";
  setGenderTabs(testArray);
}
function setGenderTabs(tabs){
    if(tabs == '10000' || tabs == '10100' || tabs == '10010' || tabs == '10001'){
        switchGenderOptions('male');
    }else if(tabs == '01000' || tabs == '01100' || tabs == '01010' || tabs == '01001'){
        switchGenderOptions('female');
    }else if(tabs == '00100'){
        switchGenderOptions('solitaire');
    }else if(tabs == '00010'){
        switchGenderOptions('memoire');
    }else if(tabs == '00001'){
        switchGenderOptions('additional');
    }else{
        genderOptions['male'] = 1;
        genderOptions['female'] = 1;
        $('#gender_options li a.male input, #gender_options li a.female input').attr('checked', 'checked').attr('value', 1);
        switchGenderOptions('pair');
    }
}

/* HANDLERS */
$(document).ready(function(){
/* SHOW AJAX LOADER */
  $("body").ajaxSend(function(){
    $("#ajaxloader").show();
  });
/* HIDE AJAX LOADER */
  $("body").ajaxStop(function(){
    $("#ajaxloader").fadeOut("fast");
  });

/* STEP PROFILES */
/* CHECK FOR CLICKS ON A PROFILE */
  $('#profiles li').live('click', function(e) {
      e.preventDefault();
    var profile = $('a', this).attr('id');
    profile = profile.substr(2);
    setProfile($(this), profile);
  });
/* STEP DIMENSIONS */
/* CHECK FOR INTERACTION WITH THE DIFFERENT DIMENSION ELEMENTS */
  $('#dimensionsring a.btn_scale').live('mouseenter', function(){ // CHANGE HIGHLIGHT ACCORDING TO HOVERED ELEMENT
    if($(this).attr('id') == 0){
      $('#dimensionsring').css('background-position', '0px 0px');
    }else if($(this).attr('id') == 'ringwidth'){
      $('#dimensionsring').css('background-position', '0px -258px');
    }else if($(this).attr('id') == 'ringheight'){
      $('#dimensionsring').css('background-position', '0px -542px');
    }else if($(this).attr('id') == 'ringsize_female' || 'ringsize_male'){
      $('#dimensionsring').css('background-position', '0px -824px');
    }
  }).live('mouseleave', function(){ // REMOVE HIGHLIGHT ON MOUSELEAVE
    $('#dimensionsring').css('background-position', '0px 0px');
  }).live('click', function(e){ // CALL FUNCTION THAT OPENS THE SELECTED SCALE IF ELEMENT IS CLICKED
      e.preventDefault();
    $('<div class="fading">&nbsp;</div>').appendTo('#stepbox_dimensions').css('z-index', '500').css('display', 'block').css('opacity', '0.5');
    selectSize($(this));
  });
/* CHECK IF THE OPTIMAL PROPORTION INPUT IS CLICKED */
  $('.optimalsettings_box a, .optimalsettings_box label').click(function(e){
      e.preventDefault();
  //$('.optimalsettings_inner a.jqTransformCheckbox').click(function(){
    //if($(this).attr('checked')!==false){ // DO IF INPUT GETS CHECKED
    if($('.optimalsettings_box a').attr('class')!=='jqTransformCheckbox jqTransformChecked'){ // DO IF INPUT GETS CHECKED
      if(setGender == 'pairring'){ // CALL FUNCTIONS IF RING PAIR IS SELECTED
        SetItemValue('femalering','optproportion', '1');
        SetItemValue('malering','optproportion', '1');
        GetAvalibleItems('femalering','pseudo_getbestproportion',ShowOpt);
        GetAvalibleItems('malering','pseudo_getbestproportion',ShowOpt);
      }else{ // CALL FUNCTIONS IF FEMALE OR MALE RING IS SELECTED
        SetItemValue(setGender,'optproportion', '1');
        GetAvalibleItems(setGender,'pseudo_getbestproportion',ShowOpt);
      }
      $('#ringheight').addClass('disabled');
      disable();
      $('.optimalsettings_box a').attr('class', 'jqTransformCheckbox jqTransformChecked');
            //alert('checked');
    }else{ // DO IF INPUT GETS UNCHECKED
      if(setGender == 'pairring'){
        GetActiveItem('femalering','height',ShowActiveHeight);
      }else{
        GetActiveItem(setGender,'height',ShowActiveHeight);
      }
      SetItemValue(setGender,'optproportion', '0');
      $('#ringheight').removeClass('disabled').removeAttr('style').unbind('click');
      $('.optimalsettings_box a').attr('class', 'jqTransformCheckbox');
      //alert('not checked');
    }

  });
/* STEP MATERIAL */
/* HANDLERS BELONGING TO THE DIVISION OPTIONS */
/* SHOW DIVISION SELECTION */
  $('#divselection').live('click', function(e){
      e.preventDefault();
    $('#divisionlayer').show();
    $('#divselection .divselection').attr('class','divselection_close');
    $(this).attr('id', 'divselection_open');
  });
/* REMOVE DIVISION LAYER */
  $('#divselection_open .divselection_close').live('click', function(e){
      e.preventDefault();
    $(this).parent().attr('id', 'divselection');
    $('#divselection .divselection_close').attr('class','divselection_close');
    $('#divisionlayer').hide();
  });
/* CHECK WHICH DIVISION WAS CLICKED AND CALL SET FUNCTION */
  $('#divisionlayer a').live('click', function(e){
      e.preventDefault();
    setDivision($(this));
  });
/* HANDLERS BELONGING TO THE GROOVES OPTIONS */
/* CHECK IF THE GROOVE STYLE IS CHANGED */
  $('#groovesbox .jqTransformRadioWrapper').live('change', function(){
    var div = $('#selected_division').attr('src');
    div = div.substr(40);
    div = div.substr(0, 1);
    var test = $('a', this).attr('class');
    if(test == 'jqTransformRadio jqTransformChecked'){
      var selected = $('input', this).val();
      if(selected != 'groove_0'){
        if(div == 0){
          $('#groovecount, #grooveposbox').css('visibility', 'visible');
          //groovesSlider();
        }
      }else{
        $('#groovecount, #grooveposbox').css('visibility', 'hidden');
      }
      selected = parseFloat(selected.substr(7));
      SetItemValue(setGender,'groove_style', selected);
      if(setGender == 'pairring'){
        GetAvalibleItems('femalering','pseudo_getgrooves', GetGroovesArray);
      }else{
        GetAvalibleItems(setGender,'pseudo_getgrooves', GetGroovesArray);
      }
    };
  });
/* CHECK IF THE GROOVES AMOUNT IS CHANGED */
  $('#groovecount ul a').live('mousedown', function(e){
      e.preventDefault();
    $('#groovecount ul a').removeClass('selected');

    var selected = $(this).html();
/*
    groovesSet = selected;
    groovesSlider(selected);
*/
    SetItemValue(setGender,'groove_count',selected);
    if(setGender == 'pairring'){
      GetAvalibleItems('femalering','pseudo_getgrooves', GetGroovesArray);
    }else{
      GetAvalibleItems(setGender,'pseudo_getgrooves', GetGroovesArray);
    }

    //CHANGED SCRIPT FROM THE JQTRANSFORM, BECAUSE EVENTLISTENER GETS LOST BY DYNAMIC LIST CHANGE
    $('#groovecount_count li a').removeClass('selected');
    $(this).addClass('selected');
    $('#groovecount .jqTransformSelectWrapper span').html(selected);
    $('#groovecount ul').hide();
    return false;
  });
/* HANDLERS BELONGING TO THE COLOR AND SURFACE OPTIONS */
/* OPEN AND SETUP THE COLORSELECTION LAYER */
  $('#s1_disc1, #s2_disc1, #s2_disc2, #s3_disc1, #s3_disc2, #s3_disc3').live('click', function(){

    // SHOW COLORSELECTION AND FADING LAYER
    $('<div class="fading">&nbsp;</div>').appendTo('#stepbox_material').css('z-index', '500').css('display', 'block').css('opacity', '0.5').live('click', function(e){
        e.preventDefault();
      // IF CLICKED ON LAYER CLOSE COLORSELECTION AND HIDE LAYER
      $('#box_colormaterial ul li a').removeClass('selected');
      $('#stepbox_material .fading').unbind().remove();
      $('#colorselection, #container_configurator .fading').hide();
    });
    $('#colorselection').removeAttr('class').addClass('colorselection');
    // GET SELECTED DISC NUMBER
    var disc = $(this).attr('id');
    disc = disc.substr(3);
    // GET CLASSNAME OF SELECTED DISC AND GRAP COLOR AND SURFACE
    var test = $(this).attr('class');
    test = test.substr(9);
    var c = test.substr(0, 2);
    var m = test.substr(2);
    if(profileFemaleMaterial !== 1 && profileFemaleMaterial !== 2 && profileFemaleMaterial !== 3 && profileFemaleMaterial !== 4 && profileFemaleMaterial !== 5 && profileFemaleMaterial !== 6){
        $('#c2').addClass('disabled'); // DISABLE FEINGOLD
        disable();
    }else{
        $('#c2').removeClass('disabled').removeAttr('style').unbind('click');
    }
  /*
    if(profileFemaleMaterial !== 5 && profileFemaleMaterial !== 7 && profileFemaleMaterial !== 8  && profileFemaleMaterial !== 9){
        $('#m5').addClass('disabled'); // DISABLE FELSMATT
        disable();
    }else{
        $('#m5').removeClass('disabled').removeAttr('style').unbind('click');
    }
  */




    // SELECT THE CURRENTLY SELECTED VALUES IN THE LISTS
    $('#colorselection ul a').removeClass('selected');
    $('#'+c+', #'+m).addClass('selected');

    var support = new MaterialSupport();
    support.handleColor(support.getFirstColor(), null, function() {
        support.refresh();
    });

/*

    // PLATIN / PALADIUM - NEVER TOGETHER
    // CHECK IF PLATIN IS SELECTED
    if($('#box_colormaterial .selected .discselection a[class*="c1"]').length > 0){
      $('#c7').addClass('disabled'); // DISABLE PALLADIUM
      if(c == 'c1'){
        $('#c7').removeClass('disabled').removeAttr('style').unbind('click');
      }
      disable();
    }else{
      $('#c7').removeClass('disabled').removeAttr('style').unbind('click');
    }
    // CHECK IF PALLADIUM IS SELECTED
    if($('#box_colormaterial .selected .discselection a[class*="c7"]').length > 0){
      $('#c1').addClass('disabled'); // DISABLE PLATIN
      if(c == 'c7'){
        $('#c1').removeClass('disabled').removeAttr('style').unbind('click');
      }
      disable();
    }else{
      $('#c1').removeClass('disabled').removeAttr('style').unbind('click');
    }
*/
    // CHECK IF FEINGOLD IS SELECTED
    var activeDisc = parseFloat(disc.substr(4));
    if($('#box_colormaterial div.box_cm'+activeDisc+' .discselection li:eq('+(activeDisc-1)+') a[class*="c2"]').length > 0){
        $('#m1,#m2,#m3,#m4').addClass('disabled'); // DISABLE ALL SURFACES EXCEPT FELSMATT
        disable();
    }else{
        $('#m1,#m2,#m3,#m4').removeClass('disabled').removeAttr('style').unbind('click');
    }
    // CHECK IF AXIAL-DIVISION IS SELECTED
    if(($('#selected_division').attr('src') == 'includes/steps/images/material/division_12.jpg') && (disc == 'disc2')){
      $('#colorselection #surfacelist li').addClass('disabled');
      $('#colorselection #surfacelist li:eq(0)').removeClass('disabled');
      disable();
    }else{
      $('#colorselection #surfacelist li').removeAttr('style').removeClass('disabled').unbind('click');
    }
    // ADD CLASS SELECTED TO THE DISC ELEMENT
    $(this).addClass('selected');
    $('#colorselection').addClass(disc).show();
  });
/* CHECK FOR CLICKS ON COLOR/MATERIAL */
  $('#colorselection a').live('click', function(e){
      e.preventDefault();
    //var selectedDisc = $('.discselection a.selected').attr('id');
    // GET THE SELECTED DISC
    var selectedDisc = $('#colorselection').attr('class');
    selectedDisc = selectedDisc.split(' ');
    selectedDisc = selectedDisc[1];

    // CHECK IF CLICKED ITEM IS IN THE COLOR OR SURFACE LIST
    var list = $(this).parent().parent().attr('id');
    // REMOVE THE CLASS SELECTED AND SET IT TO THE CLICKED ITEM
    $('#'+list+' a').removeClass('selected');
    $(this).addClass('selected');

    // GET COLOR ID AND NAME
    var color = $('#colorlist a.selected').attr('id');
    var colorname = $('#colorlist a.selected').text();
    // GET SURFACE ID AND NAME
    var surface = $('#surfacelist a.selected').attr('id');
    var surfacename = $('#surfacelist a.selected').text();

    // CROP VARS FOR SENDING THEM TO THE ARRAY
    selectedDisc = parseFloat(selectedDisc.substr(4));
    color = color.substr(1);
    surface = surface.substr(1);

    values=new Array();
    values[0] = selectedDisc-1;
    values[1] = color;
    values[2] = surface;

    // SET THE MATERIAL ARRAY
    setze(setGender,'materials',values);
    if(setGender == 'pairring'){
      GetAvalibleItems('femalering', 'pseudo_getmaterials', test);
      GetActiveItem('femalering','groove_style',ShowActiveGrooveStyle);
    }else{
      GetAvalibleItems(setGender, 'pseudo_getmaterials', test);
      GetActiveItem(setGender,'groove_style',ShowActiveGrooveStyle);
    }
    // REFRESH MATERIAL BOXES

    // HIDE THE COLORSELECTION
    $('#stepbox_material .fading').unbind().remove();
    $('#colorselection, #container_configurator .fading').hide();
  });

/* ALLOY */
  $('#alloybox .jqTransformRadioWrapper').live('change', function(){
    var test = $('a', this).attr('class');
    if(test == 'jqTransformRadio jqTransformChecked'){
      var selected = $('input', this).val();
      selected = parseFloat(selected.substr(6))-1;
      SetItemValue(setGender,'alloy_au',selected);
    };
  });
/* STEP DIAMONDS */
/* CHECK IF THE COMPOSURE IS CLICKED */
  $('.diamond_navigation li a').live('click', function(e) {
      e.preventDefault();
    setComposure($(this));
  });
/* CHECK IF THE STONE QUALITY CHANGED */
  $('#stone_quality .jqTransformRadioWrapper, #stone_quality2 .jqTransformRadioWrapper').live('change', function(){
    setStoneQuality($(this));
  });
/* CHECK IF THE AMOUNT OF DIAMONDS IS CHANGED */
  $('#s_count ul a').live('mousedown', function(){
    setStoneCount($(this));
  });
/* CHECK IF THE SPACING OF THE DIAMONDS IS CHANGED */
  $('#s_spacing ul a').live('mousedown', function(event){
    if($(this).attr('class') == 'disabled'){
      if(setGender == 'pairring'){
        GetActiveItem('femalering', 'diamond_spacing', ShowActiveSpacing);
      }else{
        GetActiveItem(setGender, 'diamond_spacing', ShowActiveSpacing);
      }
      return false;
    }else{
      setStoneSpacing($(this));
    }
  });
/* CHECK IF THE STONE SELECTION IS CLICKED */
  $('#stoneselection a').live('click', function(e){
      e.preventDefault();
    $('<div class="fading">&nbsp;</div>').appendTo('#stepbox_diamonds').attr('class', 'fadingStones').css('z-index', '500').css('display', 'block').css('opacity', '0.5');
    /* APPEND THE STONE SELECTION LAYER */
    $('#stonesize').append('<div id="diamondslayer_add" class="layer"><a href="javascript:closeLayer();" class="btn_close">Close</a><h2>Choose Diamond</h2><div class="sinner"></div></div>');
    $.ajax({
      url: 'includes/steps/diamonds_table.php',
      success: function(data){
        $('#diamondslayer_add .sinner').html(data);
        /* SET ACTIVECLASS ON SELECTED DIAMOND */

        if(setGender == 'pairring'){
          GetAvalibleItems('femalering','pseudo_stonetypecarat',ShowAvalibleType);
          GetAvalibleItems('femalering','pseudo_getavaliblediamonds', ShowAvailableDiamonds);
        }else{
          GetAvalibleItems(setGender,'pseudo_stonetypecarat',ShowAvalibleType);
          GetAvalibleItems(setGender,'pseudo_getavaliblediamonds', ShowAvailableDiamonds);
        }
      }
    });
  });
/* CHECK IF THE CLOSE BUTTON OF THE DIAMOND LAYER IS CLICKED */
  $('#diamondslayer_add .btn_close, #diamondslayer_add_eternity .btn_close, #diamondslayer_add_solitaire .btn_close, #diamondslayer_addfree .btn_close, #diamondslayer_edit .btn_close').live('click', function(e){
    e.preventDefault();
    closeLayer();
    $('#container_configurator .fadingStones').hide().attr('class', 'fading');
  });

  $('#diamondslayer_add #table_stones a').live('click', function(e){
      e.preventDefault();
    disabled = $(this).hasClass('disabled');
    if(disabled == false){
      setStoneType($(this));
    }
  });
/* SELECT/ADD STONE WITH FREE POSITION */
  $('#add_stone a.btn_add_dia').live('click', function(e){
      e.preventDefault();
    $('#add_stone').append('<div id="diamondslayer_addfree" class="layer"><a href="javascript:closeLayer();" class="btn_close">Close</a><h2>Choose Diamond for free Setting</h2><div class="sinner"></div></div>');
    $.ajax({
      url: 'includes/steps/diamonds_free_table.php',
      success: function(data){
        $('#diamondslayer_addfree .sinner').html(data);
        if(setGender == 'pairring'){
          GetAvalibleItems('femalering','pseudo_stonetypecarat',ShowAvalibleType);
          GetAvalibleItems('femalering','pseudo_getavaliblediamonds', ShowAvailableDiamonds);
        }else{
          GetAvalibleItems(setGender,'pseudo_stonetypecarat',ShowAvalibleType);
          GetAvalibleItems(setGender,'pseudo_getavaliblediamonds', ShowAvailableDiamonds);
        }
        disable();
        }
    });
    $('<div class="fading">&nbsp;</div>').appendTo('#stepbox_diamonds').attr('class', 'fadingStones').css('z-index', '500').css('display', 'block').css('opacity', '0.5');
  });
  var editStoneId;
  $('.table_free_stones a.edit_stone').live('click', function(e){
      e.preventDefault();
    $('#add_stone').append('<div id="diamondslayer_edit" class="layer"><a href="javascript:closeLayer();" class="btn_close">Close</a><h2>Choose Diamond for free Setting</h2><div class="sinner"></div></div>');

    $.ajax({
      url: 'includes/steps/diamonds_free_table.php',
      success: function(data){
        $('#diamondslayer_edit .sinner').html(data);

        var selId = $('#free_stones tbody tr.selected').attr('id');
        selId = selId.substr(4);
        var carat = dias[selId]['carat'];
        carat = carat.split('.');
        carat = carat[0]+carat[1];
        editStoneId = selId;
        $('#table_stones_free #bri_'+carat).parent().addClass('selected');

        if(setGender == 'pairring'){
          SetItemValue('femalering', 'active_opendiamond', selId);
          GetAvalibleItems('femalering','pseudo_stonetypecarat',ShowAvalibleType);
          GetAvalibleItems('femalering','pseudo_geteditablediamonds', ShowAvailableDiamonds);
        }else{
          SetItemValue(setGender, 'active_opendiamond', selId);
          GetAvalibleItems(setGender,'pseudo_stonetypecarat',ShowAvalibleType);
          GetAvalibleItems(setGender,'pseudo_geteditablediamonds', ShowAvailableDiamonds);
        }
        disable();
      }
    });
    $('<div class="fading">&nbsp;</div>').appendTo('#stepbox_diamonds').attr('class', 'fadingStones').css('z-index', '500').css('display', 'block').css('opacity', '0.5');
  });

  $("#ringholder div").live('mousedown', function(){
    $('#free_stones tr').removeClass('selected');
    var selected = $(this).attr('id');
    selected = selected.substr(9);
    $('#drag'+selected).addClass('selected');
  });
/* CHECK IF NEW DIAMOND IS ADDED TO THE FREE POSITIONING */
  $('#diamondslayer_addfree table a').live('click', function(e){
      e.preventDefault();
    var amount = $('#free_stones tbody tr').length;
    if(amount < 60){
      var stoneimg = $('img',this).attr('src');
      var stone = $('img',this).attr('alt').replace(/[^\(]*\(([0-9]+),([0-9]+).*/,"$1,$2")
      var carat = stone.replace(',','.');

      $('#table_stones_free a').removeClass('selected');
      $(this).addClass('selected');
      $('#free_stones tr').removeClass('selected');
      $('<tr class="selected"><td><img src="'+stoneimg+'" alt="" style="vertical-align:middle;margin:-3px 5px 0 0;" />'+stone+'</td><td>0,0 mm</td><td>0,0 mm</td><td class="delete"><a href="#"><img src="includes/steps/images/diamonds/btn_delete.png" alt="" /></a></td></tr>').appendTo($('#free_stones tbody'));

      $('#container_configurator .fadingStones').hide().attr('class', 'fading');
      $('#diamondslayer_add, #diamondslayer_addfree, #diamondslayer_edit').remove();

      if(setGender == 'pairring'){
        SetItemValue('femalering', 'addopendiamond', carat);
        GetAvalibleItems('femalering','pseudo_getopendiamonds', createDiaArray);
      }else{
        SetItemValue(setGender, 'addopendiamond', carat);
        GetAvalibleItems(setGender,'pseudo_getopendiamonds', createDiaArray);
      }

      reinitFreeDias();
    }else{
      $('#stepbox_diamonds .fadingStones').hide().attr('class', 'fading');
      $('#diamondslayer_add, #diamondslayer_edit').remove();
    }
  });
/* CHECK IF FREE DIAMOND IS EDITED */
  $('#diamondslayer_edit table a').live('click', function(e){
      e.preventDefault();
    var stoneimg = $('img',this).attr('src');
    var stone = $('img',this).attr('alt');
    stone = stone.slice(10, -1);
    var carat = stone.split(' ct');
    carat = carat[0].split(',');
    carat = carat[0]+'.'+carat[1];

    if(setGender == 'pairring'){
      SetItemValue('femalering', 'active_opendiamond', editStoneId);
      SetItemValue('femalering', 'seteditdiamond', carat);
    }else{
      SetItemValue(setGender, 'active_opendiamond', editStoneId);
      SetItemValue(setGender, 'seteditdiamond', carat);
    }

    reinitFreeDias();

    $('#stepbox_diamonds .fadingStones').hide().attr('class', 'fading');
    $('#diamondslayer_edit').remove();
  });
/* CHECK IF A TR IS CLICKED AND SET IT SELECTED */
  $('#free_stones tr').live('click', function(e){
      e.preventDefault();
    $('#free_stones tr').removeClass('selected');
    $(this).addClass('selected');
  });

/* CHECK IF TR IS HOVERED AND HIGHLIGHT THE ACCORDING DIAMOND IN THE DRAGABLE AREA */
  $('#free_stones tbody tr').live('mouseover', function(){
    var item = $(this).attr('id');
    item = item.substr(4);
    $('#draggable'+item).css('background-position', '0px 150px');
  }).live('mouseout', function(){
    var item = $(this).attr('id');
    item = item.substr(4);
    $('#draggable'+item).css('background-position', '0px 50px');
  });

/* CHECK IF THE DELETE BUTTON IS CLICKED AND REMOVE THE DIAMOND FROM THE ARRAY */
  $('#free_stones .delete a').live('click', function(e){
      e.preventDefault();
    var item = $(this).parent().parent().attr('id');
    item = item.substr(4);
    SetItemValue(setGender,'deletediamond',item);
    reinitFreeDias();
  });

/* STEP ENGRAVING */
$('#engraving-font input').live('click', function(){
  setEngravingFont($(this));
});
$('#gravurText').live('change', function(){
  setEngravingText();
});
$('#submit_engraving').live('click', function(){
  setEngravingText();
});

/* PERS DATA */
$('#customerdata input.mandatoryError').live('focus', function(){
    $(this).val('').removeClass('mandatoryError');
}).live('change',function(){
    $(this).removeClass('mandatoryError');
});
$('#submitpersdata').live('click', function(){
  setCustomerdata();
});

/* MEMOIRE RING */
$('#memoire_composure li a').live('click', function(e){
    e.preventDefault();
  setMemoireComposure($(this).attr('id'));
});
/* MEMOIRE CARAT */
$('#memstone_size1 ul a, #memstone_size2 ul a').live('mousedown', function(e){
    e.preventDefault();
  setMemoireCarat($(this), $(this).html());
});
/* SELECT MEMOIRE STONE COUNT */
$('#memstone_count ul a').live('mousedown', function(e){
    e.preventDefault();
  setMemoireStoneCount($(this));
});
/* SELECT MEMOIRE STONE QUALITY */
 $('#mem_stone_quality .jqTransformRadioWrapper').live('change', function(){
  setMemoireStoneQuality($(this));
});
/* MEMOIRE SURFACE */
$('#mem_surface').live('change', function(){
  setMemoireMaterials();
});
/* MEMOIRE COLOR */
$('#mem_color li a').live('click', function(e){
    e.preventDefault();
  $('#mem_color li a').removeClass('active');
  $(this).addClass('active');
  setMemoireMaterials($(this));
});
/* SELECT MEMOIRE SIZE */
$('#memring_size ul a').live('mousedown', function(e){
    e.preventDefault();
  setMemoireSize($(this));
});

/* SOLITAIRE RING */
$('#sol_back, #sol_next').live('click', function(e){
    e.preventDefault();
  var direction = $(this).attr('id');
  var pos = $('#sol_slider').position();
  var posX = pos.left;
  if(direction == 'sol_next'){
    if(posX > -600){
      $('#sol_slider').animate({
        left: '-=300'
      });
    }
  }else{
    if(posX < 0){
      $('#sol_slider').animate({
        left: '+=300'
      });
    }
  }
});
/* SOLITAIRE COMPOSURE */
$('#sol_slider li a').click(function(e){
    e.preventDefault();
    if($(this).parent().attr('class') === 'left disabled'){
        //do nothing --- disabled
    }else{
      var model = $('#sol_slider ul li').index($(this).parent());
      $('#sol_slider li').removeClass('active');
      $(this).parent().addClass('active');

      if(model == 0){// NEU Da NUR STEIN wegfällt wird 0 jetzt auf 8 gesetzt
          model = 8;
      }
      else if(model == 2){
          model = 11;
      }
      else {
        model -= 2;
      }

      setSolitaireStyle(model);
    }
});
/* SOLITAIRE STONE */
  $('#solitaire_carat a.jqTransformSelectOpen').live('click', function(e){
      e.preventDefault();
    $('.solitaire_options').css('z-index', 'auto');
    $('#solitaire_carat').append('<div id="diamondslayer_add_solitaire" class="layer" style="top:40px;width:688px;"><a href="javascript:closeLayer();" class="btn_close">Close</a><h2>Choose Diamond</h2><div class="sinner"></div></div>');
    $.ajax({
      url: 'includes/steps/diamonds_table_solitaire.php',
      success: function(data){
        $('#diamondslayer_add_solitaire .sinner').html(data);
        if (activeStyle == 11) {

        }
        SetActiveStoneClassSolitaire(activeShape, activeCarat);
          //GetAvalibleItems('solitaire','pseudo_getavaliblediamonds', ShowAvailableDiamondsEternity);
      }
    });
    $('<div class="fading">&nbsp;</div>').appendTo('#stepbox_solitaire').attr('class', 'fadingStones').css('z-index', '500').css('display', 'block').css('opacity', '0.5');
  });
  $('#diamondslayer_add_solitaire #table_stones_solitaire a').live('click', function(){
    setStoneTypeSolitaire($(this));
  });
/* SOLITAIRE DIAMOND QUALITY */
$('#solitaire_quality .jqTransformRadioWrapper').live('change', function(){
  setSolitaireQuality($(this));
});
/* SOLITAIRE SURFACE */
$('#sol_surface').live('change', function(){
  setSolitaireMaterials();
});
/* SOLITAIRE COLOR */
$('#sol_color li a').live('click', function(){
  $('#sol_color li a').removeClass('active');
  $(this).addClass('active');
  setSolitaireMaterials($(this));
});
/* SELECT SOLITAIRE SIZE */
$('#solring_size ul a').live('mousedown', function(){
  setSolitaireSize($(this));
});


/* ETERNITY RING */
/* ETERNITY WIDTH */
$('#eternity_width ul a').live('mousedown', function(){
  setEternityWidth($(this));
});
/* ETERNITY COMPOSURE STYLE */
$('#eternity_style ul a').live('mousedown', function(){
  setEternityStyle($(this));
});

/* SELECT STONE*/
  $('#eternity_carat a.jqTransformSelectOpen').live('click', function(e){
      e.preventDefault();
    $('.eternity_options').css('z-index', 'auto');
    $('#eternity_carat').append('<div id="diamondslayer_add_eternity" class="layer" style="top:40px;width:405px;"><a href="javascript:closeLayer();" class="btn_close">Close</a><h2>Choose Diamond</h2><div class="sinner"></div></div>');
    $.ajax({
      url: 'includes/steps/diamonds_table_eternity.php',
      success: function(data){
        $('#diamondslayer_add_eternity .sinner').html(data);
          GetAvalibleItems('eternity','pseudo_getavaliblediamonds', ShowAvailableDiamondsEternity);
      }
    });
    $('<div class="fading">&nbsp;</div>').appendTo('#stepbox_additional').attr('class', 'fadingStones').css('z-index', '500').css('display', 'block').css('opacity', '0.5');
  });

  $('#diamondslayer_add_eternity #table_stones_eternity a').live('click', function(e){
      e.preventDefault();
    disabled = $(this).hasClass('disabled');
    if(disabled == false){
      setStoneTypeEternity($(this));
    }
  });
/* ETERNITY DIAMOND SPACING */
$('#eternity_spacing ul a').live('mousedown', function(e){
    //alert($(this).hasClass('disabled'));
    e.preventDefault();
    if($(this).hasClass('disabled') != true) {
        setEternitySpacing($(this));
    }else{
        $('#eternity_spacing ul li:eq(0) a').trigger('click');
    }
});
/* ETERNITY DIAMOND QUALITY */
$('#eternity_quality .jqTransformRadioWrapper').live('change', function(){
  setEternityQuality($(this));
});
/* ETERNITY MATERIAL */
$('#e1_disc1').live('click', function(){
  $('<div class="fading">&nbsp;</div>').appendTo('#stepbox_additional').css('z-index', '500').css('display', 'block').css('opacity', '0.5').live('click', function(){
    $('#colorselection_eternity, #container_configurator .fading').hide();
  });

  $(this).addClass('selected');
  $('#colorselection_eternity').addClass('disc1').show();
});
$('#colorselection_eternity a').live('click', function(e){
    e.preventDefault();
  // GET THE SELECTED DISC
  var selectedDisc = $('#colorselection_eternity').attr('class');
  selectedDisc = selectedDisc.split(' ');
  selectedDisc = selectedDisc[1];

  // CHECK IF CLICKED ITEM IS IN THE COLOR OR SURFACE LIST
  var list = $(this).parent().parent().attr('id');
  // REMOVE THE CLASS SELECTED AND SET IT TO THE CLICKED ITEM
  $('#'+list+' a').removeClass('selected');
  $(this).addClass('selected');

  // GET COLOR ID AND NAME
  var color = $('#colorlist_eternity a.selected').attr('id');
  var colorname = $('#colorlist_eternity a.selected').text();
  // GET SURFACE ID AND NAME
  var surface = $('#surfacelist_eternity a.selected').attr('id');
  var surfacename = $('#surfacelist_eternity a.selected').text();
  colorname = jQuery.trim(colorname);
  surfacename = jQuery.trim(surfacename);

  // CROP VARS FOR SENDING THEM TO THE ARRAY
  selectedDisc = parseFloat(selectedDisc.substr(4));
  color = color.substr(5);
  surface = surface.substr(5);

  values=new Array();
  values[0] = selectedDisc-1;
  values[1] = color;
  values[2] = surface;

  $('#e1_disc1').attr('class', 'division c'+color+'m'+surface).html(colorname+' / '+surfacename);

  $('#eternity_alloy .alloy_box').hide();
  if(color == 1){
    $('#eternity_alloy_3').show();
  }else if(color == 7){
     $('#eternity_alloy_4').show();
  }else{
    if(color == 2){
      $('#eternity_alloy_2').show();
    }else{
       $('#eternity_alloy_1').show();
    }
  }
  setEternityMaterials(values);
});
/* ETERNITY ALLOY AU */
$('#eternity_alloy_1 .jqTransformRadioWrapper').live('change', function(){
  var test = $('a', this).attr('class');
  if(test == 'jqTransformRadio jqTransformChecked'){
    var selected = $('input', this).val();
    selected = parseFloat(selected.substr(6));
    selected = parseFloat(selected)-1;
    SetItemValue('eternity','alloy_au',selected);
  };
});
/* ETERNITY SIZE */
$('#eternity_size ul a').live('mousedown', function(){
  setEternitySize($(this));
});

  // GET ACTIVE THIRD RING TYPE
  GetAvalibleItems('malering', 'pseudo_selectedring', testSelectedRing);
});