// JavaScript Document

$(window).ready(function()
{
  //change event handler für type auswahl
  $('#choose_img_type_select').change(function(e)
  {
    $('#choose_img_size').append('<div id="choose_img_loader"><img src="'+tplPath+'img/loader.gif" /></div>');
    $('#choose_img_size_fieldset').empty().hide();
    setTimeout('changeImgType();',500);
  });
  
  //submit event handler
  $('#choose_img_prod').submit(function(e)
  {
    //to check if any size is checked
    var size = $('input:radio[name="select_choose_img_size"]:checked').val() || 0;
    if ( !size )
    {
      alert_box(langTextArray.err_no_size);
      return false;
    }
    if ( $('input[name="gallery"]').val() != '' ) $.facebox(function(){});
    return true;
  });
  
  //click event for openbox
  $('input:radio[name="select_choose_img_size"]').click(function()
  {
    if ($(this).val() == 'openbox')
    {
      openBox();
    }
    else
    {
      $('input[name="choose_img_size_box"]').val(langTextArray.choose_other);
    }
  });
  
  //hover in tabelle
  $(document).bind('reveal.facebox', function(){ 
    $('tr[class^="tr_choose_img_size_more"]')
      .hover(
        function(){$(this).addClass('tr_choose_img_size_hover')}, 
        function(){$(this).removeClass('tr_choose_img_size_hover')}
      )
      .click(function(){$('input:radio[value="'+$(this).attr('id')+'"]').attr('checked', 'checked');});
  });
  $(document).bind('afterClose.facebox', function(){ 
    $('tr[class^="tr_choose_img_size_more"]')
      .unbind('mouseenter mouseleave');
  });
  
  //set loader
  var loaderImage = new Image();
  loaderImage.src = tplPath+'img/loader.gif';
  /*
  var loader=$('<div id="loader"/>')
    .addClass('div_loader')
    .html('<img src="'+tplPath+'img/loader.gif" />');
  $('#choose_img_size').css('position', 'relative').append(loader);
  loader.css({top:(($('#choose_img_size').height()-loader.innerHeight())/2)+10, left:(($('#choose_img_size').width()-loader.innerWidth())/2)});
  */
});

function changeImgType()
{
    var img_type_id = $('#choose_img_type_select').val();
    
    //ajax call for new size first list
    $.ajax(
    {
      url: 'euf_ajax.php',
      data: {product_id: img_type_id, mod: 'choose_img_prod', output: 'first'},
      dataType: 'html',
      success: function(data){$('#choose_img_size_fieldset').html(data);}
      //ajaxStop: function(){$('#choose_img_loader').remove();$('#choose_img_size_fieldset').show();}
    });
    //ajax call for new size first last
    $.ajax(
    {
      url: 'euf_ajax.php',
      data: {product_id: img_type_id, mod: 'choose_img_prod', output: 'last'},
      dataType: 'html',
      //ajaxStart: function(){$('#loader').show('fast');},
      beforeSend: function(){$('#choose_img_size_more_fieldset').empty();},
      success: function(data){$('#choose_img_size_more_fieldset').html(data);},
      complete: function(){$('#choose_img_loader').remove();$('#choose_img_size_fieldset').show();}
    });
}

function openBox()
{
  jQuery.facebox(
    {div: '#choose_img_size_more_fieldset'}, 
    false,
    {
      loadingImage: tplPath+'javascript/facebox/loading.gif',
      closeImage: tplPath+'buttons/'+language+'/button_close.gif',
      opacity: .4,
      width: 370,
      height: 450,
      imgButtons: [
      {
        src: tplPath+'buttons/'+language+'/button_change_size.gif',
        alt: 'Auswahl',
        callback: function()
        {
          var size = $('input:radio[name="select_choose_img_size_more"]:checked').val() || 0;
          if ( !size )
          {
            alert_box(langTextArray.err_no_size);
            return false;
          }
          var match = size.split('___');
          var tmp = match[0];
          var id = tmp.substr(2);
          var value = (typeof(decodeURIComponent) == 'function') ? decodeURIComponent(match[1]) : unescape(match[1]);
          $('input[name="choose_img_size_box"]').val(value);
          $('input[name="choose_img_size_box_id"]').val(id);
          $('input:radio[value="openbox"]').attr('checked', 'checked').val(id);
          $(document).trigger('close.facebox');
        }
      }]
    }
  );   
  jQuery('table.table_choose_img_size_more').width(jQuery('.facebox_td .content').innerWidth()-20);
}