var site;

function changeContent(newSite) {
  document.getElementById('im').href = "javascript:void(0);";
  document.getElementById('im').target = "";

  site = newSite;
  document.getElementById('content').style.display = 'block';
  document.getElementById('galBatik').style.display = 'none';
  document.getElementById('galTee').style.display = 'none';
  document.getElementById('galKokons').style.display = 'none';
  
  switch (site) {    
    case 'aktuell':
      var content = conAktuell;
      break;
    case 'vita':
      var content = conVita;
      break;
    case 'galerie':
      var content = '';
      document.getElementById('content').style.display = 'none';
      document.getElementById('galBatik').style.display = 'block';
      document.getElementById('galTee').style.display = 'block';
      document.getElementById('galKokons').style.display = 'block';
      break;                           
    case 'ausstellungen':
      var content = conAusstellungen;
      break;
    case 'kontakt':
      var content = conKontakt;
      break
    case 'links':
      var content = conLinks;
      break;
    }
  document.getElementById('content').innerHTML = content;
  
  var navi = document.getElementsByTagName("a");

  for (var i=0; navi.length>i; i++)
    {
    if(navi[i].href.substring(0,4) == 'http')
        {
        
        navi[i].target = '_blank';
        }
    }
  }

var fadeBatik, fadeTee, fadeKokons, fadeTitle;
var fadeBatikText, fadeTeeText, fadeKokonsText;
  
function fade(eID, startOpacity, stopOpacity, duration, recall, time) {
    if (time == undefined)
        {
        time = new Date();
        time = time.getTime();
        }
  
    var j_time = new Date();
    j_time = j_time.getTime(); 
  
    var obj_tra = startOpacity-(startOpacity-stopOpacity)*(j_time-time)/duration;
    setOpacity(eID, obj_tra);
    var next = false;
          
    if ((startOpacity-stopOpacity)>0)
      {
      if (obj_tra > stopOpacity)
        {
        next = true;
        }         
      }
    else
      {
      if (obj_tra < stopOpacity)
        {
        next = true;
        }       
      }
    
    if (next==true)
      {   
      switch (eID) {
        case 'batikPreview':
          fadeBatik = setTimeout("fade('"+eID+"', "+startOpacity+", "+stopOpacity+", "+duration+", '"+recall+"', "+time+")", 0);
          break;
        case 'teePreview':
          fadeTee = setTimeout("fade('"+eID+"', "+startOpacity+", "+stopOpacity+", "+duration+", '"+recall+"', "+time+")", 0);
          break;
        case 'kokonsPreview':
          fadeKokons = setTimeout("fade('"+eID+"', "+startOpacity+", "+stopOpacity+", "+duration+", '"+recall+"', "+time+")", 0);
          break;
        case 'batikPreviewText':
          fadeBatikText = setTimeout("fade('"+eID+"', "+startOpacity+", "+stopOpacity+", "+duration+", '"+recall+"', "+time+")", 0);
          break;
        case 'teePreviewText':
          fadeTeeText = setTimeout("fade('"+eID+"', "+startOpacity+", "+stopOpacity+", "+duration+", '"+recall+"', "+time+")", 0);
          break;
        case 'kokonsPreviewText':
          fadeKokonsText = setTimeout("fade('"+eID+"', "+startOpacity+", "+stopOpacity+", "+duration+", '"+recall+"', "+time+")", 0);
          break;
        case 'title':
          fadeTitle = setTimeout("fade('"+eID+"', "+startOpacity+", "+stopOpacity+", "+duration+", '"+recall+"', "+time+")", 0);
          break;
        default:
          setTimeout("fade('"+eID+"', "+startOpacity+", "+stopOpacity+", "+duration+", '"+recall+"', "+time+")", 0);
          break;
        }     
      }
    else
      {
      setOpacity(eID, stopOpacity);
      
      if (recall != 'undefined' && recall != undefined)
        {
        setTimeout(recall,0);
        }
      }
    }
  
function setOpacity(eID, opacityLevel) {
  var eStyle = document.getElementById(eID).style;
  eStyle.opacity = opacityLevel / 100;
  eStyle.filter = 'alpha(opacity='+opacityLevel+')';
  }

function getOpacity(eID) {
  var op = document.getElementById(eID).style.opacity;
  if(op == '')
    op = 1;
    
  if(navigator.appName == "Microsoft Internet Explorer"){
    op = document.getElementById(eID).filters.alpha.opacity/100;
    
    if(op == '')
      op = 0;
    }
    
  
    
  return op * 100;
  }

// galeriePreviewFadeOut
function gPfO(eID) {
  switch (eID) {
    case "batikPreview":
      fade('batikPreviewText', 0, 100, 500);
      break;
    case "teePreview":
      fade('teePreviewText', 0, 100, 500);
      break;
    case "kokonsPreview":
      fade('kokonsPreviewText', 0, 100, 500);
      break;
    }

  fade(eID, getOpacity(eID), 60, 600);
  }
  
// galeriePreviewFadeIn
function gPfI(eID) {
  switch (eID) {
    case "batikPreview":
      clearTimeout(fadeBatik);
      clearTimeout(fadeBatikText);
      fade('batikPreviewText', getOpacity('batikPreviewText'), 0, 300);     
      break;
    case "teePreview":
      clearTimeout(fadeTee);
      clearTimeout(fadeTeeText);
      fade('teePreviewText', getOpacity('teePreviewText'), 0, 300);
      break;
    case "kokonsPreview":
      clearTimeout(fadeKokons);
      clearTimeout(fadeKokonsText);
      fade('kokonsPreviewText', getOpacity('kokonsPreviewText'), 0, 300);
      break;
    }
    
  fade(eID, getOpacity(eID), 100, 300);    
  }

var galStatus = 0;
  
function startGalerie(w) {
  galStatus = 1;
  document.getElementById('galPreviewIMGs').innerHTML = '';  
  document.getElementById('galIMG').src = "";
  getPics(w);
  document.getElementById('loader').style.display = 'block';
  document.getElementById('galerieBG').style.display = 'block';
  fade('galerieBG', 0, 93, 400);
  document.getElementById('galerieT').innerHTML = w;
  switch (w) {
    case 'batik':
      document.getElementById('galerieTe').innerHTML = '... - kreatives, experimentelles Aufspüren der Möglichkeiten - Grenzüberschreitung<br>- Begegnung mit Stoffen, dem unterschiedlichen Charakter von Seide, Leinen, Baumwolle und Samt,<br>Mattigkeit oder Glanz, die individuelle Reaktion der Farbe und die daraus entstehende Wirkung ...';
      break;
    case 'tee':
      document.getElementById('galerieTe').innerHTML = '... - Teebeutel gebraucht - teilweise gefärbt, additive Ordnung, Spiel mit Raum und Licht ...';
      break;
    case 'kokons':
      document.getElementById('galerieTe').innerHTML = '... - stille Veränderung in der Tiefe - lebendige Akkumulation von geöffneten<br>Seidenkokons, dem eigentlich lebendigen Rohstoff der Seidenproduktion - Werden und Vergehen ...<br>';
      break;
    }
  document.getElementById('galerieFG').style.display = 'none';
  }
                                   
function closeGalerie(w) { 
  galStatus = 0;
  document.getElementById('loader').style.display = 'none';
  setOpacity('loader', 100); 
  fade('galerieFG', 100, 0, 100, "document.getElementById(\"galerieFG\").style.display = \"none\";document.getElementById(\"scrollF\").style.marginLeft = 0;");  
  setTimeout("fade('galerieBG', 93, 0, 300, 'document.getElementById(\"galerieBG\").style.display = \"none\";');",100);
  clearTimeout(titleDiv);
  clearInterval(diashow);
  document.getElementById('dia').innerHTML = 'Abspielen';
  
  imgPr = new Array();
  imgP = 0 ;
  
  }

var requestGal;
var imgP = 0;
var imgPr = new Array();

function getPics(w) {  
  // Request erzeugen
  if (window.XMLHttpRequest) {
  	requestGal = new XMLHttpRequest(); // Mozilla, Safari, Opera
  } else if (window.ActiveXObject) {
  	try {
  	  requestGal = new ActiveXObject('Msxml2.XMLHTTP'); // IE 5
  	} catch (e) {
  	  try {
  		  requestGal = new ActiveXObject('Microsoft.XMLHTTP'); // IE 6
  	  } catch (e) {}
  	  }
    }
  
      // überprüfen, ob Request erzeugt wurde
  if (!requestGal) {
  } else {
  	var url = "galerie/"+w+".xml";
  	// Request öffnen
  	requestGal.open('post', url, true);
  	// Requestheader senden
  	requestGal.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
  	// Request senden
  	requestGal.send();
  	// Request auswerten
  	requestGal.onreadystatechange = function() {
  	  switch (requestGal.readyState) {
  		// wenn der readyState 4 und der request.status 200 ist, dann ist alles korrekt gelaufen
  	    case 4:
  	      if (requestGal.status != 200) {
        	} else {
    		    var xmlDoc = requestGal.responseXML;
    		    var image = xmlDoc.getElementsByTagName('image');
    		    var load,k;
            var img = new Array();
            imgP=0;

    		    for (var i = 0; i <= image.length - 1; i++) {  
    		      if (galStatus == 0)
    		        return;
    		    
              load = new Image();
              load.src = 'galerie/'+w+'/'+image[i].getAttribute("src");
              load.title = image[i].getAttribute("title");           
              k = imgPr.length;
              imgPr[k] = new Image();
              imgPr[k].onload = function() {
                imgP++;
                if(imgP == image.length)
                  initGal(img) 
                };
              imgPr[k].src = load.src+'small.jpg';         
          
              document.getElementById('galPreviewIMGs').innerHTML += '<a href="javascript:void(0);" onclick="viewPic('+(img.length)+');" name="img'+(img.length)+'"><img class="tumbImg" id="gImg'+(img.length)+'" src="'+load.src+'small.jpg"></a>';
              if(i<image.length-1)
                document.getElementById('galPreviewIMGs').innerHTML += '<img src="img/transparent.gif" width="6px">';
              
              img.push(load);               
              
              img[0].onload = function() {                                                                             
                document.getElementById('title').innerHTML = '<table><tr><td style="text-align:center;height:40px;width:'+img[0].width+';">'+img[0].title+'</td></tr></table>';
                document.getElementById('title').style.width = img[0].width+1;
                clearTimeout(titleDiv);
                titleDiv = setTimeout("clearTimeout(fadeTitle);fade('title', getOpacity('title'), 0, 400);", 3400);  
                };  
              }      
    		    } 
		      
		    break;
	    default:
	   	  break;
	    }

	  };
  }
  }

var imageArray, galPos, titleDiv;
  
function initGal(img) {  
  if(galStatus == 0)
    return;
  
  document.getElementById('loader').style.display = 'none';  
  document.getElementById('galerieFG').style.display = 'block';
  fade('loader', 100, 0, 200);   
  initGalScroll();
  imageArray = img;
  galPos = 0;   
  window.location.href = "#img0";
  clearTimeout(fadeTitle); 
  fade('galerieFG', 0, 100, 450);   
  
  viewPic(0); 
  }
  
function windowOpen () {
  MeinFenster = window.open('impressum.html', "Impressum", "width=630,height=500,scrollbars=yes");
  MeinFenster.focus();
  }
  
function nextPicture() {
  fade('gImg'+galPos, getOpacity('gImg'+galPos), 60, 200);  
  clearTimeout(titleDiv);
  galPos += 1;   
  if(galPos > imageArray.length-1)
    galPos = 0;
  
  fade('gImg'+galPos, getOpacity('gImg'+galPos), 100, 200);
  fade('galIMG', 100, 0, 400, 'showPicture();'); 
  clearTimeout(fadeTitle);
  fade('title', getOpacity('title'), 0, 400); 
  window.location.href = '#img'+galPos;
  scrollTo();
  
  if(document.getElementById('dia').innerHTML == 'Stoppen') {
    clearInterval(diashow);
    diashow = setInterval('nextPicture();', 6500);
    }
  }
  
function prePicture() {
  fade('gImg'+galPos, getOpacity('gImg'+galPos), 60, 200);
  clearTimeout(titleDiv);
  galPos -= 1;  
  if(galPos < 0)
    galPos = imageArray.length-1;
  
  fade('gImg'+galPos, getOpacity('gImg'+galPos), 100, 200);
  fade('galIMG', 100, 0, 400, 'showPicture();');   
  clearTimeout(fadeTitle); 
  fade('title', getOpacity('title'), 0, 400); 
  scrollTo();
  
  if(document.getElementById('dia').innerHTML == 'Stoppen') {
    clearInterval(diashow);
    diashow = setInterval('nextPicture();', 6500);
    }
  }
  
function showPicture() {
  window.location.href = '#img'+galPos;
  scrollTo();
  document.getElementById('title').innerHTML = '<table><tr><td style="padding-left:3px;padding-right:3px;text-align:center;height:40px;width:'+imageArray[galPos].width+';">'+imageArray[galPos].title+'</td></tr></table>';
  document.getElementById('title').style.width = imageArray[galPos].width+1;
  document.getElementById("galIMG").src = imageArray[galPos].src;
  fade("galIMG", 0, 100, 400);  
  fade('title', 0, 66, 400);   
  titleDiv = setTimeout("fade('title', 66, 0, 400)", 3000);    
  
  if(document.getElementById('dia').innerHTML == 'Stoppen') {
    clearInterval(diashow);
    diashow = setInterval('nextPicture();', 6500);
    } 
  
  if(navigator.appName == "Microsoft Internet Explorer"){
      var mydiv = document.body;
      var nowgescrolled = mydiv.scrollTop; 
      mydiv.scrollTop = mydiv.scrollHeight; 
      var sch = mydiv.scrollHeight;
      mydiv.scrollTop = nowgescrolled; 
      
      nowgescrolled = mydiv.scrollLeft; 
      mydiv.scrollLeft = mydiv.scrollWidth; 
      var scw = mydiv.scrollWidth;
      mydiv.scrollLeft = nowgescrolled; 
      
      document.getElementById('galerieBG').style.width = scw;
      document.getElementById('galerieBG').style.height = sch;
      }
  } 
  
function viewPic(id) {
  if(galPos != id)
    fade('gImg'+galPos, getOpacity('gImg'+galPos), 60, 200);
  
  clearTimeout(titleDiv);
  galPos = id;
  fade('gImg'+galPos, getOpacity('gImg'+galPos), 100, 200);
  fade('galIMG', 100, 0, 400, 'showPicture();'); 
  clearTimeout(fadeTitle); 
  fade('title', getOpacity('title'), 0, 400); 
  }    
  
function showTitle() {
  clearTimeout(fadeTitle);
  clearTimeout(titleDiv);
  fade('title', getOpacity('title'), 66, 400); 
  }
  
function hideTitle() {
  titleDiv = setTimeout("clearTimeout(fadeTitle);fade('title', getOpacity('title'), 0, 400);", 3000);
  }
  
var scrollw, xStart, scrolling, scrollN = 0;
  function initGalScroll() {
    var mydiv = document.getElementById('galPreviewIMGs');
    var nowgescrolled = mydiv.scrollLeft; 
    mydiv.scrollLeft = mydiv.scrollWidth; 
    scrollw = mydiv.scrollWidth;
    mydiv.scrollLeft = nowgescrolled; 
                                   
    document.getElementById('scrollF').style.width = (400/scrollw)*400+'px';
    document.getElementById('scrollGalFGm').style.width = ((400/scrollw)*400-25)+'px';
    
    if(navigator.appName == "Microsoft Internet Explorer"){
      document.getElementById('scrollF').style.marginLeft = -200;
      }
    }
  function startGalScroll() {
    xStart = x;
    scrolling = true;
    }
  document.onmouseup = scrollStop;
  document.onmousemove = mouse;
  var x,y;
  function mouse(e) 
    {
    if (!e)
      e = window.event;

    x = e.clientX;
    y = e.clientY;
    
    if (scrolling == true)
        {        
        var t = scrollN - xStart + x;
        if (t<0)
          t=0;
            
        if(t>400-(400/scrollw)*400)
            t=400-(400/scrollw)*400;
            
        if(navigator.appName == "Microsoft Internet Explorer"){
          document.getElementById('scrollF').style.marginLeft = t-200;
          }
        else
          {
          document.getElementById('scrollF').style.marginLeft = t;
          }
        
        document.getElementById('galPreviewIMGs').scrollLeft = t*(scrollw/400);
        }
    else
        {
        scrollN = document.getElementById('galPreviewIMGs').scrollLeft /(scrollw/400);
        }
    }
  function scrollTo() {
    var mydiv = document.getElementById('galPreviewIMGs');
    var t = mydiv.scrollLeft; 
    
    if(navigator.appName == "Microsoft Internet Explorer"){
      document.getElementById('scrollF').style.marginLeft = t/(scrollw/400) - 200;  
      }
    else
      {
      document.getElementById('scrollF').style.marginLeft = t/(scrollw/400);      
      }  
    }
  function scrollStop()
    {
    if(scrolling == true)
        {
        scrolling = false;
        scrollN = scrollN - xStart + x; 
        
        document.body.style.KhtmlUserSelect='';
        clearSelection();  
        }                   
    }  
    
function clearSelection() {
  var sel ;
  if(document.selection && document.selection.empty){
    document.selection.empty() ;
  } else if(window.getSelection) {
    sel=window.getSelection();
    if(sel && sel.removeAllRanges)
    sel.removeAllRanges() ;
    }
  }

var diashow;
  
function galDia(obj) {
  if(obj.innerHTML == 'Abspielen') {
    obj.innerHTML = 'Stoppen';
    diashow = setInterval('nextPicture();', 6500);
    }
  else
    {
    obj.innerHTML = 'Abspielen'; 
    clearInterval(diashow);
    }
  }