function showPicInit() {
	slideContainer = $('nunodesign_contentSlider');
	image_container1 = $('nd_contentSlider_maxImage1');
	image_link1 = $('nd_contentSlider_maxImage1Link');
	linkBox = $('nd_contentSlider_linkBox');
	if(!linkBox)
	 return false;
	links = linkBox.getElements('a');
	window.activeImage = 0;
	window.activeSlide = 0;
	
	var xmlRequest = new Request({
		method: 'get',
		url: 'slider.xml',
		onSuccess: function(text, xml) {
			var xmlArray = new Array();
			window.xml = xml.documentElement;
			window.xmlImageWidth = xml.getElementsByTagName('imageWidth')[0].firstChild.nodeValue.toInt();
			window.xmlLinkWidth = xml.getElementsByTagName('textBlockWidth')[0].firstChild.nodeValue.toInt();
			window.xmlContainerWidth = xmlImageWidth + (xml.getElementsByTagName('image').length * xmlLinkWidth);
			xmlContainerWidth.toInt();
			window.xmlContainerHeight = xml.getElementsByTagName('containerHeight')[0].firstChild.nodeValue.toInt();
			
			slideContainer.setStyles({
				'width': xmlContainerWidth,
				'height': xmlContainerHeight
			});
			
			for (var i = 0; xml.getElementsByTagName('image').length > i; i++) {
				var imageContainer = new Element('div', {
					'class': 'imageContainer',
					'styles': {
						'width': 40,
						'height': xmlContainerHeight
					}
				})
				var imageLink = new Element('a', {
					'id': 'slider_'+i,
					'href': '#',
					'onclick': 'javascript: return false;',
					'styles': {
						'height': xmlContainerHeight,
						'width': xmlLinkWidth
					},
					'events': {
						'click': function() {
							var id = this.getProperty('id').slice(7,8);
							if (activeImage != id && activeSlide != 1) slideImages(id, activeImage);
							if (activeSlide != 1) activeImage = id; return false;
						}
					}
				})
				var image = new Element('div', {
					'id': 'maxImage_'+i,
					'styles': {
						'width': 0,
						'height': xmlContainerHeight,
						'display': 'block',
						'background-image': 'url('+xml.getElementsByTagName('image')[i].getAttribute('src')+')',
						'background-repeat': 'no-repeat'
					}
				})
		 		if(Browser.Engine.name == "trident" && Browser.Engine.version < 6) {
				image.setStyle('opacity',0);
				}
				var divText = new Element('p', {
					'html': xml.getElementsByTagName('image')[i].firstChild.nodeValue,
					'styles': {
						'width': xmlImageWidth - 400 - 20,
						'margin-left': 370	
					}
				})
				imageLink.inject(imageContainer);
				divText.inject(image);
				image.inject(imageContainer);
				imageContainer.inject(linkBox);
				window.sliderHeight = 350;
			}
			$('maxImage_0').setStyle('width', xmlImageWidth);
			$($('maxImage_0').getParent()).setStyle('width', xmlImageWidth + 40);
			$('slider_0').set('class', 'slider_active');
			$('slider_0').getParent().getElement('div').setStyle('opacity',1);
		}
	}).send();
}


var resizeImages = function(openImage, closeImage) {
	activeSlide = 1;
	/*$('slider_'+closeImage).removeProperty('class');
	$('slider_'+openImage).set('class', 'slider_active');*/
	$('slider_'+closeImage).removeClass('slider_active');
	$('slider_'+openImage).addClass('slider_active');
	if(Browser.Engine.name == "trident" && Browser.Engine.version < 6) {
	$('slider_'+closeImage).getParent().getElement('div').setStyle('opacity',0);
	$('slider_'+openImage).getParent().getElement('div').setStyle('opacity',1);
	}
	var closeImage = $('maxImage_'+closeImage);
	var openImage = $('maxImage_'+openImage);
	var activeWidth = parseInt(closeImage.style.width);
	var clickedWidth = parseInt(openImage.style.width);
	if (i + 25 < xmlImageWidth) {
		closeImage.setStyle('width', activeWidth - 25);
		openImage.setStyle('width', clickedWidth + 25);
		$(closeImage.getParent()).setStyle('width', $(closeImage.getParent()).getSize().x - 25);
		$(openImage.getParent()).setStyle('width', $(openImage.getParent()).getSize().x + 25);
		i = i + 25;
	} else if (i + 15 < xmlImageWidth) {
		closeImage.setStyle('width', activeWidth - 15);
		openImage.setStyle('width', clickedWidth + 15);
		$(closeImage.getParent()).setStyle('width', $(closeImage.getParent()).getSize().x - 15);
		$(openImage.getParent()).setStyle('width', $(openImage.getParent()).getSize().x + 15);
		i = i + 15;
	} else if (i + 5 < xmlImageWidth) {
		closeImage.setStyle('width', activeWidth - 5);
		openImage.setStyle('width', clickedWidth + 5);
		$(closeImage.getParent()).setStyle('width', $(closeImage.getParent()).getSize().x - 5);
		$(openImage.getParent()).setStyle('width', $(openImage.getParent()).getSize().x + 5);
		i = i + 5;
	}
	else {
		closeImage.setStyle('width', activeWidth - 1);
		openImage.setStyle('width', clickedWidth + 1);
		$(closeImage.getParent()).setStyle('width', $(closeImage.getParent()).getSize().x - 1);
		$(openImage.getParent()).setStyle('width', $(openImage.getParent()).getSize().x + 1);
		i++;
	}
	if (i > xmlImageWidth) {
		clearInterval(startSlide);
		activeSlide = 0;
	}
}

function slideImages(clickedImage, activeImage) {
	window.cI = clickedImage;
	window.aI = activeImage;
	window.i = 1;
	window.startSlide = window.setInterval("resizeImages(cI, aI)", 2);

}


window.addEvent('domready', function() {
	var contentSlider = $('nunodesign_contentSlider');
	//var credits = $('nunodesign_contentSlider_credits');
	//if ($(credits.getFirst('span')).get('html').toLowerCase().split('"').join('') == 'jetzt slideshow holen bei nunodesign`s: <a href=http://www.nunodesign.de/slideshow/ target=_blank>slideshow free</a>') {
		showPicInit();
	//}
	
	var closeButton = $('nd_contentSlider_closeButton');
	if(!closeButton)
	 return false;
	closeButton.addEvent('click', function() {
		if (contentSlider.getSize().y < sliderHeight) {
			var sliderTween = new Fx.Tween(contentSlider);
			sliderTween.start('height', sliderHeight);
			this.set('text', 'close');
		} else {
			var sliderTween = new Fx.Tween(contentSlider);
			sliderTween.start('height', sliderHeight, 0);
			this.set('text', 'open');
		}
	})
	
	/*var creditsButton = $('nd_contentSlider_creditsButton');
	var creditsHeight = 15;
	creditsButton.addEvent('click', function() {
		if (credits.getSize().y == 0) {
			var creditsTween = new Fx.Tween(credits);
			creditsTween.start('height', creditsHeight);
			this.set('text', '-');
		} else {
			var creditsTween = new Fx.Tween(credits);
			creditsTween.start('height', 0);
			this.set('text', '+');
		}
	})*/
});