// Copyright 2009 Benedikt Auer


var picnr = 0;
var piccount = 0;
var aktpic = '';
var aktbez = '';
var userw,userh;
var divw=200;
var divh=60;
var hakt ='';
var wakt = '';
var pictures = new Array();
var akttext = new Array();
var galname = "";

function jsPicStart(imgSource,textSource,Albumname)
{
  pictures = imgSource.split(';');
  akttext = textSource.split(';');
  piccount = (pictures.length)-1;
  jsPic(0);
}

function jsPrevNear(){
  document.getElementById('prev').style.display = 'block';
}
function jsPrevNearOut(){
  if (document.getElementById('prev').style.background != 'url(img/symbole/gallery_back_h.gif)')
  {
    document.getElementById('prev').style.display = 'none';
  }
}
function jsNextNear(){
  document.getElementById('next').style.display = 'block';
}
function jsNextNearOut(){
  if (document.getElementById('next').style.background != 'url(img/symbole/gallery_next_h.gif)')
  {
    document.getElementById('next').style.display = 'none';
  }
}

function jsPrevOn(){
  document.getElementById('prev').style.display = 'block';
  document.getElementById('prev').style.background = 'url(img/symbole/gallery_back_h.gif)';
}
function jsPrevOut(){
  document.getElementById('prev').style.background = 'url(img/symbole/gallery_back.gif)';
}
function jsNextOn(){
  document.getElementById('next').style.display = 'block';
  document.getElementById('next').style.background = 'url(img/symbole/gallery_next_h.gif)'
}
function jsNextOut(){
	document.getElementById('next').style.background = 'url(img/symbole/gallery_next.gif)';
}


function jsPrev()
{
  picnr--;
  picnr--;
  document.getElementById("nextnear").style.display = 'none';
  document.getElementById("prevnear").style.display = 'none';
  jsPic(picnr);
}

function jsNext()
{
  picnr--;
  picnr++;
  document.getElementById("nextnear").style.display = 'none';
  document.getElementById("prevnear").style.display = 'none';
  jsPic(picnr);
}

function jsPic(nr)
{
	picnr = nr+1;
	aktpic = pictures[nr];
	aktbez = akttext[nr];
	if (self.innerHeight) {
	userw = self.innerWidth;
	userh = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) {
	userw = document.documentElement.clientWidth;
	userh = document.documentElement.clientHeight;
	} else if (document.body) {
	userw = document.body.clientWidth;
	userh = document.body.clientHeight;
	}
	if (document.getElementById("blank_gal"))
	{
	  vGalBG = "blank_gal";
  }
  else
  {
    vGalBG = "blank";
  }
	document.getElementById("prev").style.display = 'none';
	document.getElementById("next").style.display = 'none';
	document.getElementById(vGalBG).style.display = 'block';
	document.getElementById(vGalBG).style.width = '100%';
	//document.getElementById("blank").style.height = document.getElementsByTagName('body')[0].offsetHeight;
	document.getElementById(vGalBG).style.height = '2000px'
	document.getElementById(vGalBG).style.opacity = 0.85;
	document.getElementById(vGalBG).style.MozOpacity = 0.85;
	document.getElementById(vGalBG).style.KhtmlOpacity = 0.85;
	document.getElementById(vGalBG).style.filter = 'alpha(opacity=85)';
	document.getElementById(vGalBG).style.top = document.body.scrollTop;
	document.getElementById("img_title").style.display = 'block';
	document.getElementById("img_title").innerHTML = galname;
	document.getElementById("img_title").style.top = 10+document.body.scrollTop;
	document.getElementById("img_pop").style.display = 'block';
	document.getElementById('img_pop').oncontextmenu=new Function('return false');
	document.getElementById("img_close").style.display = 'none';
	document.getElementById("img_prev").style.display = 'none';
	document.getElementById("img_next").style.display = 'none';
	if (divw==100)
	{
		document.getElementById("img_pop").style.left = (userw/2)-100;
		document.getElementById("img_pop").style.top = document.body.scrollTop+(userh/2)-30;
	}
	jsFadeOut(0);
	jsPrevOut();
	jsNextOut();
	document.getElementById("img_close").style.display = 'none';
	document.getElementById("img_prev").style.display = 'none';
	document.getElementById("img_next").style.display = 'none';
	document.getElementById("img_text").style.display = 'none';
	document.getElementById("img_loader").style.left = (userw/2)-100;
	document.getElementById("img_loader").style.top = document.body.scrollTop+(userh/2)-30;
	document.getElementById("img_loader").style.display = 'block';
	document.getElementsByTagName('body')[0].style.overflow = 'hidden';
	
	jsPicPreload();
}

function jsSlide(width,height,startnr)
{
  if (startnr == 0)
  {
    if (divw < width){wakt = 'p';}else if (divw > width){wakt = 'm';}else{wakt = 'n';}
    if (divh < height)
    {
      hakt = 'p'; 
    }
    else if (divh > height)
    {
      hakt = 'm'; 
    }
    else
    {
      hakt = 'n'; 
    }
  }
  //alert(wakt+' - '+hakt+'|'+divw+'-'+width+'|'+divh+'-'+height);
  
  if (wakt == 'p')
  {
    if (divw < width){divw = divw + 9;}else{wakt='n'}
  }
  else if (wakt == 'm')
  {
    if (divw > width){divw = divw - 9;}else{wakt='n'}
  }
  else
  {
    divw = width;
    if (hakt == 'p')
    {
      if (divh < height){divh = divh + 9;}else{hakt='n'}
    }
    else if (hakt == 'm')
    {
      if (divh > height){divh = divh - 9;}else{hakt='n'}
    }
    else
    {
      divh = height;
    }
  }
  
	var ele = document.getElementById('img_pop');
	ele.style.width = divw;
	ele.style.minHeight = divh;
	//ele.style.height = 'auto !important';
	ele.style.height = divh;
	ele.style.left = Math.floor(userw/2)-(divw/2);
	ele.style.top = document.body.scrollTop+Math.floor(userh/2)-(divh/2);
	if (wakt != 'n' || hakt != 'n')
	{
		setTimeout(function () { jsSlide(width,height,1) }, 1);
	}
	else
	{
    document.getElementById("img_close").style.display = 'block';
    document.getElementById("img_text").style.display = 'block';
    document.getElementById("img_pic").style.display = 'block';
    if (picnr != 1)
    {
      document.getElementById("prevnear").style.display = 'block';
      document.getElementById("prevnear").style.left = 0;
      document.getElementById("prevnear").style.top = 0;
      document.getElementById("prevnear").style.width = ((width-100)/2)+'px';
      document.getElementById("prevnear").style.height = (height-50)+'px'
      /*document.getElementById("prev").style.display = 'block';*/
      document.getElementById("prev").style.left = 0;
      document.getElementById("prev").style.top = ((height-25)/2)-25;
      document.getElementById("img_prev").style.display = 'block';
    }
    if (picnr != piccount)
    {
      document.getElementById("nextnear").style.display = 'block';
      document.getElementById("nextnear").style.left = width-((width-100)/2);
      document.getElementById("nextnear").style.top = 0;
      document.getElementById("nextnear").style.width = ((width-100)/2)+'px';
      document.getElementById("nextnear").style.height = (height-50)+'px'
      /*document.getElementById("next").style.display = 'block';*/
      document.getElementById("next").style.left = width-50;
      document.getElementById("next").style.top = ((height-25)/2)-25;
      document.getElementById("img_next").style.display = 'block';
    }
    
    document.getElementById("img_close").style.left = width-25;
    document.getElementById("img_close").style.top = divh-30;
    document.getElementById("img_next").style.left = width-45;
    document.getElementById("img_next").style.top = divh-30;
    document.getElementById("img_prev").style.left = width-65;
    document.getElementById("img_prev").style.top = divh-30;
    document.getElementById("img_text").innerHTML = '<font color="#333333"><b>Bild '+(picnr)+' von '+piccount+' </b></font>| '+akttext[picnr-1];
  	document.getElementById("img_pic").innerHTML = "<img src='"+aktpic+"' width='"+(width-30)+"' height='"+(height-55)+"'>";
  	//alert(document.getElementById("container").style.left);
  	document.getElementById("img_loader").style.display = 'none';
    jsNextPic(0);
  }
}



function jsNextPic(wert)
{
	wert = wert + 3;
	document.getElementById('img_pic').style.opacity = (wert / 100);
	document.getElementById('img_pic').style.MozOpacity = (wert / 100);
	document.getElementById('img_pic').style.KhtmlOpacity = (wert / 100);
	document.getElementById('img_pic').style.filter = 'alpha(opacity=' + wert + ')';
	if (wert < 100)
	{
		setTimeout(function () { jsNextPic(wert) }, 1);
	}
}

function jsFadeOut(wert)
{
	wert = wert - 3;
	document.getElementById('img_pic').style.opacity = (wert / 100);
	document.getElementById('img_pic').style.MozOpacity = (wert / 100);
	document.getElementById('img_pic').style.KhtmlOpacity = (wert / 100);
	document.getElementById('img_pic').style.filter = 'alpha(opacity=' + wert + ')';
	if (wert > 0)
	{
		setTimeout(function () { jsFadeOut(wert) }, 1);
	}
	else
	{
	  document.getElementById("img_pic").style.display = 'none';
  }
}

function jsPicPreload()
{

	  var pictag = [];
		pictag[0] = new Image();
		pictag[0].src = aktpic;
		if (pictag[0].complete == false)
		{
			//if (i < 20){alert(pictag[i].complete+" - "+i+" - "+pics[i]);}
			setTimeout(function () { jsPicPreload() }, 100);
		}
		else
		{
		      var imgh = parseInt(pictag[0].height);
		      var imgw = parseInt(pictag[0].width);
		      var imghn = 0;
		      var imgwn = 0;
		      
      		if ((imgh + 130) > userh)
      		{
      		  var imghn = userh -130;
      		  var imgwn = imgw*((imghn/(imgh/100))/100);
          }
          else
          {
            imghn = imgh;
            imgwn = imgw;
          }
          
      		if ((imgwn + 100) > userw)
      		{
      		  var imgwn = userw - 100;
      		  var imghn = imgh*((imgwn/(imgw/100))/100);
          }
          //alert(imghn+"-"+imgwn+"|"+imgh+"-"+imgw+"|"+userh+"-"+userw);
          jsSlide(imgwn+30,imghn+55,0);
		}
}

function jsNormal()
{
	if (document.getElementById("blank_gal"))
	{
	  vGalBG = "blank_gal";
  	if (document.getElementById("blank").style.display == 'none')
  	{
    	document.getElementsByTagName('body')[0].style.overflow = 'auto';
  	}
  }
  else
  {
    vGalBG = "blank";
    document.getElementsByTagName('body')[0].style.overflow = 'auto';
  }
	divw=200;
	divh=60;
	document.getElementById("img_pop").style.height = divh;
	document.getElementById("img_pop").style.width = divw;
	document.getElementById("img_pop").style.left = (userw/2)-100;
	document.getElementById("img_pop").style.top = document.body.scrollTop+(userh/2)-30;
	document.getElementById("img_pop").style.display = 'none';
	document.getElementById("img_text").style.display = 'none';
	document.getElementById("img_pic").style.display = 'none';
	document.getElementById("img_close").style.display = 'none';
	document.getElementById("img_title").style.display = 'none';
	document.getElementById("prev").style.display = 'none';
	document.getElementById("next").style.display = 'none';
	document.getElementById("prev").style.display = 'none';
	document.getElementById("next").style.display = 'none';
	document.getElementById("prevnear").style.display = 'none';
	document.getElementById("nextnear").style.display = 'none';
	jsBlankOut(85)
}

function jsBlankIn(wert,picnr)
{
	if (document.getElementById("blank_gal"))
	{
	  vGalBG = "blank_gal";
  }
  else
  {
    vGalBG = "blank";
  }
  document.getElementsByTagName('body')[0].style.overflow = 'hidden';
	document.getElementById(vGalBG).style.display = 'block';
	document.getElementById(vGalBG).style.width = '100%';
	//document.getElementById("blank").style.height = document.getElementsByTagName('body')[0].offsetHeight;
	document.getElementById(vGalBG).style.height = '2000px'
	document.getElementById(vGalBG).style.top = document.body.scrollTop;
  wert = wert + 3;
	document.getElementById(vGalBG).style.opacity = (wert / 100);
	document.getElementById(vGalBG).style.MozOpacity = (wert / 100);
	document.getElementById(vGalBG).style.KhtmlOpacity = (wert / 100);
	document.getElementById(vGalBG).style.filter = 'alpha(opacity=' + wert + ')';
	if (wert < 85)
	{
		setTimeout(function () { jsBlankIn(wert,picnr) }, 1);
	}
	else
	{
	  jsPic(picnr);
  }
}

function jsBlankOut(wert)
{
	wert = wert - 3;
	document.getElementById(vGalBG).style.opacity = (wert / 100);
	document.getElementById(vGalBG).style.MozOpacity = (wert / 100);
	document.getElementById(vGalBG).style.KhtmlOpacity = (wert / 100);
	document.getElementById(vGalBG).style.filter = 'alpha(opacity=' + wert + ')';
	if (wert > 0)
	{
		setTimeout(function () { jsBlankOut(wert) }, 1);
	}
	else
	{
	  document.getElementById(vGalBG).style.display = 'none';
	  if (vGalBG == "blank")
	  {
	  document.getElementsByTagName('body')[0].style.overflow = 'auto';
	  }
  }
}