$(document).ready(function() {
	var pathToCss = "/script/fancybox/jquery.fancybox-1.3.4.css";
	var pathToCss_IE = "/script/fancybox/jquery.fancybox_IE-1.3.4.css";
	var pathToCss_IE6 = "/script/fancybox/jquery.fancybox_IE6-1.3.4.css";
	var pathToScript = "/script/fancybox/jquery.fancybox-1.3.4.pack.js";
	var pathToScriptMouse = "/script/fancybox/jquery.mousewheel-3.0.4.pack.js";
	
	// auf welche elemente soll fancybox angwendet werden?
	var elements = "a.thickbox";	// abwärtskompatibel mit dem bisherigen thickbox
	
	if ($(elements).length > 0)
	{
		// load css
		// achtung: ab jQuery 1.5 muss die url beim IE6 inkl. host sein (http://bugs.jquery.com/ticket/8574)
		var domain = window.location.protocol + "//" + window.location.host;
		$("head").append('<link rel="stylesheet" href="' + domain + pathToCss + '" type="text/css" />');
		if ($.browser.msie && pathToCss_IE)
		{
			$("head").append('<link rel="stylesheet" href="' + domain + pathToCss_IE + '" type="text/css" />');
			if ($.browser.version == 6.0 && pathToCss_IE6)
			{
				$("head").append('<link rel="stylesheet" href="' + domain + pathToCss_IE6 + '" type="text/css" />');
			}
		}
		// load script and initialize fancybox on selected elements after loading is complete
		$.getScript(domain + pathToScriptMouse);
		$.getScript(domain + pathToScript, function(){
			$(elements).fancybox({
				"overlayOpacity": 0.75,
				"overlayColor": "#000",
				"transitionIn": "fade",
				"transitionOut": "none",	// kein Effekt beim Schließen
				"titlePosition": "float",	// default: float; wenn inside (entspricht thickbox), dann transitionIn none verwenden
				"hideOnContentClick": true,	// Klick auf Bild schließt
				"cyclic": true,	// bei Galerien vom letzten Bild wieder zum ersten und vice versa
				'titleFormat': function(title, currentArray, currentIndex, currentOpts) {
					var rv = "";
					// bei Galerien Info über Anzahl der Bilder (Fortschritt) hinzufügen
					if (currentArray.length > 1)
					{
						title = "[Image " + (currentIndex + 1) + "/" + currentArray.length + "] " + (title ? title : "");
					}
					if (title)
					{
						if (currentOpts.titlePosition == "float")
						{
							rv = '<table id="fancybox-title-float-wrap" cellpadding="0" cellspacing="0"><tr><td id="fancybox-title-float-left"></td><td id="fancybox-title-float-main">' + title + '</td><td id="fancybox-title-float-right"></td></tr></table>';
						}
						else
						{
							rv = '<div id="fancybox-title-' + currentOpts.titlePosition + '">' + title + '</div>';
						}
					}
					return rv;
				}
			});
		});
	}
});