var inhalt = [	["Bekommen Sie einen kleinen Einblick in unsere Räume.", "img/gallery/desk.jpg"],
				["Sie sollen sich auch in den Details wohlfühlen.", "img/gallery/water.jpg"],
				["Die großzügige Atmosphäre unserer Praxis hat eine beruhigende Wirkung.", "img/gallery/floor.jpg"],
				["Unser Konzept steht für die individuelle Betreuung unserer Patienten.", "img/gallery/hands.jpg"],
				["Unser Wartezimmer widerspricht mit größter Wahrscheinlichkeit Ihren Erwartungen. Und das wird Ihnen gut tun. Warten Sie’s ab.", "img/gallery/door.jpg"]];

var length = inhalt.length;
var curNbr = 0;
var nextNbr;
var prevNbr;

// Following Four Functions Originally Coded By Cody Lindley (http://www.codylindley.com) - but few things edited
function getPageSize(){
	var de = document.documentElement;
	var w = window.innerWidth || self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
	var h = window.innerHeight || self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight;
	arrayPageSize = [w,h];
	return arrayPageSize;
}

function goPrev(){
	$('#description').text("");
	$('#gal_img').remove();
	$('#galerie_img').append("<div id=\"gal_img\"></div>");
	loadImage(prevNbr);
	return false;
}
function goNext(){
	$('#description').text("");
	$('#gal_img').remove();
	$('#galerie_img').append("<div id=\"gal_img\"></div>");
	loadImage(nextNbr);				
	return false;	
}

function loadImage(nbr) {//function called when the user clicks on a thickbox link
	try {
		//$("#gal_img").append("<div id='loading'><img src='img/loading.gif' /></div>").fadeIn(250);//add loader to the page
		curNbr = nbr;
		nextNbr = (curNbr == length-1) ? 0 : curNbr+1;
		prevNbr = (curNbr == 0) ? length-1 : curNbr-1;
		
		$('#gal_img').append('<img src=\"'+inhalt[nbr][1]+'\" alt=\"'+inhalt[nbr][0]+'\"/>');
		try {
			$('#description').append(inhalt[nbr][0]);
		} catch (e) {
		
		}
		$("#prev").click(goPrev);
		$("#next").click(goNext);
		
		$("#loading").fadeOut(250, function() { $("#loading").remove(); } );
		$("#gal_img").css({display:"block"}); //for safari using css instead of show
	} catch(e) {
		//nothing here
	}
}

//dimScreen()
//by Brandon Goldman
jQuery.extend({
	//dims the screen
    dimScreen: function(speed, opacity, callback) {
        if(jQuery('#__dimScreen').size() > 0) return;
        
        if(typeof speed == 'function') {
            callback = speed;
            speed = null;
        }

        if(typeof opacity == 'function') {
            callback = opacity;
            opacity = null;
        }

        if(speed < 1) {
            var placeholder = opacity;
            opacity = speed;
            speed = placeholder;
        }
        
        if(opacity >= 1) {
            var placeholder = speed;
            speed = opacity;
            opacity = placeholder;
        }
		speed = (speed > 0) ? speed : 500;
        opacity = (opacity > 0) ? opacity : 0.5;
        dimensions = getPageSize();
		return jQuery('<div></div>').attr({
                id: '__dimScreen'
                ,fade_opacity: opacity
                ,speed: speed
            }).css({
            background: '#272727'
            ,height: dimensions[1] + 'px'
            ,left: '0px'
            ,opacity: 0
            ,position: 'absolute'
            ,top: '0px'
            ,width: '100%'
            ,zIndex: 999
        }).appendTo(document.body).fadeTo(speed, opacity, callback);
    },
    
    //stops current dimming of the screen
    dimScreenStop: function(callback) {
        var x = jQuery('#__dimScreen');
        var opacity = x.attr('fade_opacity');
        var speed = x.attr('speed');
        x.fadeOut(speed, function() {
            x.remove();
            if(typeof callback == 'function') callback();
        });
    }
});

function dimGalerie() {
	var gal = "<div id=\"galerie_frame\">"
		+"<div id=\"galerie\">"
		+"	<div id=\"galerie_img\">"
		+"		<div id=\"gal_img\">"
//		+"			<img src=\"img/galerie/tw_galerie_img_01.jpg\" />"
		+"		</div>"
		+"		<div id=\"galerie_nav\">"
		+"			<p id=\"description\"></p>"
		+"			<div id=\"galerie_nav_btns\">"
		+"				<span class=\"float_left\">"
		+"					 <span id=\"prev\"><a href=\"#\" title=\"&lt; ein Bild zur&uuml;ck\"><img src=\"img/gallery/arrow_left.gif\" alt=\"&lt; ein Bild zur&uuml;ck\" /></a></span>"
		+"					<span id=\"next\"><a href=\"#\" title=\"ein Bild vor &gt;\"><img src=\"img/gallery/arrow_right.gif\" alt=\"ein Bild vor &gt;\" /></a></span>"
		+"				</span>"
		+"				<span class=\"float_right\">"
		+"					<a href=\"javascript:closeGalerie()\" title=\"Galerie schlie&szlig;en\"><img src=\"img/gallery/close.gif\" alt=\"Galerie schlie&szlig;en\" /></a>"
		+"					<a href=\"javascript:closeGalerie()\" title=\"Galerie schlie&szlig;en\">Schliessen</a>"
		+"				</span>"
		+"			</div>"
		+"		</div>"
		+"	</div>"
		+"	<div id=\"footer\" class=\"galerie\">"
		+"		Auf einen Klick: Unsere <a href=\"javascript:closeGalerie(\'index.html\')\">Startseite</a>, <a href=\"javascript:closeGalerie(\'sprechstunden.html\')\">Sprechstunden</a>, <a href=\"javascript:closeGalerie(\'impressum.html\')\">Impressum</a>, <a href=\"javascript:closeGalerie(\'anfahrt.html\')\">Anfahrt</a><br />"
		+"		Copyright 2007&ndash;2009 by Thomas Walzer"
		+"	</div>"
		+"</div>"
		+"</div>";
	
	return jQuery(gal).appendTo(document.body).fadeIn(500, function() { loadImage(0); });
}

function openGalerie() {
	$.dimScreen(1000, 0.9, function () { dimGalerie(); });
}

function closeGalerie(url) {
	var x = jQuery('#galerie_frame');
	var opacity = x.attr('fade_opacity');
	var speed = x.attr('speed');
	x.fadeOut(500, function() { x.remove();
								if(url) {
									$.dimScreenStop( function() { top.location.href = url; } )
								} else {
									$.dimScreenStop();
								}   } );
}