/******************************************************************************************
 * Copyright by HPG Automobiltechnik Hans-Peter Gollin - All rights reserved.
 * Autor: Bernd Lutz Websolutions ( http://www.berndlutz.com )
 * Letzte Änderung: 13.12.2007
 *****************************************************************************************/


// slideshow

var slideshow = {
	
	// initialisieren
	init: function()
	{
		// Element für vergrößerte Ansicht
		$$('.slideshow').invoke('insert', {bottom: '<span>+</span>'});
		$$('.slideshow span').invoke('setOpacity', 0.5);
		
		// Bild-URLs in Array lesen
		slideshow.images = $$('.slideshow').invoke('readAttribute', 'href');
		
		// Events
		$$('.slideshow').invoke('observe', 'click', slideshow.enlarge_view);
		
		// Variablen
		slideshow.current_image = 0;
		slideshow.num = slideshow.images.length;
		slideshow.enlarged = false;
	},
	
	// vergrößerte Ansicht
	enlarge_view: function(event)
	{
		Event.stop(event);
		var elt = Event.element(event);
		elt = elt.up('a');

		if ( slideshow.enlarged == false )
		{
			slideshow.enlarged = true;
			// HTML Basis
			$('wrapper').insert({bottom: '<div id="slideshow"><div id="box-top"><img src="" alt="" /><a href="#" id="prev-img">vorheriges Bild</a><a href="#" id="next-img">nächstes Bild</a></div><div id="box-bottom"><a href="#" id="close-slideshow">Schließen</a></div></div>'});
			
			// ausgewähltes Bild laden
			slideshow.current_image = slideshow.images.indexOf(elt.readAttribute('href'));
			slideshow.set_image();
			slideshow.refresh_buttons();
			
			/*
			<div id="slideshow">
				<div id="box-top">
					<img src="" alt="" />
					<a href="#" id="prev-img">vorheriges Bild</a>
					<a href="#" id="next-img">nächstes Bild</a>
				</div>
				<div id="box-bottom">
					<a href="#" id="close-slideshow">Schließen</a>
				</div>
			</div>
			*/
			
			// Events
			$('prev-img').observe('click', slideshow.previous_image);
			$('next-img').observe('click', slideshow.next_image);
			$('close-slideshow').observe('click', slideshow.close_enlarged_view);
		}
	},
	
	// vergrößerte Ansicht schließen
	close_enlarged_view: function()
	{
		$('slideshow').remove();
		slideshow.enlarged = false;
	},
	
	// nächstes Bild
	next_image: function()
	{
		slideshow.current_image++;
		slideshow.set_image();
		slideshow.refresh_buttons();
	},
	
	// vorheriges Bild
	previous_image: function()
	{
		slideshow.current_image--;
		slideshow.set_image();
		slideshow.refresh_buttons();
	},
	
	// Sichbarkeit der Buttons steuern
	refresh_buttons: function()
	{
		$('prev-img', 'next-img').invoke('show');

		if ( slideshow.current_image == 0 )
			$('prev-img').hide();
		
		if ( slideshow.current_image == slideshow.num-1 )
			$('next-img').hide();
	},
	
	// Pfad modifizieren
	set_image: function()
	{
		var path = slideshow.images[slideshow.current_image].replace(/\/thumbnails/i, '');
		$$('#slideshow img')[0].writeAttribute('src', path);
	}
}

// window loaded

document.observe('dom:loaded', function()
{
	// Search field
	
	Event.observe('search-field', 'focus', function(elt)
	{
		var e = Event.element(elt);
		if ( e.value == 'Autoteil suchen ...' ) e.value = '';
	});
	
	Event.observe('search-field', 'blur', function(elt)
	{
		var e = Event.element(elt);
		if ( e.value == '' ) e.value = 'Autoteil suchen ...';
	});
	
	// slidehow
	if ( document.getElementById('slideshow-images') )
		slideshow.init();
});