/**
 * Kreativburg (c) 2010
 *
 * @author Marcel Linnenfelser
 *
 */

/*  $.browser.msie6 =
	    $.browser.msie
	    && /MSIE 6\.0/i.test(window.navigator.userAgent)
	    && !/MSIE 7\.0/i.test(window.navigator.userAgent); 
*/
$.browser.msie6 = /msie|MSIE 6/.test(navigator.userAgent);
var henrys_detailcontainer = null;
function showHouse (id) {
	$('#vor-ort1').css('display', 'none')
	$('#vor-ort2').css('display', 'none')
	$('#vor-ort3').css('display', 'none')

	$('#vor-ort'+id).css('display', 'block')
	
	$('#vor-ort-tab1 a').removeClass('sel')
	$('#vor-ort-tab2 a').removeClass('sel')
	$('#vor-ort-tab3 a').removeClass('sel')
	
	$('#vor-ort-tab'+id+' a').addClass('sel')
} 

$(window).bind('load', function () {
	$('.gallery-vorort').slideViewerPro({ 
	        thumbs: 6,  
	        autoslide: true,  
	        asTimer: 3500,  
	        typo: false, 
	        galBorderWidth: 0, 
	        thumbsBorderOpacity: 0,  
	        buttonsTextColor: "#707070", 
	        buttonsWidth: 40, 
	        thumbsActiveBorderOpacity: 1, 
	        thumbsActiveBorderColor: "#FFD100", 
	        shuffle: false 
	    });
	$('.vor-ort-container').css('display', 'none')
	$('#vor-ort1').css('display', 'block')
	
	$('#vor-ort-tab1 a').click(function (e) {
		e.preventDefault()
		showHouse(1);
	})
	$('#vor-ort-tab2 a').click(function (e) {
		e.preventDefault()
		showHouse(2);
	})
	$('#vor-ort-tab3 a').click(function (e) {
		e.preventDefault()
		showHouse(3);
	})
	
})
	    
function resizeBlend (event) {
	$('#blenddiv')
		.css('height', $(document).height()>$(window).height()?$(document).height():$(window).height())
		.css('width',  980>$(window).width()?980:$(window).width())
	/*$('#header-text').text($(document).height() + ":" + $(document).width() + " " + $(window).height() + ":" + $(window).width())*/
	
	var top = getZoomerTop()
	var left = getZoomerLeft()
	$('#zoomer-container-div')
		.css('top', top>5?top:5)
		.css('left', left>5?left:5)
	}

function getZoomerTop () {
	return $(window).scrollTop()+(($(window).height()-henrys_detailcontainer.height())/2)-10
}

function getZoomerLeft () {
	return $(window).scrollLeft()+(($(window).width()-henrys_detailcontainer.width())/2)
}
 
 
function openZoomer(miniimage, detailimages, detailcontainer) {
  //bildnamen: http://xyz/1234a.jpg
  fn=detailimages[0][0];

  //detail-buchstaben ausfiltern: a
  detail=fn.substr(fn.length-5,1);i=parseInt(detail);if(i)detail='';
  // alert(detail);
  
  //dan 14.06.2011
  js_loupe_go(detail);
  return 0;
  
  

	henrys_detailcontainer = detailcontainer
	if ($.browser.msie6)
		$("select").css({ visibility: "hidden" });
	if (detailimages.length<1) return;
	var blenddiv = $('<div id="blenddiv"></div>')
	$('body').append(blenddiv)
	var hideZoomer = function (event) {
		event.preventDefault();
		$('#blenddiv').fadeOut('slow', function () {
			$('#blenddiv').remove()
			$(window).unbind('resize', resizeBlend)
			henrys_detailcontainer = null
		})
		$('#zoomer-container-div').fadeOut('slow', function (evt) {
			$('#zoomer-container-div').remove()
			if (window.removeEventListener)
				window.removeEventListener('DOMMouseScroll', wheel , false);
			window.onmousewheel = null;
			document.onmousewheel = null;
			if ($.browser.msie6)
				$("select").css({ visibility: "visible" });
		})
	}
	blenddiv.css('position','absolute')
		.css('top', 0)
		.css('left', 0)
		.css('height', $(document).height())
		.css('width',  $(document).width())
		.css('background', 'black')
		.click(hideZoomer)
		.fadeTo(0, 0)
		.fadeTo('slow', 0.5)
	$(window).resize(resizeBlend)
	var div = $('<div id="zoomer-container-div"><a href="">Schlie&szlig;en</a> | Zoomen mit dem Mausrad<div id="zoomer-div"></div></div>')
	$('body').append(div)
	$('#zoomer-container-div a').click(hideZoomer)
	var top = getZoomerTop() //$(window).scrollTop()+(($(window).height()-detailcontainer.height())/2)-10
	var left = getZoomerLeft() //$(window).scrollLeft()+(($(window).width()-detailcontainer.width())/2)
	div.css('position', 'absolute')
			.css('z-index','10000')
			.css('top', top>5?top:5)
			.css('left', left>5?left:5)
			.css('display', 'block')
//			.css('height', detailcontainer.height())
//			.css('width', detailcontainer.width())
	$('#zoomer-div')
		.css('height', detailcontainer.height())
		.css('width', detailcontainer.width())
	new SmoothImageZoomer("zoomer-div", detailimages, {
						showButtons: true,
						buttonOrientation: "vertical",
						showZoomRate: true,
						loadingImg: imagePath+"loading.gif",
						miniature: miniimage,
						mouseTrackerClip: 80,
						zoomStep: 10,
						maximumZoom: 610
					});
	$('#zoomer-container-div').fadeTo(0,0)
		.fadeTo('slow', 1)
		
	
}

/** Archiv Container **/
function resizeArchivContainer () {
	$('#archiv-detail-container')
		.css('left', ($(window).width()>856?($(window).width()-850)/2:3))
	$('#blenddiv')
		.css('height', $(document).height()>$(window).height()?$(document).height():$(window).height())
		.css('width',  980>$(window).width()?980:$(window).width())	
}

function openArchivDetail (link) {
	hideSelects()
	var blenddiv = $('<div id="blenddiv"></div>')
	$('body').append(blenddiv)
	blenddiv.css('position','absolute')
		.css('top', 0)
		.css('left', 0)
		.css('height', $(document).height())
		.css('width',  $(document).width())
		.css('background', 'black')
		.click(hideArchivDetail)
		.fadeTo(0, 0)
		.fadeTo('slow', 0.5)
	$(window).resize(resizeArchivContainer)
	$.ajax({ url: link, context: document.body, success: function(data){
	        $(this).append($(data))
	        $('#archiv-detail-container')
				.fadeTo(0, 0)
				.fadeTo('slow', 1)
			resizeArchivContainer()
			$('#loading').css('display', 'none')
			$('.archiv-detail-close-link').click(function (event) {
				event.preventDefault()
				hideArchivDetail()
			})
	}})
}

function hideArchivDetail () {
	$('#archiv-detail-container')
		.fadeTo('slow', 0, function () {
			$('#archiv-detail-container').remove()
		})
	$('#blenddiv').fadeTo('slow', 0, function () {
		$('#blenddiv').remove()
		showSelects()
	})
	$(window).unbind('resize', resizeArchivContainer)
}

function hideSelects() {
	if ($.browser.msie6)
		$("select").css({ visibility: "hidden" });
}
function showSelects() {
	if ($.browser.msie6)
		$("select").css({ visibility: "visible" });
}
 
$(document).ready(function () {
	$('.gitter-box').each(function (index, element) {
		var detailimg = $(element).find('.gitter-imgdetail')[0];
            if(detailimg){ var detailid  = 'detailimg'+index
		detailimg.id  = detailid;
		$('body').append(detailimg)
		$(element).find('td img').mouseover(
			function () {
				hideSelects();
				var offset = $(element).find('td').offset();
				var detail = $('#'+detailid)
				var left   = offset.left-detail.width()-10
				var top    = offset.top + 50
				if (top+detail.height()>$(window).height()+$(window).scrollTop())
					top = $(window).height()+$(window).scrollTop()-detail.height()-8
				detail.css('top', top).css('left',left<0?offset.left+105:left).fadeIn(200) 
			}
		).mouseout(function () { 
			$('#'+detailid).fadeOut(200, function () {
				hideSelects();
			}) 
		  })}
	})

	$('.liste-box').each(function (index, element) {
		var detailimg = $(element).find('.liste-imgdetail')[0];
            if(detailimg){var detailid  = 'detailimg'+index
		detailimg.id  = detailid;
		$('body').append(detailimg)
		$(element).find('td img').mouseover(
			function () {
				hideSelects();
				var offset = $(element).find('td').offset();
				var detail = $('#'+detailid)
				var left   = offset.left-detail.width()-10
				var top    = offset.top + 50
				if (top+detail.height()>$(window).height()+$(window).scrollTop())
					top = $(window).height()+$(window).scrollTop()-detail.height()-8
				detail.css('top', top).css('left',/** nicht immer links in liste * left<0?*/offset.left+155/*:left*/).fadeIn(200) 
			}
		).mouseout(function () { 
			$('#'+detailid).fadeOut(200, function () {
				showSelects();
			})
		})}
	})
	
	$('.detail-box .detail-info').each(function (index, element) {
		// relocate detail img
		var detailimg = $(element).find('.detail-imgdetail')[0];
            if(detailimg){var detailid  = 'detailimg'
		detailimg.id  = detailid;
		$('body').append(detailimg)
    		
		// retrieve zoomer images
		var detailimages = [];
		var miniimage = "";
		$(element).find('.detail-images a').each(function(i, el) {
			if (el.rel == 'mini')
				miniimage = el.href
			else
				detailimages.push([el.href, parseInt(el.rel)])
		})
		var detailcontainer = $(element).find('.detail-images')
    		
		$(element).find('td img').mouseover(
			function () {
				hideSelects();
				var offset = $(element).find('td').offset();
				var detail = $('#'+detailid)
				var left   = offset.left-detail.width()-10
				var top    = offset.top + 50
				if (top+detail.height()>$(window).height()+$(window).scrollTop())
					top = $(window).height()+$(window).scrollTop()-detail.height()-8
				detail.css('top', top).css('left',left<0?offset.left+205:left).fadeIn(200) 
			}
    		  ).mouseout(function () { 
    			$('#'+detailid).fadeOut(200, function () {
    				showSelects();
    			}) 
    		  }).click(function () {
                openZoomer(miniimage, detailimages, detailcontainer)
    		  })}
	})

	$('.detail-box .detailbilder .detail-img').each(function (index, element) {
		var detailimg = $(element).find('.detail-imgdetail')[0];
            if(detailimg){ var detailid  = 'detailimg'+index
		detailimg.id  = detailid;
		$('body').append(detailimg)

		// retrieve zoomer images
		var detailimages = [];
		var miniimage = "";
		$(element).find('.detail-images a').each(function(i, el) {
			if (el.rel == 'mini')
				miniimage = el.href
			else
				detailimages.push([el.href, parseInt(el.rel)])
		})
		var detailcontainer = $(element).find('.detail-images')

		$(element).find('td img').mouseover(
			function () {
				hideSelects();
				var offset = $(element).find('td').offset();
				var detail = $('#'+detailid)
				var left   = offset.left-detail.width()-10
				var top    = offset.top + 50
				if (top+detail.height()>$(window).height()+$(window).scrollTop())
					top = $(window).height()+$(window).scrollTop()-detail.height()-8
				detail.css('top', top).css('left',left<0?offset.left+155:left).fadeIn(200) 
			}
		).mouseout(function () { 
			$('#'+detailid).fadeOut(200, function () {
				showSelects();
			}) 
		}).click(function () {
				openZoomer(miniimage, detailimages, detailcontainer)
		})}
	})
	
	$('#erweiterte-suche-link').click(function (e) 
      {
        //dan: 08.02.2011, Suche-panel ausgeklappt per CGI
        var sshow = document.frm.search_show
        //alert(sshow.value)

        if ($('#erweiterte-suche').is(':visible')) {
          sshow.value='0'
          $('#erweiterte-suche').hide(200)
          $('#erweiterte-suche-link').html('Erweiterte Suche &hellip;')
        } 
        else 
        {
          sshow.value='1'
          $('#erweiterte-suche').show(200)
          $('#erweiterte-suche-link').html('Einfache Suche &hellip;')
        }
        e.preventDefault()
	})
	$('#archiv-suche-link').click(function (e) {
		if ($('.archiv-suche').is(':visible')) {
			$('.archiv-suche').hide(200)
			$('#archiv-suche-link').html('Suche zeigen &hellip;')
		} else {
			$('.archiv-suche').show(200)
			$('#archiv-suche-link').html('Suche verstecken &hellip;')
		}
		e.preventDefault()
	})
	
	
	$('.suche-text').each(function (index, element) {
		var elem = $(element)
		elem.focus(function() {
			elem.addClass('suche-text-hover')
		})
		elem.blur(function() {
			elem.removeClass('suche-text-hover')
		})
	})
	
	$('.archiv-gitter-img img, .archiv-angebot a').each(function (index, element) {
		var elem = $(element)
		var link = elem.parent().find('a').attr('href')
		if (link)
			elem.click(function (e) {
				e.preventDefault()
				var offset = elem.offset()
				$('#loading')
					.css({
						top: offset.top,
						left: offset.left,
						position: 'absolute',
						display: 'block'
					})
				openArchivDetail(link)
			}).addClass('lupe')
	})
	
	$('#gallery-button').each(function (index, element) {
		var el = $(element)
		el.css('cursor', 'pointer')
		el.attr('title', 'Galerie anzeigen ...')
		el.addClass('gallery-button-down')
			.click(function (event) {
				$('#gallery-inner').slideViewerPro({ 
				        thumbs: 6,  
				        autoslide: true,  
				        asTimer: 3500,  
				        typo: false, 
				        galBorderWidth: 0, 
				        thumbsBorderOpacity: 0,  
				        buttonsTextColor: "#707070", 
				        buttonsWidth: 40, 
				        thumbsActiveBorderOpacity: 0.8, 
				        thumbsActiveBorderColor: "#FFD100", 
				        shuffle: false 
				    })
				if ($('#gallery').height()>0) {
					$('#gallery').animate({
						height: 0
					},{
						duration: 1000,
						easing: 'easeOutQuad',
						complete: function () {
							el.addClass('gallery-button-down')
							el.removeClass('gallery-button-up')
							$('#gallery').removeClass('lower-border')
						}
					})
				} else {
					$('#gallery').animate({
						height: 400
					},{
						duration: 1000,
						easing: 'easeOutQuad',
						complete: function () {
							el.addClass('gallery-button-up')
							el.removeClass('gallery-button-down')
						}
					})
					$('#gallery').addClass('lower-border')
				}
				event.preventDefault()
			})
	})
	$('#gallery').addClass('lower-border')
	$('#gallery-inner').css('visibility', 'hidden')
	$('#gallery-button').removeClass('gallery-button-down')
	$('#gallery-button').addClass('gallery-button-up')
	/** gallerien anfangs offen, werden dann geschlossen => kunde bemerkt galerie sicher! **/
	$('#gallery').animate({
		height: 0
	},{
		duration: 800,
		easing: 'easeOutQuad',
		complete: function () {
			$('#gallery').removeClass('lower-border')
			$('#gallery-button').removeClass('gallery-button-up')
			$('#gallery-button').addClass('gallery-button-down')
			$('#gallery-inner').css('visibility', 'visible')
		}
	})
	

	$('#gallery-button-schmuck').each(function (index, element) {
		var el = $(element)
		el.css('cursor', 'pointer')
		el.attr('title', 'Galerie anzeigen ...')
		el.addClass('gallery-button-down')
			.click(function (event) {
				$('#gallery-inner-schmuck').slideViewerPro({ 
				        thumbs: 6,  
				        autoslide: true,  
				        asTimer: 3500,  
				        typo: false, 
				        galBorderWidth: 0, 
				        thumbsBorderOpacity: 0,  
				        buttonsTextColor: "#707070", 
				        buttonsWidth: 40, 
				        thumbsActiveBorderOpacity: 0.8, 
				        thumbsActiveBorderColor: "#FFD100", 
				        shuffle: false 
				    })
				if ($('#gallery-schmuck').height()>0) {
					$('#gallery-schmuck').animate({
						height: 0
					},{
						duration: 1000,
						easing: 'easeOutQuad',
						complete: function () {
							el.addClass('gallery-button-down')
							el.removeClass('gallery-button-up')
							$('#gallery').removeClass('lower-border')
						}
					})
				} else {
					$('#gallery-schmuck').animate({
						height: 400
					},{
						duration: 1000,
						easing: 'easeOutQuad',
						complete: function () {
							el.addClass('gallery-button-up')
							el.removeClass('gallery-button-down')
						}
					})
					$('#gallery-schmuck').addClass('lower-border')
				}
				event.preventDefault()
			})
	})

	$('#gallery-schmuck').addClass('lower-border')
	$('#gallery-inner-schmuck').css('visibility', 'hidden')
	$('#gallery-button-schmuck').removeClass('gallery-button-down')
	$('#gallery-button-schmuck').addClass('gallery-button-up')
	/** gallerien anfangs offen, werden dann geschlossen => kunde bemerkt galerie sicher! **/
	$('#gallery-schmuck').animate({
		height: 0
	},{
		duration: 800,
		easing: 'easeOutQuad',
		complete: function () {
			$('#gallery-schmuck').removeClass('lower-border')
			$('#gallery-button-schmuck').removeClass('gallery-button-up')
			$('#gallery-button-schmuck').addClass('gallery-button-down')
			$('#gallery-inner-schmuck').css('visibility', 'visible')
		}
	})
	
	$('.haus-beschreibung-link').each(function (index, element) {
		var el = $(element)
		el.click(function (e) {
			e.preventDefault()
			var _this = this
			var beschr = el.parent().find('.haus-beschreibung')
			if (beschr.hasClass('open')) {
				beschr.animate({
					height: 32
				},{
					duration: 600,
					easing: 'easeOutQuad',
					complete: function () {
						beschr.removeClass('open')
						$(_this).html('weiterlesen ...')
					}
				})
			} else {
				var height = beschr.height('auto').height()
				beschr.height(32)
				beschr.animate({
					height: height
				},{
					duration: 600,
					easing: 'easeOutQuad',
					complete: function () {
						beschr.addClass('open')
						$(_this).html('einklappen ...')
					}
				})
			}
		})
	})
	
	$('#header-select').change(function (e) {
		var win
		if (this.selectedIndex>0) {
			switch (this.selectedIndex) {
				case 1: win = window.open('http://www.henrys-autopfand.de/')
				break;
				case 2: win = window.open('http://www.henrys.de/dieautowaesche.php')
				break;
				case 3:win = window.open('http://www.henrys.de/index.php?pc=henort&spc=17')
				break;
			}
		}
	})
	
	jQuery('.tooltip-link').tooltip({ 
	    delay: 0, 
	    showURL: false, 
	    track: true
	});
});


// Uebernommene Javascript-Funktionen aus der alten Henry's Website
function addEngine(name)
{
  if ((typeof window.sidebar == "object") && (typeof
  window.sidebar.addSearchEngine == "function"))
  {
    window.sidebar.addSearchEngine(
      "http://www.henrys.de/browser_suche/browser_ff_henrys.src",
      "http://www.henrys.de/browser_suche/browser_ff_henrys.gif",
      name,
      "Henrys");
  }
}