var last_fenster=false;

jQuery.fn.center = function () {
    this.css("position","absolute");
    this.css("top", ( $(window).height() - this.height() ) / 2+$(window).scrollTop() + "px");
    this.css("left", ( $(window).width() - this.width() ) / 2+$(window).scrollLeft() + "px");
    return this;
};

jQuery.fn.centerTopIn = function (where) {
    this.css("position","absolute");
    var top=$(window).scrollTop()+252;
    var contentPos=where.offset();

    var left= ( where.width() - this.width() ) / 2+contentPos.left ;
    if(this.width()>where.width()) {
    	left=contentPos.left - this.width() + where.width();
    }
    this.css("top", top + "px");
    this.css("left", left+ "px");
    return this;
};

$(document).ready(function() {
	$('#fader').css('top','0px').css('left','0px');
	var left=( $(window).width() - $('#fixed_navi').width() ) / 2+$(window).scrollLeft();
	left=left<19?19:left;
	$('#fixed_navi').css("left", left + "px");

	if($('#infobox')!=null) {
		$('#jobs').css('top',$('#infobox').height()+20+'px');
	}
	$(window).resize(function() {
		$('#fader').width($(window).width());
		$('#fader').height($(window).height());
		var left=( $(window).width() - $('#fixed_navi').width() ) / 2+$(window).scrollLeft();
		left=left<19?19:left;
		$('#fixed_navi').css("left", left + "px");
	});
	$('.sub_menu a').click(function() {
		$('#popup').fadeOut(500);
	});
	$('#print').click(function() {
		$('#options').css('display','none');
		$('#bigimg #kowalogo').css('display','block');
		$('#bigimgtxt').css('font-size','12pt');
		$('#bigimgtxt').css('clear','left');
		$('#bigimg #bild').css('height','14.5cm');
		$('#bigimg #bild').css('margin-top','1cm');
		$('#bigimg').printElement();
		$('#options').css('display','inline');
		$('#bigimgtxt').css('font-size',saved);
		$('#bigimg #kowalogo').css('display','none');
		$('#bigimgtxt').css('font-size','');
		$('#bigimgtxt').css('clear','');
		$('#bigimg #bild').css('height','');
	});
	$('.popup').click(function(e) {
		e.preventDefault();
		var id=$(this).attr('id');
		$.ajax({
			url:'index.php?action=get_popup&ajax=1&id='+id,
			success:
			function(data) {
				$('#popup').html(data);
				$('#popup').fadeIn(500);
				$('#popup').centerTopIn($('#content'));
				$('#popup').centerTopIn($('#content'));
				$('#close').click(function(e) {
					e.preventDefault();
					$('#popup').fadeOut(500);
				});
			}
		});
	});
	$('.haustuer').click(function(e) {
		e.preventDefault();
		$('#bigimg #bild').attr("src","");
		$('#fader').width($(window).width());
		$('#fader').height($(window).height());
		$('#fader').css("opacity","0");
		$('#fader').fadeTo(500,0.95);		
		$('#bigimg').css("left",($('#container').position().left+50)+'px');
		$('#bigimg').css("top",($(window).scrollTop()+50)+'px');
		$('#bigimg #bild').attr("src",BASEURL+'bilder/haustueren_holz/900px/'+$(this).children('img').attr('alt'));
		$.ajax({
			url:BASEURL+'index.php?ajax=1&action=get_holztuer_text&id='+$(this).attr('id'),
			success:
			function(data) {
				$('#bigimgtxt #text').html(data);
				$('#bigimg').fadeIn(500);		
//				$('#bigimgtxt').css('margin-top',(900-$('#bigimgtxt').height())+'px');
//				$('#bigimgtxt').css('top',($(window).scrollTop()+950)+'px');
//				$('#bigimgtxt').css('left','100px');
				$('#options').css('bottom',($('#bigimgtxt').height())+'px');
				$('#options').css('right','50px');
			}
		});
	});
	$('.haustuer_ha').click(function(e) {
		e.preventDefault();
		$('#bigimg #bild').attr("src","");
		$('#fader').width($(window).width());
		$('#fader').height($(window).height());
		$('#fader').css("opacity","0");
		$('#fader').fadeTo(500,0.95);		
		$('#bigimg').css("left",($('#container').position().left+50)+'px');
		$('#bigimg').css("top",($(window).scrollTop()+50)+'px');
		$('#bigimg #bild').attr("src",BASEURL+'bilder/haustueren_ha/900px/'+$(this).children('img').attr('alt'));
		$.ajax({
			url:BASEURL+'index.php?ajax=1&action=get_hatuer_text&id='+$(this).attr('id'),
			success:
			function(data) {
				$('#bigimgtxt #text').html(data);
				$('#bigimg').fadeIn(500);		
//				$('#bigimgtxt').css('margin-top',(900-$('#bigimgtxt').height())+'px');
				$('#options').css('bottom',($('#bigimgtxt').height())+'px');
				$('#options').css('right','50px');
			}
		});
	});
	$('.fenster_holz').click(function(e) {
		e.preventDefault();
//		last_fenster=$(this);
//		$(this).fadeOut(500);
		last_fenster=true;
		$('#content img').fadeOut(500);
		$('#bigimg #bild').attr("src","");
		$('#fader').width($(window).width());
		$('#fader').height($(window).height());
		$('#fader').css("opacity","0");
		$('#fader').fadeTo(500,0.95);		
		$('#bigimg').css("left",($('#container').position().left+50)+'px');
		$('#bigimg').css("top",($(window).scrollTop()+50)+'px');
		$('#bigimg #bild').attr("src",BASEURL+'bilder/fenster_holz/900px/'+$(this).attr('alt'));
		$.ajax({
			url:BASEURL+'index.php?ajax=1&action=get_holzfenster_text&id='+$(this).attr('id'),
			success:
			function(data) {
				$('#bigimgtxt #text').html(data);
				$('#bigimg').fadeIn(500);		
				$('#bigimgtxt').css('margin-top',(850-$('#bigimgtxt').height())+'px');
				$('#options').css('bottom',($('#bigimgtxt').height())+'px');
				$('#options').css('right','50px');
			}
		});
	});
	$('.fenster_ha').click(function(e) {
		e.preventDefault();
//		last_fenster=$(this);
//		$(this).fadeOut(500);
		last_fenster=true;
		$('#content img').fadeOut(500);
		$('#bigimg #bild').attr("src","");
		$('#fader').width($(window).width());
		$('#fader').height($(window).height());
		$('#fader').css("opacity","0");
		$('#fader').fadeTo(500,0.95);		
		$('#bigimg').css("left",($('#container').position().left+50)+'px');
		$('#bigimg').css("top",($(window).scrollTop()+50)+'px');
		$('#bigimg #bild').attr("src",BASEURL+'bilder/fenster_ha/900px/'+$(this).attr('alt'));
		$.ajax({
			url:BASEURL+'index.php?ajax=1&action=get_hafenster_text&id='+$(this).attr('id'),
			success:
			function(data) {
				$('#bigimgtxt #text').html(data);
				$('#bigimg').fadeIn(500);		
				$('#bigimgtxt').css('margin-top',(850-$('#bigimgtxt').height())+'px');
				$('#options').css('bottom',($('#bigimgtxt').height())+'px');
				$('#options').css('right','50px');
			}
		});
	});
	$('#fader, #unzoom').click(function(e) {
		e.preventDefault();
		if(last_fenster) {
			$('#content img').fadeIn(500);
			last_fenster=false;
		}
		$('#fader').fadeOut(500);
		$('#bigimg').fadeOut(500);
	});
	$('.passivtuer').click(function(e) {
		e.preventDefault();
		$('#bigimg #bild').attr("src","");
		$('#fader').width($(window).width());
		$('#fader').height($(window).height());
		$('#fader').css("opacity","0");
		$('#fader').fadeTo(500,0.95);		
		$('#bigimg').css("left",($('#container').position().left+50)+'px');
		$('#bigimg').css("top",($(window).scrollTop()+50)+'px');
		$('#bigimg #bild').attr("src",$(this).attr("href"));
		$.ajax({
			url:BASEURL+'index.php?ajax=1&action=get_passivtuer_text&id='+$(this).attr('id'),
			success:
			function(data) {
				$('#bigimgtxt #text').html(data);
				$('#bigimg').fadeIn(500);		
				$('#bigimgtxt').css('margin-top',(900-$('#bigimgtxt').height())+'px');
				$('#options').css('bottom',($('#bigimgtxt').height())+'px');
				$('#options').css('right','50px');
			}
		});
	});
	$('#top_website').tooltip({	
    delay:0,
    bodyHandler:function() {
      return 'Eine Empfehlung der dds Redaktion';
    }, 
    showURL: false 
	});
	$('#videolink').click(function() {
		//$('#videopopup').html('<video id="my_video_1" class="video-js vjs-default-skin" controls width="774" height="362" poster="my_video_poster.png" data-setup="{}"><source src="<?php echo BASEURL;?>video/Imagefilm_Kowa_774x362.mp4" type="video/mp4"><source src="<?php echo BASEURL;?>video/Imagefilm_Kowa_774x362.ogg" type="video/ogg"></video>');
		$('#fader').width($(window).width());
		$('#fader').height($(window).height());
		$('#fader').css("opacity","0");
		$('#fader').fadeTo(500,0.95);
		$('#videopopup').css('display','block');
		$('#videopopup').center();
		$.ajax({
			url:'video/video.php',
			success:function(data) {
				$('#videopopup').html(data);
				$('video').VideoJS();
				$('#fader').click(function() {
					$('#videopopup').fadeOut(500).html('');
					$('#fader').fadeOut(500);
				});
			}
		});
	});
});