//-----------------------Inline Popup---------------------------
function BrowserDetection(){
  this.appName = "n/a";
  this.appVersion = "n/a";
  this.isIE = this.isFF = this.isOpera = this.isSafari = false;

  // set defaults for duration of jquery-effects
  this.dSlide = 400; // duration for slide
  this.dShow = 200;  // duration for show
  this.dFade = 750;  // duration for fade
  this.UA = navigator.userAgent.toLowerCase();

  // IE
  if(this.UA.search(/msie/) != -1){
    this.appName = "IE";
    this.isIE = true;
    this.appVersion = parseFloat(/(msie[^;]*)/.exec(this.UA)[0].split(" ")[1]);
    this.dSlide = 0;
    this.dShow = 0;
    this.dFade = 0;

  // Opera
  }else if(this.UA.search(/opera/) != -1){
    this.appName = "Opera";
    this.isOpera = true;
    this.appVersion = parseFloat(/(opera[^s]*)/.exec(this.UA)[0].split("/")[1]);

  // Firefox
  }else if(this.UA.search(/firefox/) != -1){
    this.appName = "Firefox";
    this.isFF = true;
    this.appVersion = parseFloat(/(firefox[^s]*)/.exec(this.UA)[0].split("/")[1]);

  // Safari
  }else if(this.UA.search(/khtml/) != -1){
    this.appName = "Safari (Win)";
    this.isSafari = true;
    this.appVersion = parseFloat(/(version[^s]*)/.exec(this.UA)[0].split("/")[1]);
  }

  // OS Detection
  this.userOS = 'n/a';
  // if Windows
  if(this.UA.search(/windows/) != -1){
        this.userOS = 'win';
  }
}

var obj = new BrowserDetection();
//alert('userOS : ' + obj.userOS + '\n\nappName: ' + obj.appName + '\n\n IE? : ' + obj.isIE + '\n\n Opera? : ' + obj.isOpera + '\n\n FF? : ' + obj.isFF + '\n\n Safari? : ' + obj.isSafari)
//alert('dSlide=' + obj.dSlide + '\n\ndShow=' + obj.dShow + '\n\ndFade=' + obj.dFade);
var dSlide = obj.dSlide;
var dShow = obj.dShow;
var dFade = obj.dFade;
var chkIV;

function checkInlineHRLoaded() {
 if(document.getElementById('inline_hr').complete==true) {
    window.clearInterval(chkIV);
    $('#inline_hr').fadeIn(dFade);
    if($('#inline_hr').width()==317 || $('#inline_hr').width()==478) {
	   if($('#inline_hr').width()==478) { //quer
	   		$('.close_inline_hr').css({'top':-505,'left':305});
			$('#inline_hr').css('left',3);
	   } else { //hochkant
	   		$('.close_inline_hr').css({'top':-678,'left':143}); 
			$('#inline_hr').css('left',0);
	   }
    }
 } else {
   //$('.close_inline_hr').css({'top':-505,'left':305});
   //$('#inline_hr').css({'left':'3','position':'relative'});
 }
 $('.close_inline_hr').show();
}

function openPopup(img) {
	$('.close_inline_hr').hide();
    // fensterhöhe / -breite
    var maskHeight = $(document).height();
    var maskWidth = $(window).width();
    // maske über ganzem window skalieren
    var c = $(".content_out");
    var offset = c.offset(); 
    $('#mask').css({'top':offset.top,'left':offset.left});
    //$('#mask').css({'width':maskWidth-offset.left,'height':maskHeight-offset.top});
    $('#mask').css({'width':maskWidth-offset.left,'height':$(".content_out").height()});
    // maske einblenden
    ///$('.logo_flash').css("visibility","hidden");
    //$('#mask').css("opacity",0.4);
    $('#mask').css("display","block");
    $('#inline_hr').css("z-index","3000");
    //$('#inline_hr').css({'width':1,'height':1});
    document.getElementById('inline_hr').src=img.src.replace(/.jpg$/,"_hr.jpg").replace(/.png$/,"_hr.png");
    chkIV=window.setInterval("checkInlineHRLoaded()", 100);
}

function closePopup() {
    $('#inline_hr').fadeOut(dFade, function() { 
        $('#mask').css("display","none");
        ///$('.logo_flash').css("visibility","visible");
	document.getElementById('inline_hr').src="";
    });    
}

//-------------------------------------------
$(document).ready(function() {
  var toggle = function(direction, display) {
    return function() {
      var self = this;
      var ul = $("ul", this);
      if( ul.css("display") == display && !self["block" + direction] ) {
        self["block" + direction] = true;
        ul["slide" + direction]("slow", function() {
          self["block" + direction] = false;
        });
      }
    };
  }

  $('#inline_hr').hide();
  $('.close_inline_hr').hide();
  $("#cat_marke_img").hide();
  $("#cat_marke_img").fadeIn(6000);

  $("li#marken").hover(toggle("Down", "none"), toggle("Up", "block"));
  $("ul#subnavi_marken").hide();
  $("li#trauringe").hover(toggle("Down", "none"), toggle("Up", "block"));
  $("ul#subnavi_trauringe").hide();
  $("li#service").hover(toggle("Down", "none"), toggle("Up", "block"));
  $("ul#subnavi_service").hide();
  $("li#shop").hover(toggle("Down", "none"), toggle("Up", "block"));
  $("ul#subnavi_shop").hide();
  $("li#frauenkirchenuhr").hover(toggle("Down", "none"), toggle("Up", "block"));
  $("ul#subnavi_frauenkirchenuhr").hide();
  $("li#news").hover(toggle("Down", "none"), toggle("Up", "block"));
  $("ul#subnavi_news").hide();
  $("li#kontakt").hover(toggle("Down", "none"), toggle("Up", "block"));
  $("ul#subnavi_kontakt").hide();
  $("li#partner").hover(toggle("Down", "none"), toggle("Up", "block"));
  $("ul#subnavi_partner").hide();

  //---inline Popup
  $(".marke").click(function() { openPopup(this); });
  $(".close_inline_hr").click(function() { closePopup(); });

    /***Startup-Info Popup***/
	if(window.location.href=="http://www.juwelierhoffmann.de/") { //alert('welcome');
                var popupWidth=$('.imGallery').width()+54; 
                var popupHeight=$('.imgGallery').height()+54;
                ///////$('.statPanoBorder').hide();
                $('.close_inline_win').click(function() { closePopupWin(); });
               	$('.imGallery').css('width','220'); 
		$('.imgGallery').css('height','395');
		openPopupWin('#inline_win','img/startup_info_hr.png');
	}
});

/*  $(".cat_marke").ready(function() {
    $(".cat_marke").fadeIn("slow"); 
  });
*/

var pano_on=0;
function switchPano() {
   if(pano_on) {
      document.getElementById('statPano').style.display='block';
      document.getElementById('dynPano').style.display='none';
      document.getElementById('statPanoTxt').style.display='block';
      document.getElementById('dynPanoTxt').style.display='none';
      pano_on=0;
   } else {
      document.getElementById('statPano').style.display='none';
      document.getElementById('dynPano').style.display='block';
      document.getElementById('statPanoTxt').style.display='none';
      document.getElementById('dynPanoTxt').style.display='block';
      pano_on=1;
   }
}

/****Popop Window on Startpage*****/
 var imgGalleryOn=0;
 var popupWidth=700; 
 var popupHeight=450;

 function openPopupWin(el,src) {
    imgGalleryOn=1;
    $(el).attr('src',src);
    $('.logo_clock').css('visibility','hidden');
    positionGallery();
    $('.statPanoBorder').show();
    $('.close_inline_win').fadeIn();
 }

 function closePopupWin() {
    imgGalleryOn=0;
    $('#mask').fadeOut(function() { $('.logo_clock').css('visibility','visible'); }); //css("display","none");
    $('.statPanoBorder').hide();
    $('.close_inline_win').hide();
 }
 function positionGallery() {
   if(imgGalleryOn) {
     // maske über ganzem window skalieren
     var maskHeight = $(document).height();
     var maskWidth = $(window).width();
     $('#mask').css({'width':maskWidth,'height':maskHeight});
     $('#mask').fadeIn(); //css("display","block");
     // position korrigieren
     vpHeight=$(window).height();
     vpWidth=$(window).width();
     var scroll= GB_getPageScrollTop();

     var scrollY=scroll[1]; //////>maskHeight-vpHeight?0:scroll[1];       //window.pageYOffset;

     var scrollX=scroll[0]; //////>maskWidth-vpWidth?0:scroll[0];        //window.pageXOffset;
     var margTop=((vpHeight-popupHeight)>>1)+scrollY;
     var margLeft=((vpWidth-popupWidth)>>1)+scrollX;
     $('.statPanoBorder').css({"margin-top":(margTop<0?0:margTop),"margin-left":(margLeft<0?0:margLeft)});
   }
 }
GB_getPageScrollTop = function(){

    var yScrolltop;

    var xScrollleft;

    if (self.pageYOffset || self.pageXOffset) {

      yScrolltop = self.pageYOffset;

      xScrollleft = self.pageXOffset;

    } else if(document.documentElement&& document.documentElement.scrollTop

      || document.documentElement.scrollLeft ){   // Explorer 6 Strict

      yScrolltop = document.documentElement.scrollTop;

      xScrollleft = document.documentElement.scrollLeft;

    } else if (document.body) {// all other Explorers

      yScrolltop = document.body.scrollTop;

      xScrollleft = document.body.scrollLeft;

    }

    arrayPageScroll = new Array(xScrollleft,yScrolltop);

    return arrayPageScroll;

  }
 window.onresize=positionGallery;
 window.onscroll=positionGallery;