var imageContainers = new Array();
var imageContainersStop = new Array();
var imageMainContainer = new Array();
var productsId = 0;
var stepToMove = 2; 			//pixels to move images each intervall
var intervallForUpdate = 70;	//intervall in milliseconds to move images

function slideshow(images, container, infotext, showAllLink) {
  var countImages = images.length;
  var objImages = new Array();
  var imageContainer = new Array();
  var imageContainersId = imageContainer.length + 1;
  imageContainers[imageContainersId] = new Array();

  imageMainContainer[imageContainersId] = container;

  //document.body.clientWidth != 'undefined'
  $(container).observe('mouseover', function(event){
    if(imageContainersStop[imageContainersId] == false) {
      imageContainersStop[imageContainersId] = true;
    }
  });
  $(container).observe('mouseout', function(event){
    if(imageContainersStop[imageContainersId] == true) {
      imageContainersStop[imageContainersId] = false;
    }
  });

  for(i = 0; i < countImages; i++) {
    imageContainer[i] = document.createElement("DIV");
    imageContainer[i].id = 'imageContainer'+i;
    $(imageContainer[i]).addClassName('imageContainer');
    $(imageContainer[i]).setStyle({'left' : (i * 170)+'px'});
//		objImages[i] = new Image();
//		objImages[i].src = images[i]['image'];
//		$(imageContainer[i]).appendChild(objImages[i]);
//		var imageName = document.createElement("DIV");
//		imageName.innerHTML = '<small>'+images[i]['name']+'</small>';
//		$(imageContainer[i]).appendChild(imageName);
//		;

    //alert('<table><tr><td><img src="'+images[i]['image']+'"/></td></tr><tr><td><small>'+images[i]['name']+'</small></td></tr></table>');

    $(imageContainer[i]).update('<table><tr><td class="image"><a href="'+images[i]['link']+'"><img src="'+images[i]['image']+'"/></a></td></tr><tr><td>'+images[i]['price']+'<a href="'+images[i]['link']+'">'+images[i]['name']+'</a></td></tr></table>');

    imageContainersStop[imageContainersId] = false;
    $(imageContainer[i]).observe('mouseover', function(event){
      if(imageContainersStop[imageContainersId] == false) {
        imageContainersStop[imageContainersId] = true;
      }
    });
    $(imageContainer[i]).observe('mouseout', function(event){
      if(imageContainersStop[imageContainersId] == true) {
        imageContainersStop[imageContainersId] = false;
      }
    });

    imageContainers[imageContainersId][i] = imageContainer[i];
    $(container).appendChild(imageContainer[i])
  }
//  <div style="position: absolute; right: 0px; float: left;"><img src="images/buttons/button_alle_anzeigen.gif"/></div>

	if(showAllLink.length > 0) {
		var showAll = document.createElement("DIV");
		$(showAll).setStyle({'position' : 'absolute', 'right' : '0px', 'top' : '157px'});
		$(showAll).update('<a href="'+showAllLink+'"><img style="border: none;" src="images/buttons/button_alle_anzeigen.gif" /></a>');
		$(container).appendChild(showAll);
	}

	var additionalText = document.createElement("DIV");
	$(additionalText).setStyle({'color' : '#666', 'top':'175px', 'position' : 'absolute', 'font-size' : '10px', 'left' : '3px'});
	$(additionalText).update(infotext);
	$(container).appendChild(additionalText);
    slideshowUpdate(imageContainersId);
  //add images
}

function slideshow_init() {

	var url = '/products_vorlage.php?products_id=' + productsId;

	new Ajax.Request(url, {
		method: 'get',
		onSuccess: function(transport) {
			$('slideshow_container').update(transport.responseText);
			$('slideshow_container').show();
		},
		onLoading: function() {
			//$('slideshow_container').update('<div class="center" style="font-family: verdana;"><img src="images/loading.gif"/><br/><small>L&auml;dt weitere Artikel...</small></div>');
		}
	});
}

function slideshowUpdate(imageContainersId) {
  var countImageContainers = imageContainers[imageContainersId].length;

  if(imageContainersStop[imageContainersId] == false) {
    if($(imageMainContainer[imageContainersId]).getWidth() < (imageContainers[imageContainersId].length * 130)) {
      for(i = 0; i < imageContainers[imageContainersId].length; i++) {
        //alert($(imageContainers[imageContainersId][i]).inspect());
        var newLeftValue = (parseInt($(imageContainers[imageContainersId][i]).getStyle('left')) - stepToMove);
        if(newLeftValue < -170) {
          newLeftValue = (countImageContainers-1) * 170;
        }
        $(imageContainers[imageContainersId][i]).setStyle({'left' : newLeftValue+'px'});
      }
    } else {
      for(i = 0; i < imageContainers[imageContainersId].length; i++) {
        $(imageContainers[imageContainersId][i]).setStyle({'left' : i * 170+'px'});
      }
    }
  }
  //alert(imageContainers[imageContainersId].length);
  setTimeout('slideshowUpdate('+imageContainersId+')', intervallForUpdate);
}

function toggleDiv(id, button, bezeichnung) {
  if($(id).getStyle('display') == 'block') {
 //   $(id).hide();
	new Effect.BlindUp($(id));
    if(bezeichnung == '' || bezeichnung == undefined)
      bezeichnung = '[+] einblenden';
    $(button).update('<small>'+bezeichnung+'</small>');
  } else {
	new Effect.BlindDown($(id));
    $(button).update('<small>[X] ausblenden</small>');
  }
  return false;
}