/*
 * Schmoe ImageSwitch 0.1 - Based on jQuery 1.1.3.1
 *
 * Copyright (c) 2007 Schoelzel, Moehring GmbH (www.schmoe.de)
 *
 * jQuery Copyright (c) 2007 John Resig (jquery.com)
 * Dual licensed under the MIT (MIT-LICENSE.txt)
 * and GPL (GPL-LICENSE.txt) licenses.
 *
 * $Date: 2007-08-17 
 *
 * Funktionsweis: 
 * arbeitet mit Hilfe der Bildnamenkonvention
 * Bildnamen grosser Bilder in Form: 
 *    [Bildname].[DateinameEndung]
 * Bildnamen kleiner Bilder in Form: 
 *    [Bildname][Anhang fuer kleine Bilder].[DateinameEndung]
 * CSS:
 * Das grosse Bild benoetigt eine ID zur Identifikation
 * Die kleinen Bilder benoetigen eine Klasse zur Identifikation
 * 
 * Es kann ein grosses Bild und beliebig viel kleine verwendet werden.
 * 
 */
	 
// Variabeln

var effects			= true; // Eyecandy ein/aus -> fuer Eyecandy muessen die Dimensionen fuer die Bilder gesetzt sein
var imgext 			= "jpg"; // DateinameEndung der Bilddateien
var postfix 		= "_small"; // Teil des Bilderdatienamens der kleine Bilder kennzeichnet
var imgsmallclass 	= "imgsmall"; // CSS Klassenname der kleinen Bilder
var imgbigid		= "imgbig"; // CSS ID des grossen Bildes

// Funktionen

$(document).ready(function(){ // jQuery hook
	
	$('img.'+imgsmallclass).click(
		function()
		{
			// Bildquellnamen umschreiben
			var source_this = $(this).attr('src').replace(postfix, '');
			var source_big = $('#'+imgbigid).attr('src').replace('.'+imgext, postfix+'.'+imgext);
			
			// Bilderquellen neu setzen
			if(effects == true)
			{
				$(this).hide('normal', function(){changeSrc(this, source_big);});
				$('#'+imgbigid).hide('slow', function(){changeSrc('#'+imgbigid, source_this);});
				$(this).show('normal');
				$('#'+imgbigid).show('slow');
			} 
			else
			{
				changeSrc(this, source_big);
				changeSrc('#'+imgbigid, source_this);
			}
			
			// Tu nichts mehr anderes
			return false;
		}
	);
 });

// Helper Functions

function changeSrc(where, towhat)
{
	$(where).attr('src', towhat);
}