$(function() {
		   


// Textfeld Container Breite

if ($('#fotoR').length>0) {
var textWidth = $('#fotoR').width()-40;
$('#textfeld').css('width', textWidth);
}
else {
var textWidth = $('#fotoL').width()-40;
$('#textfeld').css('width', textWidth);
	}

// Menü ein- / ausblenden
			
	$('#btMenu small').hide().html('VERZEICHNIS');
	$('#btMenu').hover(
  		function () {$('#btMenu small').fadeIn(0,1);},
  		function () {$('#btMenu small').fadeOut('fast');}
		);

	$('#menu').hide().css('visibility', 'visible');
	$('#btMenu').click(function(){
		if ($('#menu').is(':hidden')) { 
		$('#menu').show('fast'); 
		$('#btMenu img').attr('src', 'assets/img/btMenu-close.gif');
		$('#btMenu small').html('Schließen');}
		else { $('#menu').hide('fast'); 
		$('#btMenu img').attr('src', 'assets/img/btMenu.gif');
		$('#btMenu small').html('VERZEICHNIS');}
	});


					
// Menü Unterpunkte ein- / ausklappen

var mr  = $('#btMenu small').attr('alt');

	
if( mr==4 || mr==13 || mr==14 || mr==15 || mr==16 || mr==17 || mr==18  ) {
		$('#m1a-m, #m3-m').hide(); // bei magazin ids nur magazine aufklappen
		$('#m1-, #m1-m').show(); 
		// alert(mr);
		}
else if( mr==23 || mr==9 || mr==19 || mr==20 || mr==21 || mr==22 ) {
		$('#m1-m, #m3-m').hide(); // bei archiv ids nur archiv aufklappen
		$('#m1-, #m1a-m').show(); 
		}
else if ( mr==5 || mr==24 || mr==25 || mr==215 || mr==219 || mr==223 ) {
		$('#m1-, #m1a-m').hide(); // bei projekt ids nur projekt aufklappen
		$('#m1-m').show(); 
		}
else {
	$('#m1-, #m1a-m, #m3-m').hide(); // sonst alles zuklappen
	$('#m1-m').show(); 
	}


	$('#m1').click(function(){ 
		if ($('#m3-m').is(':visible')) { $('#m3-m').slideToggle('fast'); }
	
		if ($('#m1a-m').is(':hidden')) { $(this).next('div').slideToggle('fast'); }
		else { $('#m1a-m').slideToggle('fast'); $('#m1-m').slideToggle('fast'); }
	});

	$('#m1a').click(function(){ $('#m1a-m').slideToggle('fast'); $('#m1-m').slideToggle('fast'); });

	$('#m3').click(function(){ 
		if ($('#m1-').is(':visible')) { $('#m1-').slideToggle('fast'); }
		$(this).next('div').slideToggle('fast');
	});
	

// Menü Preview
//$('#wrapPreview').stop(true, true).delay(500).fadeTo(200,1);

$('#m1-m, #m1a-m, #m2, #m3-m').hover(
  function () {
	$('#wrapPreview').fadeTo(0,0);
	 var boxWidth = $('#preview').width()+2;
	$('#wrapPreview').css('width', boxWidth);
    $('#wrapPreview').stop(true, true).delay(500).fadeTo(200,1);
  },
  function () {
    $('#wrapPreview').stop(true, true).delay(800).fadeTo(100,0, function () {
        $(this).hide();
      });

  }
);

$('#m1-m a, #m1a-m a, #m2, #m3-m a').hover(
  function () {
	var img = $(this).children('img').attr('src');
	var preview = img.replace(/menu/, 'preview').replace(/gif/, 'jpg');
	$('#previewImg').attr('src',preview);
	
 $('#previewImg').stop(true, true).fadeTo(0,0).fadeTo(0,1);
  },
  function () {
  }
);
	
	// Bei letztem Serienbild Button einfügen und bei Klick Menü öffnen
	
	if ($('#btNext').length == 0) {
	$('<div id="btEnd"> </div>').prependTo('#container');
		$('#btEnd').click(function(){
		if ($('#menu').is(':hidden')) { 
		$('#menu').show('fast'); 
		$('#btMenu img').attr('src', 'assets/img/btMenu-close.gif');
		$('#btMenu small').html('Schließen');}
	});
}

});



$(window).load(function(){
	
// Bildüberschneidung bei schmalen Browser-Fenster verhindern
if ($('#fotoR').length>0) {
var browserWidth = $(window).width();
var imageWidth = $('#fotoL').width()*2.22;
if (browserWidth < imageWidth) {
$('#container').css('width', imageWidth);}
}


// Scrollpane initialisieren
// $('.scrollpane').jScrollPane();

});


$(window).resize(function() {

// Bildüberschneidung bei schmalen Browser-Fenster verhindern		
if ($('#fotoR').length>0) {
var browserWidth = $(window).width();
var imageWidth = $('#fotoL').width()*2.22;
if (browserWidth < imageWidth) {
$('#container').css('width', imageWidth);}
else { $('#container').css('width', '100%'); }

if (browserWidth < imageWidth-30) {
$('body').css('overflow', 'auto');}
else if (browserWidth > imageWidth) { $('body').css('overflow', 'hidden'); }
}

// Textfeld Container Breite
if ($('#fotoR').length>0) {
var textWidth = $('#fotoR').width()-40;
$('#textfeld').css('width', textWidth);
}
else {
var textWidth = $('#fotoL').width()-40;
$('#textfeld').css('width', textWidth);
	}

});