/* Schalter fuer die height des div class angaben */

$(document).ready(function () {
  $('#verkehrswerbungortzielaus').click(function(){
    $('#mitte .entry-content .verkehrswerbungangaben').height( 150 );
    $('#verkehrswerbungortzielschalter').hide();
  } );
  $('#verkehrswerbungortzielan').click(function(){
    $('#mitte .entry-content .verkehrswerbungangaben').height( 232 );
    $('#verkehrswerbungortzielschalter').show();
  } );
} );

$(document).ready(function () {
  $('#plakatwerbungortzielaus').click(function(){
    $('#mitte .entry-content .plakatwerbungangaben').height( 250 );
    $('#plakatwerbungortzielschalter').hide();
  } );
  $('#plakatwerbungortzielan').click(function(){
    $('#mitte .entry-content .plakatwerbungangaben').height( 332 );
    $('#plakatwerbungortzielschalter').show();
  } );
} );

$(document).ready(function () {
  $('#plakatwerbung-einsatzort').click(function(){
    if ( $('#plakatwerbung-einsatzort').val() == "PLZ/Ort" )
    {
      $('#mitte .entry-content .plakatwerbungangaben').height( 332 );
      $('#plakatwerbung-einsatzort-schalter').show();
    }
    else
    {
      $('#mitte .entry-content .plakatwerbungangaben').height( 250 );
      $('#plakatwerbung-einsatzort-schalter').hide();
    }
  } );
} );

$(document).ready(function () {
  $('#verkehrswerbung-einsatzort').click(function(){
    if ( $('#verkehrswerbung-einsatzort').val() == "PLZ/Ort" )
    {
      $('#mitte .entry-content .verkehrswerbungangaben').height( 232 );
      $('#verkehrswerbung-einsatzort-schalter').show();
    }
    else
    {
      $('#mitte .entry-content .verkehrswerbungangaben').height( 150 );
      $('#verkehrswerbung-einsatzort-schalter').hide();
    }
  } );
} );


var schnipsel = '<div class="anzeige"><div class="text"><a href="#" class="schalter links"></a><a href="#" class="schalter rechts"></a><span class="lfd"></span><span class="laenge"></span></div><div class="bild"></div><a href="#"class="schalter lupe hopp"></a><img src="/common/themes/schiffmann/images/logo-overlay.png" class="logo"></div>';
var welcheGalerie = '';
var tempo = 500;

jQuery(function($) {



/* Baut beim Laden der Seite die Galerie auf */

		$(window).load(function(){
			$('div.gallery').each(function(j){
				$(this).prepend(schnipsel);
				$(this).find('span.lfd').html('1');
				$('div.gallery a.links').addClass('rand');
				var laenge = $(this).find('dl.gallery-item').length;				
				$(this).find('span.laenge').html(laenge);
				$(this).find('dl.gallery-item').each(function(i){
					var wurzel = $(this).parent('div.gallery');
					$(this).addClass('lfd'+(i+1));					
					var neuerText = $(this).find('dd.wp-caption-text').html();
					wurzel.find('div.anzeige').find('div.text').append('<span class="produkttitel lfd' + (i+1) + '">' +  neuerText +'</span>');
					var neuesBild = '<a href=\"#\" class=\"hopp\"><img src=\"'+$(this).find('dt.gallery-icon a').attr('href')+'\" class=\"grossBild'+(i+1)+'\" alt=\"'+neuerText+'\" height=\"330\" width=\"495\" /></a>';
					wurzel.find('div.anzeige').find('div.bild').append(neuesBild);
					if (i+1 == 1) {
						$(this).addClass('erster');
						$(this).find('dt').find('a').addClass('aktiv');
						wurzel.find('div.anzeige').find('div.bild').find('img').css('display','block');
						wurzel.find('div.anzeige').find('div.bild').find('img').addClass('oben');
						wurzel.find('div.anzeige').find('div.text').find('span.produkttitel').css('display','block');
						wurzel.find('div.anzeige').find('div.text').find('span.produkttitel').addClass('oben');
					}
					if(i+1 == laenge){
						$(this).addClass('letzter');	
					}
				});
			});
			
			
/* Wandert mit den Pfeilen vor und zurück */			
		
			$('div.gallery div.text a').click(function(){
				var wurzel = $(this).parent('div.text').parent('div.anzeige').parent('div.gallery');
				var merker = $(this).parent('div.text').find('span.lfd');
				var aktuell = $(this).parent('div.text').find('span.lfd').text()*1;				
				
				if ($(this).hasClass('links')) {
					if ($(this).hasClass('rand')){
						aktuell = $(this).parent('div.text').find('span.laenge').text()*1;
						$(this).removeClass('rand');					
						$(this).parent('div.text').find('a.rechts').addClass('rand');
					}
					else {
						aktuell -= 1;
						$(this).parent('div.text').find('a.rechts').removeClass('rand');
						if (wurzel.find('dl.gallery-item.lfd'+aktuell+'').hasClass('erster')) {
							$(this).addClass('rand');
						}
					}
				}
				else {
					if ($(this).hasClass('rand')){
						aktuell = 1;
						$(this).removeClass('rand');
						$(this).parent('div.text').find('a.links').addClass('rand');	
					}
					else {
						aktuell += 1;
						$(this).parent('div.text').find('a.links').removeClass('rand');
						if (wurzel.find('dl.gallery-item.lfd'+aktuell+'').hasClass('letzter')) {
							$(this).addClass('rand');
						}
					}
				} 					
				merker.html(aktuell);
				wurzel.find('div.anzeige').find('div.bild').find('img.oben').fadeOut(tempo,function(){$(this).removeClass('oben')});
				wurzel.find('div.anzeige').find('div.bild').find('img.grossBild'+aktuell+'').fadeIn(tempo,function(){$(this).addClass('oben')});
				wurzel.find('div.anzeige').find('div.text').find('span.oben').fadeOut(tempo,function(){$(this).removeClass('oben')});
				wurzel.find('div.anzeige').find('div.text').find('span.lfd'+aktuell+'').fadeIn(tempo,function(){$(this).addClass('oben')});					
				
				
				
				wurzel.find('dl.gallery-item').find('dt.gallery-icon a').removeClass('aktiv');
				wurzel.find('dl.gallery-item.lfd'+aktuell+'').find('dt.gallery-icon a').addClass('aktiv');
				return false;
			});	
			
		
/* Schaltet beim Klick auf das kleine Bild das große Bild um */		
			
			$('dt.gallery-icon a').click(function(){			
				if ($(this).hasClass('aktiv')) {
					return false;
				}
				else {				
					var quelle = $(this).parent('dt').parent('dl');
					var zielText = quelle.parent('div.gallery').find('div.anzeige').find('div.text');
					var zielBild = quelle.parent('div.gallery').find('div.anzeige').find('div.bild');				
					var merker = quelle.parent('div.gallery').find('div.anzeige').find('div.text').find('span.lfd');
					var klasse = quelle.attr('class');
					if (klasse.indexOf('erster') > 0){
						zielText.find('a.links').addClass('rand');
						zielText.find('a.rechts').removeClass('rand');
					}
					else {				
						if (klasse.indexOf('letzter') > 0){
							zielText.find('a.links').removeClass('rand');
							zielText.find('a.rechts').addClass('rand');
						}
						else {
							zielText.find('a.links').removeClass('rand');
							zielText.find('a.rechts').removeClass('rand');					
						}
					}
					var stelle = klasse.indexOf('lfd');
					var aktuell = klasse.substring(stelle+3,stelle+4)*1;
					merker.html(aktuell);
					var bildRaus = $(this).parent('dt').parent('dl').parent('div.gallery').find('div.anzeige').find('div.bild').find('img.oben');
					var bildRein = $(this).parent('dt').parent('dl').parent('div.gallery').find('div.anzeige').find('div.bild').find('img.grossBild'+aktuell+'');
					var textRaus = $(this).parent('dt').parent('dl').parent('div.gallery').find('div.anzeige').find('div.text').find('span.oben');
					var textRein = $(this).parent('dt').parent('dl').parent('div.gallery').find('div.anzeige').find('div.text').find('span.lfd'+aktuell+'');				
					bildRaus.fadeOut(tempo,function(){bildRaus.removeClass('oben')});
					bildRein.fadeIn(tempo,function(){bildRein.addClass('oben')});
					textRaus.fadeOut(tempo,function(){textRaus.removeClass('oben')});
					textRein.fadeIn(tempo,function(){textRein.addClass('oben')});
					var nachbarn = $(this).parent('dt.gallery-icon').parent('dl.gallery-item').parent('div.gallery').find('dl').find('dt').find('a');
					nachbarn.removeClass('aktiv');
					$(this).addClass('aktiv');
					return false;
				}
			});
			

	$("a.hopp").click(function(){
		if($(this).parent('div').hasClass('bild')){
			welcheGalerie = $(this).parent('div').parent('div').parent('div').attr('id');
		}
		else {
			welcheGalerie = $(this).parent('div').parent('div').attr('id');
		}
	});
	
			
  $("a.hopp").fancybox({
  				'content' : '<div id="fancyboxRahmen"><div id="fancyboxRahmenInnen"></div></div>',
				'width'				: 980,
				'padding'		: 0,
				'overlayOpacity' : 0.8,
				'scrolling' : 'no',
  				'onComplete'	: function(){
  				
/* Anfang der durchgeschleiften Funktionen */
  				
  											galerieKopieren();

											$("div#fancyboxRahmenInnen a.hopp").click(function(){
												return false;
											});

/* Wandert mit den Pfeilen vor und zurück */			
		
											$('div#fancyboxRahmen div.gallery div.text a').click(function(){
												var wurzel = $(this).parent('div.text').parent('div.anzeige').parent('div.gallery');
												var merker = $(this).parent('div.text').find('span.lfd');
												var aktuell = $(this).parent('div.text').find('span.lfd').text()*1;				
				
												if ($(this).hasClass('links')) {
													if ($(this).hasClass('rand')){
														aktuell = $(this).parent('div.text').find('span.laenge').text()*1;
														$(this).removeClass('rand');					
														$(this).parent('div.text').find('a.rechts').addClass('rand');
													}
													else {
														aktuell -= 1;
														$(this).parent('div.text').find('a.rechts').removeClass('rand');
														if (wurzel.find('dl.gallery-item.lfd'+aktuell+'').hasClass('erster')) {
															$(this).addClass('rand');
														}
													}
												}
												else {
													if ($(this).hasClass('rand')){
														aktuell = 1;
														$(this).removeClass('rand');
														$(this).parent('div.text').find('a.links').addClass('rand');	
													}
													else {
														aktuell += 1;
														$(this).parent('div.text').find('a.links').removeClass('rand');
														if (wurzel.find('dl.gallery-item.lfd'+aktuell+'').hasClass('letzter')) {
															$(this).addClass('rand');
														}
													}
												} 					
												merker.html(aktuell);
												wurzel.find('div.anzeige').find('div.bild').find('img.oben').fadeOut(tempo,function(){$(this).removeClass('oben')});
												wurzel.find('div.anzeige').find('div.bild').find('img.grossBild'+aktuell+'').fadeIn(tempo,function(){$(this).addClass('oben')});
												wurzel.find('div.anzeige').find('div.text').find('span.oben').fadeOut(tempo,function(){$(this).removeClass('oben')});
												wurzel.find('div.anzeige').find('div.text').find('span.lfd'+aktuell+'').fadeIn(tempo,function(){$(this).addClass('oben')});					
				
				
				
												wurzel.find('dl.gallery-item').find('dt.gallery-icon a').removeClass('aktiv');
												wurzel.find('dl.gallery-item.lfd'+aktuell+'').find('dt.gallery-icon a').addClass('aktiv');
												return false;
											});	
		
/* Schaltet beim Klick auf das kleine Bild das große Bild um */		
			
											$('div#fancyboxRahmen dt.gallery-icon a').click(function(){			
												if ($(this).hasClass('aktiv')) {
													return false;
												}
												else {				
													var quelle = $(this).parent('dt').parent('dl');
													var zielText = quelle.parent('div.gallery').find('div.anzeige').find('div.text');
													var zielBild = quelle.parent('div.gallery').find('div.anzeige').find('div.bild');				
													var merker = quelle.parent('div.gallery').find('div.anzeige').find('div.text').find('span.lfd');
													var klasse = quelle.attr('class');
													if (klasse.indexOf('erster') > 0){
														zielText.find('a.links').addClass('rand');
														zielText.find('a.rechts').removeClass('rand');
													}
													else {				
														if (klasse.indexOf('letzter') > 0){
															zielText.find('a.links').removeClass('rand');
															zielText.find('a.rechts').addClass('rand');
														}
														else {
															zielText.find('a.links').removeClass('rand');
															zielText.find('a.rechts').removeClass('rand');					
														}
													}
													var stelle = klasse.indexOf('lfd');
													var aktuell = klasse.substring(stelle+3,stelle+4)*1;
													merker.html(aktuell);
													var bildRaus = $(this).parent('dt').parent('dl').parent('div.gallery').find('div.anzeige').find('div.bild').find('img.oben');
													var bildRein = $(this).parent('dt').parent('dl').parent('div.gallery').find('div.anzeige').find('div.bild').find('img.grossBild'+aktuell+'');
													var textRaus = $(this).parent('dt').parent('dl').parent('div.gallery').find('div.anzeige').find('div.text').find('span.oben');
													var textRein = $(this).parent('dt').parent('dl').parent('div.gallery').find('div.anzeige').find('div.text').find('span.lfd'+aktuell+'');				
													bildRaus.fadeOut(tempo,function(){bildRaus.removeClass('oben')});
													bildRein.fadeIn(tempo,function(){bildRein.addClass('oben')});
													textRaus.fadeOut(tempo,function(){textRaus.removeClass('oben')});
													textRein.fadeIn(tempo,function(){textRein.addClass('oben')});
													var nachbarn = $(this).parent('dt.gallery-icon').parent('dl.gallery-item').parent('div.gallery').find('dl').find('dt').find('a');
													nachbarn.removeClass('aktiv');
													$(this).addClass('aktiv');
													return false;
												}
											});  											
  			
  										
											
											
											
/* Ende der durchgeschleiften Funktionen */
											
											
  										},											
			});		
			
			
			
			
	});
});

			
function galerieKopieren(){
	welchesDiv = 'div#'+welcheGalerie;
	var galerie = '<div class=\"gallery\">' + $(welchesDiv).html() + '</div>';
	$(galerie).prependTo('div#fancyboxRahmenInnen');
}

function diesenAktiv(welchen){
	alert(welchen);
}