// cookie functiona
function setcookie(name, value, expiredays) {
    if (expiredays == "") expiredays = 5;  
    var today = new Date();
    today.setDate(today.getDate() + expiredays);
    var value_new = value + "expires=" + today.toGMTString();
    document.cookie = name + "=" + escape(value_new) + "; expires=" + today.toGMTString() + ";";
    get_cookie_vars();
}

function get_cookie_vars () {
var dv = 'get_cookie_vars' +"\n\r";
    lb_src = new Array();
    lb_width = new Array();
    lb_height = new Array();
    lb_a = new Array();
    if (document.cookie) {
        var cookie_parts = document.cookie.split("; ");
        j = 0;
        for (var i = 0; i < cookie_parts.length; ++i) {
            var cookie_parts_single = cookie_parts[i].split("=");


            if (cookie_parts_single[1]) {
                var search_exp = /(.*)expires(.*)/;
                var search_result = search_exp.exec(unescape(cookie_parts_single[1]));
                
                if (!search_result) {

dv += i + ' ' + cookie_parts_single[1] + "no search_result\n\r";                    

                    deletecookie(cookie_parts_single[0]);
                } else {

                    var value = search_result[1];
                    var lb_parts = value.split("#");
                    lb_src[j] = lb_parts[0];
                    lb_width[j] = lb_parts[1].replace(/width->/, "");
                    lb_height[j] = lb_parts[2].replace(/height->/, "");
                    lb_a[j] = lb_parts[3].replace(/a->/, "");

dv += i + ' ' + j + "\n\r"; 
dv += lb_src[j] + ' ' + lb_width[j]+ ' ' + lb_height[j] + ' ' +lb_a[j]+"\n\r";              
                    j++;
                    
                }
            } else {
                deletecookie(cookie_parts_single[0]);
dv += i + ' ' + cookie_parts[i] + "no cookie_parts_single[1]\n\r";                    
            }
        }
    } 
//alert (dv);
}


function deletecookie(n) {
    document.cookie = n+'=; expires=Thu, 01-Jan-70 00:00:01 GMT;';
}

// define some vars
var page_title_standard = "PATRICIA EICHERT PHOTOGRAPHY | INSZENIERTE FOTOGRAFIE - PEOPLE - FASHION | ";
var thumb_width = 60;
var thumb_height = 60;

// Serie 1 Positionen / MADE IN SOLINGEN
showall_stat[0] = 0;
thumb[0][0][0] = 37;
thumb[0][0][1] = 640;
thumb[0][1][0] = 17;
thumb[0][1][1] = 734;
thumb[0][2][0] = 103;
thumb[0][2][1] = 829;
thumb[0][3][0] = 132;
thumb[0][3][1] = 744;
thumb[0][4][0] = 187;
thumb[0][4][1] = 853;
thumb[0][5][0] = 52;
thumb[0][5][1] = 925;
// Serie 2 Positionen / MINIGOLF
showall_stat[1] = 0;
thumb[1][0][0] = 113;
thumb[1][0][1] = 646;
thumb[1][1][0] = 70;
thumb[1][1][1] = 730;
thumb[1][2][0] = 218;
thumb[1][2][1] = 820;
thumb[1][3][0] = 193;
thumb[1][3][1] = 910;
// Serie 3 Positionen / DIANA
showall_stat[2] = 0;
thumb[2][0][0] = 25;
thumb[2][0][1] = 715;
thumb[2][1][0] = 55;
thumb[2][1][1] = 797;
thumb[2][2][0] = 121;
thumb[2][2][1] = 677;
// Serie 4 Positionen / SPORTSFREUNDE
showall_stat[3] = 0;
thumb[3][0][0] = 122;
thumb[3][0][1] = 658;
thumb[3][1][0] = 149;
thumb[3][1][1] = 746;
thumb[3][2][0] = 60;
thumb[3][2][1] = 810;
// Serie 5 Positionen / KIRA LOAH
showall_stat[4] = 0;
thumb[4][0][0] = 120;
thumb[4][0][1] = 668;
thumb[4][1][0] = 90;
thumb[4][1][1] = 747;
// Serie 6 Positionen / LIEDWI
showall_stat[5] = 0;
thumb[5][0][0] = 48;
thumb[5][0][1] = 739;
thumb[5][1][0] = 23;
thumb[5][1][1] = 820;
// Serie 7 Positionen / 1. KC Wuppertal
showall_stat[6] = 0;
thumb[6][0][0] = 175;
thumb[6][0][1] = 650;
thumb[6][1][0] = 77;
thumb[6][1][1] = 740;
thumb[6][2][0] = 122;
thumb[6][2][1] = 823;
// Serie 8 Positionen / LEINEN LOS
showall_stat[7] = 0;
thumb[7][0][0] = 22;
thumb[7][0][1] = 792;
thumb[7][1][0] = 101;
thumb[7][1][1] = 677;
thumb[7][2][0] = 146;
thumb[7][2][1] = 750;
// Serie 9 Positionen / GOLD
showall_stat[8] = 0;
thumb[8][0][0] = 111;
thumb[8][0][1] = 719;
thumb[8][1][0] = 75;
thumb[8][1][1] = 800;
// Serie 10 Positionen / ME AND MY DOG
showall_stat[9] = 0;
thumb[9][0][0] = 122;
thumb[9][0][1] = 658;
thumb[9][1][0] = 149;
thumb[9][1][1] = 746;
thumb[9][2][0] = 217;
thumb[9][2][1] = 873;
// Serie 11 Positionen / SELECTED WORKS
showall_stat[10] = 0;
thumb[10][0][0] = 37;
thumb[10][0][1] = 794;
thumb[10][1][0] = 84;
thumb[10][1][1] = 701;
thumb[10][2][0] = 118;
thumb[10][2][1] = 833;
thumb[10][3][0] = 153;
thumb[10][3][1] = 611;
thumb[10][4][0] = 209;
thumb[10][4][1] = 818;
thumb[10][5][0] = 230;
thumb[10][5][1] = 903;

// create an array with all possible thumb div ids
var ids = new Array(20);
for (var i = 0; i < ids.length; ++i) {
  // maximum  10 images /serie
  ids[i] = new Array(10);
  for (var j = 0; j < ids[i].length; ++j) {
    ids[i][j] = 'thumb_' + i + j;
  }
}
 
// define all thumb div ids, which can be moved
// id="thumb_somecode" (don't forget: _)
// div_move_types[0] = 'thumb';
// div_move_types[1] = 'what';
var div_move_types = new Array();
div_move_types[0] = 'thumb';
//div_move_types[1] = 'light';
//div_move_types[1] = 'lbContent';
//div_move_types[1] = 'light';

// light box cookie vars array
var lb_src = new Array();
var lb_width = new Array();
var lb_height = new Array();
var lb_a = new Array();

// light box thumb div param
var lbContent_width = 60;
var lbContent_height = 60;
var lbContent_margin_top = 2;
var lbContent_margin_bottom = 2;
var lbContent_margin_left = 2;
var lbContent_margin_right = 3;
var lbContent_top = 0;
var lbContent_left = 0;
var lbContent_border_width = 1;

// create light box div ids / also for close div
var lbContents = new Array(10);
var lbCX = new Array(10);
for (var i = 0; i < lbContents.length; ++i) {
  lbContents[i] = 'lbContent_' + i;
  lbCX[i] = 'lbCX_' + i;
}

// params light box
var light_box = new Array(5);
light_box[0] = 1;  // num of content divs standard
light_box[1] = 65;  // padding-left (to first div)
light_box[2] = 64;  // padding-right (to last div)
light_box[3] = 0;  // padding-left 
light_box[4] = 0;  // padding-top 
light_box[5] = 10;  // max num of content divs
light_box[10] = 328; // top
light_box[11] = 593; // left
// width
light_box[12] = light_box[1] + light_box[0] * (lbContent_width + lbContent_margin_right);  
// height
light_box[13] = 2*light_box[4] + 2*lbContent_top +2*lbContent_margin_top + lbContent_height + 2*lbContent_border_width;  


var aktivLbDiv = null;
var aktivLbDivNr = null;
var aktivLbDivNum = null;

var lb_thumbs = new Array();

var drag = "inaktiv";
var aktivX = 0;
var aktivY = 0;

// global var for the activ element
var aktivDiv = null;
var aktivDivID = "";

// global vars for the info elements
var showInfoId = false;
var showlbinfo = true;

// initialize z-index value of the activ element
// important, to put the next activ element on top
var aktivZindex = 1000;

// reference div layer
function div_ref (id) {
	if      (document.layers && document.layers[id])         return document.layers[id];         // NC 4
	else if (document.all && document.all[id])            return document.all[id];            // IE 4
	else if (document.getElementById && document.getElementById(id)) return document.getElementById(id); // DOM
	else                              return null;        
}

// reference div layer with CSS attrbutes
function div_ref_style (id) {
  if      (document.layers && document.layers[id])         return document.layers[id];              
  else if (document.all && document.all[id])            return document.all[id].style;           
  else if (document.getElementById && document.getElementById(id)) return document.getElementById(id).style;
  else                              return null;        
}

// div positioning
function thumb_pos_init () {
  for (var i = 0; i < thumb.length; ++i) {
    for (var j = 0; j < thumb[i].length; ++j) {
      if (thumb[i][j][0] && thumb[i][j][1] && div_ref_style(ids[i][j])) {
        div_ref_style(ids[i][j]).top =  thumb[i][j][0] + (document.documentElement? "px" : "");
        div_ref_style(ids[i][j]).left =  thumb[i][j][1] + (document.documentElement? "px" : "");
        firstImg = div_ref(ids[i][j]).getElementsByTagName("img")[0];
        div_ref_style(ids[i][j]).width =  firstImg.width + (document.documentElement? "px" : "");
        div_ref_style(ids[i][j]).height =  firstImg.height + (document.documentElement? "px" : "");

      }     
    }
  }  
}

var init_run = 0;

function init() {
   if (init_run == 1) return; /* only run once */
   get_cookie_vars ();
   thumb_pos_init ();
   
   //lightbox positioning 
   div_ref_style('light_box').top =  light_box[10] + (document.documentElement? "px" : "");
   div_ref_style('light_box').left =  light_box[11] + (document.documentElement? "px" : "");
   div_ref_style('light_box').width =  light_box[12] + (document.documentElement? "px" : "");
   div_ref_style('light_box').height =  light_box[13] + (document.documentElement? "px" : "");
   div_ref_style('light_box').paddingLeft =  light_box[3] + (document.documentElement? "px" : "");
   div_ref_style('light_box').paddingTop =  light_box[4] + (document.documentElement? "px" : "");
   
   //lightbox content positioning 
    for (var i = 0; i < lbContents.length; ++i) {
      div_ref_style(lbContents[i]).width = lbContent_width + (document.documentElement? "px" : ""); 
      div_ref_style(lbContents[i]).height = lbContent_height + (document.documentElement? "px" : "");
      div_ref_style(lbContents[i]).top = lbContent_top + (document.documentElement? "px" : "");
      div_ref_style(lbContents[i]).left = lbContent_left + (document.documentElement? "px" : "");
      div_ref_style(lbContents[i]).marginTop = lbContent_margin_top + (document.documentElement? "px" : "");
      div_ref_style(lbContents[i]).marginLeft = lbContent_margin_left + (document.documentElement? "px" : "");
      div_ref_style(lbContents[i]).marginBottom = lbContent_margin_bottom + (document.documentElement? "px" : "");
      div_ref_style(lbContents[i]).border = lbContent_border_width + "px solid red";
    }
   
   // Array divs[]: all (positioned) div-elements of website:
   divs = (document.layers) ? document.layers :
          (document.all) ? document.all.tags("DIV") :
          document.getElementsByTagName("DIV");

   // mousedown event for all thumb divs
var dv='';
   for (i=0; i<divs.length; i++) {
      var div_move_type = null;
      div_id_parts = divs[i].id.split("_");
      for (var j = 0; j < div_move_types.length; ++j) {

        if (div_id_parts[0] == div_move_types[j]) {
 dv += divs[i].id+"\n\r";      
          div_move_type = 'true';
        }
      }
      if (div_move_type == 'true') {
        if (divs[i].captureEvents) // Netscape 4
           divs[i].captureEvents(Event.MOUSEDOWN);
        divs[i].onmousedown = mdown;
        divs[i].onmousemove = mmove;
      }
   }
//   alert (dv);
   // other events
   if (document.captureEvents) // Netscape
      document.captureEvents(Event.MOUSEMOVE |
                             Event.MOUSEUP);
   document.onmouseup = mup;
   document.onmousemove = mmove;


   // Array as[]: all (positioned) a-elements of the serie
   as = (document.layers) ? document.layers :
          (document.all) ? document.all.tags("A") :
          document.getElementsByTagName("A");

   // mousedown event for each thumb-ax (close img)
   for (i=0; i<as.length; i++) {
      a_id_parts = as[i].id.split("_");
      if (a_id_parts[0] == 'lbAX') {
        if (as[i].captureEvents) // Netscape 4
           as[i].captureEvents(Event.CLICK);
        as[i].onclick = deleteFromLB;
      }
   }
   init_run = 1;
}

// mouse-event functiona
function mdown(e){
// IE: kein e
   drag = "aktiv";
   aktivDiv = this;
   if (aktivDiv) { 
        if (aktivDiv.attributes) {
            var dv = '';
            for (var i = 0; i < aktivDiv.attributes.length; ++i) {
                if (aktivDiv.attributes[i].nodeValue) {
                    var attval = aktivDiv.attributes[i].nodeValue;
                    if (attval.replace(/thumb_/, "") != attval)
                        aktivDivID = attval;
                dv += i +  '*' +aktivDiv.attributes[i].nodeValue + '# ' + "\n\r";
                }
            }
        }
    } 

   if (aktivDivID)
      div_ref_style(aktivDivID).zIndex = aktivZindex++;

   aktivX = (e) ? e.pageX : event.clientX + document.body.scrollLeft;
   aktivY = (e) ? e.pageY : event.clientY + document.body.scrollTop;

   if (div_ref_style(aktivDivID)){
       startX = div_ref_style(aktivDivID).left;
       startY = div_ref_style(aktivDivID).top;
   }
   return false;
}

function mmove(e){
   var neuX = (e) ? e.pageX : event.clientX + document.body.scrollLeft;
   var neuY = (e) ? e.pageY : event.clientY + document.body.scrollTop;
   if(showInfoId) {
	  div_ref_style(showInfoId).left = (neuX - 55) + 'px';
	  div_ref_style(showInfoId).top = (neuY + 10) + 'px';
   }
   if (drag == "inaktiv") return;
   var distX = (neuX-aktivX);
   var distY = (neuY-aktivY);
   aktivX = neuX;
   aktivY = neuY;
   if (aktivDivID){
      div_ref_style(aktivDivID).left =
     parseInt(div_ref_style(aktivDivID).left) + distX + (document.documentElement? "px" : "");
      div_ref_style(aktivDivID).top =
     parseInt(div_ref_style(aktivDivID).top) + distY + (document.documentElement? "px" : "");
      div_ref_style('active_thumb').top = (parseInt(div_ref_style(aktivDivID).top) + 60)+ (document.documentElement? "px" : "");
      div_ref_style('active_thumb').left = (parseInt(div_ref_style(aktivDivID).left) - 6)+ (document.documentElement? "px" : "");

   }
    
   return false;
}

function mup(e){
   drag = "inaktiv";
   if (aktivDivID) {
       if (aktivDivID != 'light_box') {
         addToLB();
       }
   }
}

// light box functions
function addToLB() {
var dv ='addToLB'+"\n\r";
     // get light box position
     lb_left = parseInt(div_ref_style('light_box').left);
     lb_right = lb_left + parseInt(div_ref_style('light_box').width);
     lb_top = parseInt(div_ref_style('light_box').top);
     lb_bottom = lb_top + parseInt(div_ref_style('light_box').height);

     // get active div midpoint coordinates
     ad_left = parseInt(aktivDiv.style.left);
     ad_top = parseInt(aktivDiv.style.top);
     ad_width = parseInt(aktivDiv.style.width);
     ad_height = parseInt(aktivDiv.style.height);
     ad_centerX = ad_left + ad_width/2;
     ad_centerY = ad_top + ad_height/2;
     ad_centerXplus = ad_centerX+30;
     ad_centerXminus = ad_centerX-30;
     ad_centerYplus = ad_centerY+30;
     ad_centerYminus = ad_centerY-30;
     if (aktivDiv.id != 'light_box' && ad_centerXplus > lb_left && ad_centerXminus < lb_right && ad_centerYplus > lb_top && ad_centerYminus < lb_bottom) {
//alert('light_box: ' + div_ref_style('light_box').width + ' ' + div_ref_style('light_box').height );
//alert('lb_menu: ' + div_ref_style('lb_menu').width + ' ' + div_ref_style('lb_menu').height );
//alert('lb_content: ' + div_ref_style('lb_content').width + ' ' + div_ref_style('lb_content').height );
//alert(': ' + div_ref_style('').width + ' ' + div_ref_style('').height );
//alert(': ' + div_ref_style('').width + ' ' + div_ref_style('').height );
//alert (lb_top + ' ' + lb_left);     
//alert (lb_top + ' ' + lb_right + ' ' + lb_bottom + ' ' + lb_left);     

        firstA = aktivDiv.getElementsByTagName("a")[0];
        firstAHref = firstA.href;
        var search_exp = /(javascript\S*)/;
        var search_result = search_exp.exec(firstAHref);
        var AHref = search_result[0];

        firstImg = aktivDiv.getElementsByTagName("img")[0];
        firstImgSrc = firstImg.src;
        var search_exp = /(series\S*)/;
        var search_result = search_exp.exec(firstImgSrc);
        var imgSrc = search_result[0];

        var doNotAdd = 0;
        if (aktivLbDivNr != null) {
            var max_num_divs = light_box[5] - 1;
            if (max_num_divs == aktivLbDivNr) {
                doNotAdd = 1;
            } 
        }       
        if (doNotAdd == 0) {
            for (var i = 0; i < lb_thumbs.length; ++i) {
                i = parseInt(i);
                if (lb_thumbs[i] == imgSrc) {
                    doNotAdd = 1;
                    div_ref_style(aktivDiv.id).top = startY;
                    div_ref_style(aktivDiv.id).left = startX;
                    alert("I'm already in the lightbox!");
                }  
            }
        }    
//        if (doNotAdd == 1) {
//            if (aktivLbDivNr == 0) aktivLbDivNr = null;
//        }
        if (doNotAdd == 0) {
          if (aktivLbDivNr == null) {
            aktivLbDivNr = 0;
            aktivLbDivNum = 1;
          } else {
            aktivLbDivNr++;
            aktivLbDivNum = aktivLbDivNr + 1;
          }
dv +=  'aktivLbDivNr' + ' ' + aktivLbDivNr + "\n\r";          
          
          if (aktivLbDivNum >= light_box[0]) {
            div_ref_style('light_box').width =  light_box[1] + (aktivLbDivNum) * (lbContent_width + lbContent_margin_right) + light_box[2] + (document.documentElement? "px" : "");

            //bug ffox begin
            temp_left = parseInt(div_ref_style('light_box').left);
            div_ref_style('light_box').left = (temp_left + 1) + (document.documentElement? "px" : "");
            div_ref_style('light_box').left = (temp_left) + (document.documentElement? "px" : "");
            //bug ffox end
          }
          aktivLbDiv = div_ref("lbContent_" + aktivLbDivNr);
          nextLbContent = aktivLbDiv;
          div_ref_style(aktivLbDiv.id).left = aktivLbDivNr * (lbContent_width + lbContent_margin_right) + light_box[1] + 1 + (document.documentElement? "px" : "");
          div_ref_style(aktivLbDiv.id).visibility =  "visible";
          div_ref_style(aktivLbDiv.id).top = (lbContent_top + 1) + (document.documentElement? "px" : "");
          div_ref_style(aktivLbDiv.id).border = "0px solid blue";
          lb_thumbs[aktivLbDivNr] = imgSrc;

          aktivLbX = div_ref("lbCX_" + aktivLbDivNr);
          div_ref_style(aktivLbX.id).visibility =  "visible";
          div_ref_style(aktivLbX.id).position = 'absolute';
          div_ref_style(aktivLbX.id).marginLeft = '0' + (document.documentElement? "px" : "");
          div_ref_style(aktivLbX.id).width = lbContent_width + (document.documentElement? "px" : "");
          div_ref_style(aktivLbX.id).padding = '0' + (document.documentElement? "px" : "");

          
          var ANew = document.createElement("a");
          ANew.href = AHref;
          nextLbContent.appendChild(ANew);

          var imgNew = document.createElement("img");
          imgNew.src = imgSrc;
          ANew.appendChild(imgNew);
          imgNew.border = 0;

            var lbwidth = parseInt(firstImg.width);
            var lbheight = parseInt(firstImg.height);
            imgNew.width = lbwidth;
            imgNew.height = lbheight;
            
            var width_diff = lbContent_width - lbwidth;
            if (width_diff > 0) {
                div_ref_style(aktivLbDiv.id).width = lbwidth + 4  + (document.documentElement? "px" : "");
                div_ref_style(aktivLbDiv.id).marginLeft = parseInt(div_ref_style(aktivLbDiv.id).marginLeft) + parseInt(width_diff/2) - 1 + (document.documentElement? "px" : "");
                div_ref_style(aktivLbX.id).width = lbwidth + 4 + (document.documentElement? "px" : "");
            }  
            var height_diff = lbContent_height - lbheight;
            if (height_diff > 0){
                div_ref_style(aktivLbDiv.id).height = lbheight + 4 + (document.documentElement? "px" : "");
                div_ref_style(aktivLbDiv.id).marginTop = parseInt(div_ref_style(aktivLbDiv.id).marginTop) + parseInt(height_diff/2) - 1 + (document.documentElement? "px" : "");
            }
            
dv +=  "lb_" + aktivLbDivNr + ' ' + "\n\r";          
            
          setcookie("lb_" + aktivLbDivNr, imgSrc + "#width->" + parseInt(firstImg.width) + "#height->" + parseInt(firstImg.height) + "#a->" + AHref, 5);
          
       }
       div_ref_style(aktivDiv.id).top = startY;
       div_ref_style(aktivDiv.id).left = startX;
//alert(dv);
    }
}

function deleteFromLB(e) {

    // get  div for delete
    if (!this.id) return;  
    a_id_parts = this.id.split("_");
    if (a_id_parts[0] == 'lbAX') {
        var s = parseInt(a_id_parts[1]);
        for (var i = s; i < aktivLbDivNr; ++i) {
            i = parseInt(i);
            var j = parseInt(i) + 1;
            // get source of image
            findImg = div_ref('lbContent_' + j).getElementsByTagName("img")[1];
            findImgSrc = findImg.src;
            var search_exp = /(series\S*)/;
            var search_result = search_exp.exec(findImgSrc);
            var imgSrc = search_result[0];
            setImg = div_ref('lbContent_' + i).getElementsByTagName("img")[1];
            setImg.src = imgSrc;
            setImg.border = 0;
                        
            var lbwidth = parseInt(findImg.width);
            var lbheight = parseInt(findImg.height);
            setImg.width = lbwidth;
            setImg.height = lbheight;
            
            var width_diff = lbContent_width - lbwidth;
//            if (width_diff > 0) {
                div_ref_style('lbContent_' + i).width = parseInt(div_ref_style('lbContent_' + j).width)  + (document.documentElement? "px" : "");
                div_ref_style('lbContent_' + i).marginLeft = parseInt(div_ref_style('lbContent_' + j).marginLeft) + (document.documentElement? "px" : "");
                div_ref_style('lbCX_' + i).width =  parseInt(div_ref_style('lbCX_' + j).width) + (document.documentElement? "px" : "");
//            }  
            var height_diff = lbContent_height - lbheight;
//            if (height_diff > 0){
                div_ref_style('lbContent_' + i).height = parseInt(div_ref_style('lbContent_' + j).height) + (document.documentElement? "px" : "");
                div_ref_style('lbContent_' + i).marginTop = parseInt(div_ref_style('lbContent_' + j).marginTop) + (document.documentElement? "px" : "");
//            }
            
            findImgSrc = "";
            lb_thumbs[i] = imgSrc;

            // get href of image
            findA = div_ref('lbContent_' + j).getElementsByTagName("a")[1];
            setA = div_ref('lbContent_' + i).getElementsByTagName("a")[1];
            setA.href = findA.href;
            
            setcookie("lb_" + i, lb_thumbs[i] + "#width->" + lbwidth + "#height->" + lbheight + "#a->" + lb_a[j], 5);
        }
        if (!j) var j = parseInt(a_id_parts[1]);
        findImg = div_ref('lbContent_' + j).getElementsByTagName("img")[1];
        findImg.src = '';
        
        findA = div_ref('lbContent_' + j).getElementsByTagName("a")[1];
        del = findA.removeChild(findImg);
        del = div_ref('lbContent_' + j).removeChild(findA);
        
        div_ref_style('lbCX_' + j).visibility =  "hidden";
        div_ref_style('lbContent_' + j).visibility =  "hidden";
        lb_thumbs[j] = ''
        deletecookie('lb_'+j);
        get_cookie_vars();
        if (aktivLbDivNr == 0) {
            aktivLbDivNr = null;
            aktivLbDivNum = 0;
        } else {   
            aktivLbDivNum = aktivLbDivNr;
            aktivLbDivNr--;
        }
        div_ref_style('light_box').width =  light_box[1] + (aktivLbDivNum) * (lbContent_width + lbContent_margin_right) + light_box[2] + (document.documentElement? "px" : "");

        //bug ffox begin
        temp_left = parseInt(div_ref_style('light_box').left);
        div_ref_style('light_box').left = (temp_left + 1) + (document.documentElement? "px" : "");                 
        div_ref_style('light_box').left = (temp_left) + (document.documentElement? "px" : "");          
        //bug ffox end
    }
}

function deleteAllFromLB() {
    for (var j = 0; j < lb_src.length; ++j) {
        i = parseInt(j);
        findImg = div_ref('lbContent_' + i).getElementsByTagName("img")[1];
        findA = div_ref('lbContent_' + i).getElementsByTagName("a")[1];
        del = findA.removeChild(findImg);
        del = div_ref('lbContent_' + i).removeChild(findA);
        
        div_ref_style('lbCX_' + i).visibility =  "hidden";
        div_ref_style('lbContent_' + i).visibility =  "hidden";
        lb_thumbs[j] = ''
        deletecookie('lb_'+i);
        get_cookie_vars();
        if (aktivLbDivNr == 0)
            aktivLbDivNr = null;
        else   
            aktivLbDivNr--;
    }
    aktivLbDivNr = null;
    div_ref_style('light_box').height =  light_box[1] + lbContent_height + lbContent_margin_bottom + light_box[2] + (document.documentElement? "px" : "");
    var temp_left = parseInt(div_ref_style('light_box').left) + 1;
    div_ref_style('light_box').left = temp_left + (document.documentElement? "px" : ""); //bug ff

}

// create PDF
function createPDFFromLB() {
    var search_exp = '';
    var imgSrc = '';
    var imgSrcs = '';
    var add = '';
    // put all imgSrcs in string
    for (var j = 0; j < lb_src.length; ++j) {
        i = parseInt(j);
        findImgSrc = lb_src[i];
        search_exp = /(series\S*)thumbs\/(.*)/;
        var search_result = search_exp.exec(findImgSrc);
        var first_part = search_result[1];
        var file_name = search_result[2]
        search_exp = /series\/(.*)/;
        var search_result = search_exp.exec(first_part);
        imgSrc = search_result[1] + file_name;
        if (i > 0) 
            add = ';';
        imgSrcs += add + imgSrc;

    }
    imgSrcs += ';.pdf'; /* bug iE 6 */
    window.location.href = 'http://' + window.location.hostname + '/pdfout.php?imgs='+imgSrcs;
}

// show and hide functions
function show (id, serie) {
    div_ref_style(id).visibility = "visible";
}

function show_preview (id, e) {
    div_ref_style('thumb_preview').visibility = "visible";
    firstImg = div_ref(id).getElementsByTagName("img")[0];
    firstImgSrc = firstImg.src;
    var search_exp = /(series\S*)/;
    var search_result = search_exp.exec(firstImgSrc);
    var imgSrc = search_result[0];
    var imgNew = document.createElement("img");
    imgNew.src = imgSrc;
    imgNew.width = thumb_width;
    imgNew.height = thumb_height;
    div_ref('thumb_preview').appendChild(imgNew);

//alert(firstImg.src + ' w: ' + firstImg.width + ' h: ' + firstImg.height);
//alert(imgNew.src + ' w: ' + imgNew.width + ' h: ' + imgNew.height);
//alert (id);
//    serieDiv = div_ref(e.id).parentNode.parentNode;
    serieDiv = (e) ? div_ref(e.id).parentNode.parentNode : div_ref(event.id).parentNode.parentNode;

    var dv = '';
    if (get_att_values (serieDiv, "menu_")) {
        var divclass = activObjClass;
        var divattnum = activObjAttnum;
    }   
    for (var i = 0; i < serieDiv.childNodes.length; ++i) {
        var dv = '';
        if (serieDiv.childNodes[i]) {
            singleDiv = serieDiv.childNodes[i];
            if (get_att_values (singleDiv, "menu_")) {
                var singledivclass = activObjClass;
                var singledivattnum = activObjAttnum;
            }   
            singleDivFirstChild = singleDiv.childNodes[0];
            if (get_att_values (singleDivFirstChild, "menu_comment")) {
                var singledivfirstchildclass = activObjClass;
                var singledivfirstchildattnum = activObjAttnum;
            }   
            if (divclass.replace(/activ/, "") == divclass){
                if (!singledivfirstchildclass) {
                    singleDiv.childNodes[0].style.color = '#04D1FF'
                } else {
                    singledivfirstchildclass = null;
                    singleDiv.childNodes[1].style.color = '#04D1FF'
                }
            }
            
        }   
    }
//alert(dv);
}

function hide (id, serie) {
    if (showall_stat[serie] == 0 ) {
        div_ref_style(id).visibility = "hidden";
    }
}

function hide_preview(e) {
    div_ref_style('thumb_preview').visibility = "hidden";
    firstImg = div_ref('thumb_preview').getElementsByTagName("img")[0];
    del = div_ref('thumb_preview').removeChild(firstImg);
//    serieDiv = div_ref(e.id).parentNode.parentNode;
    serieDiv = (e) ? div_ref(e.id).parentNode.parentNode : div_ref(event.id).parentNode.parentNode;

    var dv = '';
    if (get_att_values (serieDiv, "menu_")) {
        var divclass = activObjClass;
        var divattnum = activObjAttnum;
    }   
    for (var i = 0; i < serieDiv.childNodes.length; ++i) {
        var dv = '';

        if (serieDiv.childNodes[i]) {
            var divChildclass = 'empty';
            singleDiv = serieDiv.childNodes[i];
            if (get_att_values (singleDiv, "menu_")) {
                var singledivclass = activObjClass;
                var singledivattnum = activObjAttnum;
            }   
            singleDivFirstChild = singleDiv.childNodes[0];
            if (get_att_values (singleDivFirstChild, "menu_comment")) {
                var singledivfirstchildclass = activObjClass;
                var singledivfirstchildattnum = activObjAttnum;
            }   
            if (divclass.replace(/activ/, "") == divclass){
                if (!singledivfirstchildclass) {
                    singleDiv.childNodes[0].style.color = '#A8A58D'
                } else {
                    singledivfirstchildclass = null;
                    singleDiv.childNodes[1].style.color = '#A8A58D'
                }
            }
        }   
    }
}

// shows a complete serie
// if 'only' hide all other divs
function showall(id, serie, only) {
  showall_stat[serie] = 1;
  for (var i = 0; i < ids.length; ++i) {
    for (var j = 0; j < ids[i].length; ++j) {
      if (document.getElementById(ids[i][j])) {
        if (i==serie) {
          show(ids[i][j], serie);
//          div_ref_style(ids[i][j]).border = "1px solid black";

        }
        else {
          if (only) 
            showall_stat[i] = 0;
          hide(ids[i][j], i);
        }
      }
    }
  }
}

var activObjClass = "";
var activObjAttnum = "";

function showpic (id, serie, pic_link, pic_src, pic_width, pic_height, a_id) {
    if (div_ref_style('kontakt'))
        div_ref_style('kontakt').visibility = 'hidden';
//    document.embeds['flash'].width = 0;
//    document.embeds['flash'].height = 0;
        
//    div_ref('foto_iframe').src = "img/empty.gif";
    div_ref('foto_iframe').src = "black.html";
    window.setTimeout("showpic_delayed('" + pic_src + "'," + pic_width + "," + pic_height + ")", 50);
    showall(id, serie, 1);
    div_ref_style('light_box').visibility = 'visible';
    div_ref_style('lb_menu').visibility = 'visible';
    div_ref_style('lb_content').visibility = 'visible';

//    window.location.href = pic_link+"&jsact=showall&id="+id+"&serie="+serie;

//    div_ref_style(id).border = "1px solid red";
    div_ref_style('active_thumb').visibility = 'visible';
    div_ref_style('active_thumb').top = (parseInt(div_ref_style(id).top) + 60)+ (document.documentElement? "px" : "");
    div_ref_style('active_thumb').left = (parseInt(div_ref_style(id).left) - 6)+ (document.documentElement? "px" : "");
    
    // refresh menu
    // get divclass
    serieDiv = div_ref(a_id).parentNode.parentNode;
    var dv = '';
    if (get_att_values (serieDiv, "menu_")) {
        var divclass = activObjClass;
        var divattnum = activObjAttnum;
    }   

    // reset all divclasses in image menu ( set not activ)
    for (var i = 0; i < div_ref('menu').childNodes.length; ++i) {
        nextdiv = div_ref('menu').childNodes[i]; 
        if (nextdiv.attributes) {
            if (get_att_values (nextdiv, "menu_")) {
                var nextdivclass = activObjClass;
                var nextdivattnum = activObjAttnum;
            }   

            // check if div in image menu
            nextdivchild = nextdiv.childNodes[0];
            if (nextdivchild.attributes) {
                if (get_att_values (nextdivchild, "menu_")) {
                    var nextdivchildclass = activObjClass;
                    var nextdivchildattnum = activObjAttnum;
                }   

                // don't change if div is not in image menu
                if (nextdivchildclass != "menu_single_title" && nextdivchildclass != "menu_single_contact" && nextdivchildclass != "menu_single_footer") {
                    switch (nextdivclass) {
                      case "menu_serie_activ_lastinrow":
//                        nextdivclass = "menu_serie_lastinrow";
                        nextdiv.attributes[nextdivattnum].nodeValue = "menu_serie_lastinrow";
                        break;
                      case "menu_serie_activ":
//                        nextdivclass = "menu_serie";
                        nextdiv.attributes[nextdivattnum].nodeValue = "menu_serie";
                        break;
                      default:
                        break;
                    }
                    for (var k = 0; k < nextdiv.childNodes.length; ++k) {
                        var dv = '';
                        if (nextdiv.childNodes[k]) {
                            
                            if (get_att_values (nextdiv.childNodes[k], "menu_")) {
                                var divChildclass = activObjClass;
                                var divChildattnum = activObjAttnum;
                            }

                            if (get_att_values (nextdiv.childNodes[k].childNodes[0], "menu_")) {
                                var divChildChildclass = activObjClass;
                                var divChildChildattnum = activObjAttnum;
                            }   

                            if (divChildclass) {  
                                nextdiv.childNodes[k].attributes[divChildattnum].nodeValue = "menu_single";
                                if (nextdiv != serieDiv) 
                                    var col = '#A8A58D'; 
                                else 
                                    var col = '#04D1FF'; 
                                if (!divChildChildclass) {
                                    nextdiv.childNodes[k].childNodes[0].style.color = col
                                } else {
                                    nextdiv.childNodes[k].childNodes[1].style.color = col
                                    divChildChildclass = null;
                                }

                            }
                        }   
                    }
                } 
            }
        }
    }
    // set divclass activ
    switch (divclass) {
      case "menu_serie_lastinrow":
        serieDiv.attributes[divattnum].nodeValue = "menu_serie_activ_lastinrow";
        break;
      case "menu_serie":
        serieDiv.attributes[divattnum].nodeValue = "menu_serie_activ";
        break;
      default:
        serieDiv.attributes[divattnum].nodeValue = divclass;
        break;
    }
    singleDiv = div_ref(a_id).parentNode; 
    if (get_att_values (singleDiv, "menu_")) {
        var singledivclass = activObjClass;
        var singledivattnum = activObjAttnum;
    }   
    if (serieDiv.childNodes[0] == singleDiv) {
        serieDiv.childNodes[1].childNodes[0].style.color = '#FF0000'
        serieDiv.childNodes[1].attributes[singledivattnum].nodeValue = "menu_single_activ";
    } else {     
        singleDiv.childNodes[0].style.color = '#FF0000'
        singleDiv.attributes[singledivattnum].nodeValue = "menu_single_activ";
        // set document.title
        if (get_att_values (serieDiv.childNodes[0].childNodes[0], "menu_")) {
            document.title = page_title_standard + serieDiv.childNodes[0].childNodes[1].childNodes[0].nodeValue;
        } else {
            document.title = page_title_standard + serieDiv.childNodes[0].childNodes[0].childNodes[0].nodeValue;
        }
    }
//alert (dv);
}

function get_att_values (obj, att_part) {
    if (obj.attributes) {
       for (var i = 0; i < obj.attributes.length; ++i) {
            if (obj.attributes[i].nodeValue) {
                var attval = obj.attributes[i].nodeValue;
                if (attval.replace(att_part, "") != attval){
                    var objclass = attval;
                    var objattnum = i;
                    var found = 1;
                }
            }
        }
    } else 
        return false;
    if (!found) return false; 
    activObjClass = objclass;
    activObjAttnum = objattnum;
    return true;
}

function showpic_delayed (pic_src, pic_width, pic_height) {
    div_ref_style('foto_iframe_border').border = "0px";
    div_ref_style('foto_iframe_border').backgroundColor = "black";
    div_ref_style('foto_iframe_border').width = pic_width + (document.documentElement? "px" : "");
    div_ref_style('foto_iframe_border').height = pic_height + (document.documentElement? "px" : "");
    div_ref_style('foto_iframe_border').margin = 0;
    div_ref_style('foto_iframe_border').padding = 0;
    div_ref_style('foto_iframe_border').top = (parseInt(div_ref_style('foto_frame_total').height) - parseInt(pic_height) - 4) + (document.documentElement? "px" : "");
    div_ref_style('foto_iframe_border').left = (parseInt(div_ref_style('foto_frame_total').width) - parseInt(pic_width) - 4) + (document.documentElement? "px" : "");
    div_ref_style('foto_iframe').backgroundColor = "black";
    div_ref_style('foto_iframe').width = pic_width + (document.documentElement? "px" : "");
    div_ref_style('foto_iframe').height = pic_height + (document.documentElement? "px" : "");
    div_ref_style('foto_iframe').margin = 0;
    div_ref_style('foto_iframe').padding = 0;
    div_ref('foto_iframe').src = pic_src;
    div_ref_style('foto_iframe_border').border = "2px solid black";
}

function showInfo(info_id) {
   	showInfoId = info_id;
    div_ref_style(info_id).visibility = 'visible';
    if (info_id == "thumbinfo") {
        window.setTimeout("hideInfo('thumbinfo');", 1500);
    }
}

function hideInfo(info_id) {
	showInfoId = false;
	div_ref_style(info_id).visibility = 'hidden';
}

function fill_lightbox() {
    init();
    if (lb_src.length > 0) {
        div_ref_style('light_box').visibility = 'visible';
        div_ref_style('lb_menu').visibility = 'visible';
        div_ref_style('lb_content').visibility = 'visible';
    }
    var lbnum = 0;
var dv ='fill_lightbox'+"\n\r";
var debug = 1;
    aktivLbDivNum = lb_src.length;
//alert(div_ref_style('lbContent_0').width + ' ' + div_ref_style('lbContent_0').height );

    for (var j = 0; j < lb_src.length; ++j) {
dv += lb_src[j] + ' ' + lb_width[j]+ ' ' + lb_height[j] + ' ' +lb_a[j]+"\n\r";              
        i = parseInt(j);
        lbnum++;             
        div_ref_style('light_box').width =  light_box[1] + lbnum * (lbContent_width + lbContent_margin_right) + light_box[2] + (document.documentElement? "px" : "");
        dv += i + ' ' + div_ref_style('light_box').width+ '\n\r';
if (i == 0 && debug == 1)
    debug = 0;
    
        //bug ffox begin
        var temp_left = parseInt(div_ref_style('light_box').left);
        div_ref_style('light_box').left = (temp_left + 1) + (document.documentElement? "px" : ""); 
        div_ref_style('light_box').left = temp_left + (document.documentElement? "px" : ""); 
        //bug ffox end
        
        aktivLbDiv = div_ref("lbContent_" + i);
        nextLbContent = aktivLbDiv;
//        div_ref_style(aktivLbDiv.id).top = i * (lbContent_height + lbContent_margin_bottom) + light_box[1] + (document.documentElement? "px" : "");
        div_ref_style(aktivLbDiv.id).left = i * (lbContent_width + lbContent_margin_right) + light_box[1] + (document.documentElement? "px" : "");
        div_ref_style(aktivLbDiv.id).visibility =  "visible";
        div_ref_style(aktivLbDiv.id).border = "1px solid black";
        
        aktivLbX = div_ref("lbCX_" + i);
        div_ref_style(aktivLbX.id).visibility =  "visible";
        div_ref_style(aktivLbX.id).position = 'absolute';
        div_ref_style(aktivLbX.id).marginLeft = '0' + (document.documentElement? "px" : "");
        div_ref_style(aktivLbX.id).width = lbContent_width + (document.documentElement? "px" : "");
        div_ref_style(aktivLbX.id).padding = '0' + (document.documentElement? "px" : "");
        
        
        var ANew = document.createElement("a");
        ANew.href = lb_a[i];
        
        nextLbContent.appendChild(ANew);
        
        var imgNew = document.createElement("img");
        imgNew.src = lb_src[i];
        ANew.appendChild(imgNew);
        imgNew.border = 0;
        var lbwidth = parseInt(lb_width[i]);
        var lbheight = parseInt(lb_height[i]);
        imgNew.width = lbwidth;
        imgNew.height = lbheight;
        
        var width_diff = lbContent_width - lbwidth;
        if (width_diff > 0) {
            div_ref_style(aktivLbDiv.id).width = lbwidth + 4  + (document.documentElement? "px" : "");
            div_ref_style(aktivLbDiv.id).marginLeft = parseInt(div_ref_style(aktivLbDiv.id).marginLeft) + parseInt(width_diff/2) - 1 + (document.documentElement? "px" : "");
            div_ref_style(aktivLbX.id).width = lbwidth + 2 + (document.documentElement? "px" : "");
        }  
        var height_diff = lbContent_height - lbheight;
        if (height_diff > 0){
            div_ref_style(aktivLbDiv.id).height = lbheight + 4 + (document.documentElement? "px" : "");
            div_ref_style(aktivLbDiv.id).marginTop = parseInt(div_ref_style(aktivLbDiv.id).marginTop) + parseInt(height_diff/2) - 1 + (document.documentElement? "px" : "");
        }
        lb_thumbs[i] = lb_src[j];
        if (aktivLbDivNr == null) {
            aktivLbDivNr = 0;
        } else {
            aktivLbDivNr++;
        }
    }
//if (debug == 1)
//    alert (dv);    
}