// Animationen bei Mouseover/-out über die Bilder der Kataloge

var z1 = 0;

function doPopInImage(ev) {

  image = Event.element(ev);
  if (!image.id) {
    image.id = 'pop_' + (++z1);
  }
  $(image.id).setStyle({ zIndex: '1001' });

  new Effect.Scale(image, 200, {
    scaleFromCenter: true,
    duration: .4,
    scaleMode: 'contents',
    queue: {
      position: 'end',
      scope: image.id
    }
  });

}

function doPopOutImage(ev) {

  image = Event.element(ev);
  $(image.id).setStyle({ zIndex: '1000' });
  new Effect.Scale(image, 50, {
    scaleFromCenter: true,
    duration: .4,
    scaleMode: 'contents',
    queue: {
      position: 'end',
      scope: image.id
    }
  });

}

function doPopPositionImage() {

  z = $$('.product_images');
  z.each(function(n) {
    if (n.complete) {
      n.absolutize();
      n.observe('mouseover', doPopInImage);
      n.observe('mouseout', doPopOutImage);
    } else {
      n.observe('load', function(ev) {
        n=Event.element(ev);n.absolutize();
        n.observe('mouseover', doPopInImage);
        n.observe('mouseout', doPopOutImage);
      });
    }
  });

}

function doPopRePositionImage() {

  z = $$('.product_images');
  z.each(function(n) {
    n.relativize();
  });
  
  doPopPositionImage();

}

Event.observe(window, 'load', function() {
  doPopPositionImage();
});

// Überprüft, ob ein Formular vollständig ausgefüllt wurde.

function check_form_content(form, fields, errordiv) {

	var show_error = 0;

	for (i=0; i<fields.length; i++) {

		$(fields[i]).style.border = '1px solid #B8C0C7';
		if ($(fields[i]).value == '')  {
			$(fields[i]).focus();
			$(fields[i]).style.border = '1px solid #C51D21';
			show_error = 1;
		}
	}

	if (show_error == 0) {
		$(errordiv).style.display = 'none';
		$(form).submit();
	} else if (show_error == 2) {
		$(errordiv).style.display = 'none';
	} else {
		$(errordiv).style.display = 'inline';
	}

}

// Mouseover-Bilder werden vorgeladen.

function preload_images() {

	var array = new Array();
	array[0] = 'top_offers_hover.png';
	array[1] = 'top_topcatalog_hover.png';
	array[2] = 'top_specials_hover.png';
	array[3] = 'top_gewinnspiel_hover.png';
	array[4] = 'button_background_hover.png';
	array[5] = 'main_left_list_selected.png';
	array[6] = 'bottom_contact_hover.png';
	array[7] = 'bottom_imprint_hover.png';
	array[8] = 'bottom_help_hover.png';
	array[9] = 'newsletter_hover.png';
	
	document.preload = new Array();

  for (i=0; i < array.length; i++) {
    document.preload[i] = new Image();
    document.preload[i].src = 'http://www.katalog.com/kataloge/themes/katalog/custom/' + array[i];
  }
  
}