var sliderTimeout, defaultInfo;
function searchProducts(t) {
  if(t) {
    if(!defaultInfo) defaultInfo = $('#info').html();
    $.post('./products.php', $('#search').serialize(), function(products) {
      $('#left').html('<div id="info">' + defaultInfo + '</div>');
      $('#left').append(products + '<div class="clear"></div>')
      $('#left :div.product').each(function() {
        if($('.' + $(this).attr('id')).html()) {
          $('#' + $(this).attr('id')).mouseover(function() {
            $('#info').html($('.' + $(this).attr('id')).html());
          });
        }
        
        $('#' + $(this).attr('id')).mouseout(function() {
          $('#info').html(defaultInfo);
        });
      });
    });
  } else {
    clearTimeout(sliderTimeout);
    sliderTimeout = window.setTimeout("searchProducts(true);", 300);
  }
}

function showFullDetails(product_id) {
  $('#fulldetails').html('<div style="text-align:center;margin:50px"><img src="images/loading.gif" alt="" /></div>');
  $('#fulldetails').css('display', 'block');
  
  $('#right').css('visibility', 'hidden');
  $.get('products.php?do=details&product_id=' + product_id, function(details) {
    $('#fulldetails').html(details + '<a id="backLink" href="javascript:void(0)" onclick="resetDetails()">zur&uuml;ck</a>');

    if(window.clipboardData && document.compatMode && !window.XMLHttpRequest) { detailsOffset = 81; contentOffset = 134; } // IE 6
    else { detailsOffset = 80; contentOffset = 173; }
    
    var contentHeight = (parseInt($('#page').height()) - contentOffset);
    var detailsHeight = (parseInt($('#detailsContent').height()) + detailsOffset);
  
    if(contentHeight > detailsHeight) $('#fulldetails').css('height', contentHeight + 'px');  
    else $('#content').css('height', detailsHeight + 'px');
  });
}

function resetDetails() {
  $('#content').css('height', '');
  $('#fulldetails').css('height', '');
  $('#right').css('visibility', 'visible');
  $('#fulldetails').css('display', 'none')
}

function initLinkToolTips() {
  $('#products :a[rel]').each(function() {
    $(this).simpletip({ 
      content: '<img src="./thumbs.php?image=' + $(this).attr('rel') + '" alt="" />', 
      fixed: false, 
      focus: true, 
      position: 'left', 
      offset: [ -450, -200],
      showEffect: 'none',
      baseClass: 'tooltip_small'
    });
  });
}

function delSliderOption(opt) {
  if(confirm('Soll der Wert wirklich entfernt werden?')) {
   $('#option_' + opt).remove();    
  }
}

function addSliderOption() {
  slider_id = parseInt(slider_id + 1);
  slider_pos = parseInt(slider_pos + 1);

  var html = '<tr id="option_' + slider_id + '" class="first">'
           + '  <td><input type="text" class="inputField" id="from_' + slider_pos + '" name="from[]" value="" /></td>'
           + '  <td class="center"><input type="text" class="inputField" id="pos_' + slider_pos + '" name="position[]" value="' + slider_pos + '" style="width:30px;text-align:center" /></td>'
           + '  <td class="tiny"><a href="javascript:delSliderOption(' + slider_id + ')"><img src="./images/icons/delete.gif" alt="" /></a></td>'
           + '</tr>';
           
  $('#slider_options').append(html);
}