var winHeight = document.viewport.getHeight();

function resetChildren(objId){
    data = objId.split('_');
    data[2]++;
    while($(data[0]+'_'+data[1]+'_'+data[2])){
        $(data[0]+'_'+data[1]+'_'+data[2]).value='';
        data[2]++;
    }
}

function imgZoom(e, imgSrc, label){
    if($('ffZoom')){
        $('ffZoom').remove();
    }
    if(e){
        img = new Image();
        img.src = imgSrc;
        topPos = Event.pointerY(e);
        if(topPos + img.height > document.viewport.getScrollOffsets().top + winHeight){
            topPos = topPos - img.height;
            if(topPos < document.viewport.getScrollOffsets().top){
                topPos = document.viewport.getScrollOffsets().top + 20;
            }
        }
        zoom = new Element('div', {
                    id: 'ffZoom'
        });
        zoom.className = 'imageZoom';
        zoom.style.zIndex = 255;
        zoom.style.left = Event.pointerX(e)+10+'px';
        zoom.style.top = topPos+'px';
        zoom.innerHTML = '<img src="'+imgSrc+'" alt="" /><br />'+label;
        document.body.appendChild(zoom);
    }
}

function positionTooltip(obj, event)
{
    topPos = parseInt(event.pointerY() - obj.getHeight() - 10);
    leftPos = parseInt(event.pointerX() - 23);
    obj.style.top = topPos+'px';
    obj.style.left = leftPos+'px';
}

/* Sample */
var sample_form_items = new Hash();
var sample_form_messages = new Hash();
document.observe('dom:loaded', function()
{
  if (!$('sample_order_form_separator')) {
    return;
  }
  sample_form_messages.set('standard', $('sample_order_form_separator').innerHTML);
  sample_form_messages.set('maxNum', '<strong>Bitte entfernen Sie zuerst eines Ihrer Bestellmuster</strong>');
});

function openSampleForm()
{
  popupWindow($('sample_order_container').innerHTML, 516);
}

function addSample(sample)
{
  //max 36 entries
  if(sample_form_items.size() >= 36)
  {
    $('sample_order_form_separator').innerHTML = sample_form_messages.get('maxNum');
    return false;
  }
  //reset separator-text
  $('sample_order_form_separator').innerHTML = sample_form_messages.get('standard');
  
  sample = Element.extend(sample);
  var img = sample.down('img');
  var name = sample.classNames();
  if(!sample_form_items.get(name))
  {
    sample_form_items.set(name, img.readAttribute('src'));
    var clone = sample.cloneNode(true);
    //remove onclick attr, inline-styles
    clone.writeAttribute({onclick: '', style: ''});
    clone.observe('click', function(){removeSample(this);});
    //add to list
    $('sample_order_form_selected_items').appendChild(clone);
  }
}

function removeSample(sample)
{
  //reset separator-text
  $('sample_order_form_separator').innerHTML = sample_form_messages.get('standard');
  var name = sample.classNames();
  sample_form_items.unset(name);
  sample.remove();
}

function toggleColorFilter()
{
  $('configForm').toggle();
  var img = $('selectListFilter_header_arrow_button');
  var src = img.readAttribute('src');
  var displayMode = $('configForm').getStyle('display');

  //reset mouse-over src
  src = src.replace(/_in\.([a-z]+)$/, '.$1');

  if(displayMode == 'block')
  {
    src = src.replace(/_right\.([a-z]+)$/, '_down.$1');
  }
  else
  {
    src = src.replace(/_down\.([a-z]+)$/, '_right.$1');
  }
  img.writeAttribute('src', src);
}

function handleTopSampleButton()
{
  if($('formbtn_sample') && false)
  {
    openSampleForm();
  }
  else
  {
    var displayMode = $('configForm').getStyle('display');
    if(displayMode != 'block')
    {
      toggleColorFilter();
    }
    $$('.selectListFilter_header')[0].scrollTo();
  }
}