var debugMode = false;
var site_idx = 2;
var site_dim_x = 800;
var ymax, content_height, height_head=200, height_foot=130;

$(document).ready(function(){	
	debugMode ? $("<div id='debug' />").appendTo("body") : null;
	$(".overlay_left").click(function() {
		nach_links();
	});
	$(".overlay_right").click(function() {
		nach_rechts();
	});
        //scrollWinInit("scrollContent1","scrollWindow1","scrollNavUp","scrollNavDown");
        //ContentHeight();
        activate_img_gallery();
        $('.popupTopCenter').width($('.statPano').width());
        $('.popupBottomCenter').width($('.statPano').width());
        $('.headline .txt').width($('.statPano').width()-20);
        $('.statPanoBorder').hide(); 
        $('.pano_icon').click(function() {openPopup();});
        $('.close_inline_hr').click(function() {closePopup();});
});
var imggal_curr_id;

function activate_img_gallery() {
	$('.trans').hide();
   
	$('.imggal').hover( function() {
		
		var showTextDescription = false;
		
		imggal_curr_id=parseInt($(this).attr('id').replace(/img/g, ""));
		
		hover_img_gallery(imggal_curr_id,showTextDescription);
	}); 
	$('.area').hover(function() {
		var showTextDescription = true;
		imggal_curr_id=$(this).attr('id').replace(/area/g, "");
		hover_img_gallery(imggal_curr_id,showTextDescription);
	});
}
function hover_img_gallery(imggal_curr_id,showTextDescription) { 

    var img_id='img'+imggal_curr_id;
	
	var showText = showTextDescription;
	
	$('.imggal').each(function(idx) {
        
		$(this).click(function(){
			var targetSite = $("area[id|='area"+(idx+1)+"']").attr("href");
			window.location.href = targetSite;
			//<area title="Hof des Lichts" alt="Hof des Lichts" href="http://www.kunsthof-dresden.de/kunsthof-passage/hof-des-lichts/index.html" coords="346,104,414,140" shape="rect" class="area" id="area4">
			//window.location.href="";
		});
		
		if(img_id==$(this).attr('id')) {
            
            if($(this).attr('src')=='Bilder/hof'+(idx+1)+'-hover.png') {
				
				$(this).attr('src','Bilder/hof'+(idx+1)+'.png');
				if(showText == true) $('.trans').eq(idx).fadeOut('slow');
				if(showText == true) $('.button-hu-bild').eq(idx).css({"background-color":"transparent","opacity":"0.80"});
			} else {
				
				$(this).attr('src','Bilder/hof'+(idx+1)+'-hover.png');
				if(showText == true) $('.trans').eq(idx).fadeIn('slow');
				if(showText == true) $('.button-hu-bild').eq(idx).css({"background-color":"#fff","opacity":"0.80"});
            }
		}
	});
}

function nach_links(){
	var pos_left = parseInt($("#layout").position().left);	
	debugMode ? $("#debug").html($("#debug").html() +"<br/>site_dim_x: "+site_dim_x+" / Left: "+ pos_left) : null;  
	if(pos_left<=-1* site_dim_x){
		site_idx--;
		$("#layout").animate({left: "+="+site_dim_x},200,"linear",(function(){
			
		}));
		debugMode ? $("#debug").html($("#debug").html() +"<br/>site_dim_x: "+site_dim_x+" / Left: "+ pos_left) : null;	
		/*
		$.ajax({
			url: 'php/getData.php',
			type: "POST",
			dataType: "html",
			data: {idx : site_idx},		
			success: function(data) {			
				$("#layout").animate({left: "+="+site_dim_x,},500,(function(){
						
				}));			
			}
		});
		*/
	}
}

function nach_rechts(){
	var layout_width = -1 * parseInt($("#layout").width())+800;
	var pos_left = parseInt($("#layout").position().left);
	debugMode ? $("#debug").html($("#debug").html() +"<br/>Left: "+ pos_left +" / Width: "+ layout_width) : null;	
	if(pos_left>layout_width){
		site_idx++;
		$("#layout").animate({left: "-="+site_dim_x},200,"linear",(function(){
		}));
		/*
		$.ajax({
			url: 'php/getData.php',
			type: "POST",
			dataType: "html",
			data: {idx : site_idx},		
			success: function(data) {		
				$("#layout").animate({left: "-="+site_dim_x},500,(function(){
				}));			
			}
		});
		*/
	}
}

 var viewportwidth;
 var viewportheight;
function ContentHeight() {
 viewportheight_old=viewportheight;
 // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
 if (typeof window.innerWidth != 'undefined')
 {
      viewportwidth = window.innerWidth;
      viewportheight = window.innerHeight;
 }
 
// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
 else if (typeof document.documentElement != 'undefined'
     && typeof document.documentElement.clientWidth !=
     'undefined' && document.documentElement.clientWidth != 0)
 {
       viewportwidth = document.documentElement.clientWidth;
       viewportheight = document.documentElement.clientHeight;
 }
 
 // older versions of IE
 else
 {
       viewportwidth = document.getElementsByTagName('body')[0].clientWidth;
       viewportheight = document.getElementsByTagName('body')[0].clientHeight;
 }
content_height = viewportheight - height_head-height_foot;
content_height += "px";
div = document.getElementById("scrollWindow1");
div.style.height = content_height;
ymax=$("#scrollContent1").innerHeight()-$("#scrollWindow1").innerHeight();
eval(schicht+contDiv+stil+'.top="'+(y-viewportheight_old+viewportheight)+px+'"');
}

 ////window.onresize = ContentHeight;
 ////window.onload = ContentHeight;

//GUNTERS farbige scrollknöpfchen
var  js10 = (document.images)?false:true; // NN2.x
var  js11 = (document.images) && ((window.screen)?false:true); // NN3.x
var  ie = ((document.all) && (window.offscreenBuffering)) ? true : false; // IE >= 4.x
var  isNS = ((document.captureEvents) && (!document.getElementById)) ? true : false; // NN4.x
var  mz = ((document.getElementById) && (!document.all) && (document.documentElement)) ? true : false; // NN6/MZ
var  op = ((document.getElementById) && (navigator.userAgent.indexOf('Opera') != -1)) ?true : false;
var isMacIE = ( (navigator.userAgent.indexOf("IE 4") > -1) && (navigator.userAgent.indexOf("Mac")  > -1) );
var weiter=0;
var y=0;
var xstart=40;
var ystart=0;
//var ymax= 1500; //document.getElementById("scrollContent1").innerHeight();
var speed=1;
var contDiv='scrollContent';
var winDiv='scrollWindow';
var navUp='scrollNavUp';
var navDown='scrollNavDown';

function scrollWinInit(cD,wD,nU,nD) {
   contDiv=cD;
   winDiv=wD;
   navUp=nU;
   navDown=nD;
   if(document.layers) window.captureEvents(Event.RESIZE);
   //window.onresize=doresize;
   if(nU) {
          if(document.layers) document.getElementById(navUp).captureEvents(Event.ONMOUSEUP);
          document.getElementById(navUp).onmouseup=scrollWinStop;
          if(document.layers) document.getElementById(navUp).captureEvents(Event.ONMOUSEDOWN);
          document.getElementById(navUp).onmousedown=scrollWinUp;
   }
   if(nD) {
       if(document.layers) document.getElementById(navDown).captureEvents(Event.ONMOUSEUP);
       document.getElementById(navDown).onmouseup=scrollWinStop;
       if(document.layers) document.getElementById(navDown).captureEvents(Event.ONMOUSEDOWN);
       document.getElementById(navDown).onmousedown=scrollWinDown;
   }
   if (ie) {
        schicht='document.all["'; stil='"].style'; px='';
        //ymax=document.all(winDiv).style.height;
   }
   if (isNS) {
        schicht='document.layers.'+winDiv+'.document.layers["'; stil='"]'; px='';
        //ymax=eval('document.layers.'+winDiv+'.document.layers.height');
   }
   if (mz) {
        schicht='document.getElementById("'; stil='").style'; px='px';
        //ymax=document.getElementById(winDiv).style.height;
   }
   if(op) {
        schicht='document.getElementById("'; stil='").style'; px='';
        //ymax=document.getElementById(winDiv).style.height;
   }
}
function scrollWinUp () { weiter=1; scrollWinScroll(2); }
function scrollWinDown () { weiter=1; scrollWinScroll(-2); }
function scrollWinStop () { weiter=0; };

function scrollWinScroll(wert) {
   y+=wert;
   if(y > 0) { y=0; weiter=0; }
   if(y < -ymax) { y=-ymax; weiter=0; }
   if (weiter) {
      eval(schicht+contDiv+stil+'.top="'+y+px+'"');
      setTimeout("scrollWinScroll("+wert+")",speed);
   }
}
function scrollWinGoToTop() {
   if(isNS) {
        eval('document.'+winDiv+'.document.'+contDiv+'.moveTo('+xstart+','+ystart+')');
        y=0;
   }
   if(ie) {
        eval(contDiv+'.style.pixelLeft='+xstart+';');
        eval(contDiv+'.style.pixelTop='+ystart+';');
        y=0;
   }
   if(mz) {
        document.getElementById(contDiv).style.left=xstart+"px";
        document.getElementById(contDiv).style.top=ystart+"0px";
        y=0;
        }
   if(op) {
        eval(contDiv+'.style.pixelLeft='+xstart+';');
        eval(contDiv+'.style.pixelTop='+ystart+';');
        y=0;
   }
}
//-----------------------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;
	try {
		this.appVersion = parseFloat(/(version[^s]*)/.exec(this.UA)[0].split("/")[1]);
	} catch(e) {
		this.appVersion = 1.0;
	}
  }
  // 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 openPopup(img) {
    $('.close_inline_hr').hide();
    // fensterhöhe / -breite
    var maskHeight = $(document).height();
    var maskWidth = $(window).width();
    // maske über ganzem window skalieren
    $('#mask').css({'width':maskWidth,'height':maskHeight});
    $('#mask').fadeIn(); //css("display","block");
    //$('.statPanoBorder').css({"z-index":"100","display":"block"});
    $('.statPanoBorder').show();
    $('.close_inline_hr').fadeIn();
}

function closePopup() {
    //$('#inline_hr').fadeOut(dFade, function() { 
       $('#mask').fadeOut(); //css("display","none");
        //$('.statPanoBorder').css({"z-index":"-100","display":"none"});
        $('.statPanoBorder').hide();
        $('.close_inline_hr').hide();
    //});
}
//-------------------------------------------