active_product = '1';
prev_product = '1';

function getElementsByNameFix(tag, name) {
     
     var elem = document.getElementsByTagName(tag);
     var arr = new Array();
     for(i = 0,iarr = 0; i < elem.length; i++) {
          att = elem[i].getAttribute("name");
          if(att == name) {
               arr[iarr] = elem[i];
               iarr++;
          }
     }
     return arr;
}

function active_set (product_nr, first) { 
    
    active_product = product_nr;
    document.getElementById('product-thumb-' + product_nr).src.replace('.jpg', '_small.jpg');
    document.getElementById('img-small').src = 'img_products/'+ product_nr + '_small.jpg';
    active = '';
    if (first) document.getElementById('img-big').src = document.getElementById('product-thumb-' + product_nr).src.replace('thumb.jpg', 'full.jpg'); 
    else try {
        active = '-active';
        document.getElementById('product-big').childNodes[0].childNodes[0].src = document.getElementById('product-thumb-' + product_nr).src.replace('thumb-active.jpg', 'full.jpg');
        if (!first) { 
            // hide useless div
            document.getElementById('product-small').childNodes[3+counter].style['display'] = 'none';
            counter += 1;
        }
    } catch (e) {
        active = '-active';
        //alert(document.getElementById('product-big').childNodes[1].childNodes[0].tagName);
        document.getElementById('product-big').childNodes[1].childNodes[0].src = document.getElementById('product-thumb-' + product_nr).src.replace('thumb-active.jpg', 'full.jpg');
        if (!first) { 
            // hide useless div
            document.getElementById('product-small').childNodes[2+counter].style['display'] = 'none';
            counter += 1;
        }
    } 
    
    document.getElementById('img-small').src = document.getElementById('product-thumb-' + product_nr).src.replace('thumb'+active+'.jpg', 'small.jpg');
    
    // setup lucky Zoom
    zoom.initZoom(); 
}

function active_event() { 
    regex =  /-(\d)/;
    regex.exec(this.id);
    current = RegExp.$1;
    if (current != prev_product) {
        prev = document.getElementById('product-thumb-' + prev_product);
        prev.src = prev.src.replace('-active','');
        prev.onmouseout = function() { this.src = this.src.replace('-active',''); };
        prev.onmouseover = function() { this.src = this.src.replace('.jpg','-active.jpg'); };
    }
    
    active_set(current, first = false);
    active = document.getElementById('product-thumb-' + current);
    active.onmouseout = function() { };
    active.onmouseover = function() { };
    prev_product = current;
    
    var desc = getElementsByNameFix("span","product-desc");
    document.getElementById("product-desc-act").innerHTML = desc[(parseInt(current)-1)].innerHTML;
};

function thumb_out() {
    this.src = this.src.replace('-active','');
}

function thumb_over() {
   this.src = this.src.replace('.jpg','-active.jpg');  
}

function setup_homelink() {
    var home_a = document.createElement("a");
    var home_text = document.createTextNode("Home");
    var home_spacer = document.createTextNode(" | ");
    home_a.appendChild(home_text);
    var home_href = document.createAttribute("href");
    var home_id = document.createAttribute("id");
    home_href.nodeValue = "/";
    home_id.nodeValue = "home_link";

    home_a.setAttributeNode(home_href);
    home_a.setAttributeNode(home_id);
    //document.getElementById("contentblock-3col").insertBefore(calendar_div, document.getElementsByTagName("h2")[0].nextSibling); 
    document.getElementById("servicenav").insertBefore(home_spacer, document.getElementById("servicenav").firstChild) //appendChild(home_a);
    document.getElementById("servicenav").insertBefore(home_a, document.getElementById("servicenav").firstChild) //appendChild(home_a);

}


function setup_thumbs() {
    // attach events to thumbs
    // add home link
    setup_homelink();
    counter = 0;
    var thumbs = getElementsByNameFix("img","product-thumb");
    for (var i = 0; i < thumbs.length; i++) {
        thumb_ph = document.getElementById("product-thumb-"+(i+1));
        if (thumbs[i].src.search(/_\d\d\.jpg/) > 0) {
            thumb_ph.src = thumbs[i].src.substr(0,thumbs[i].src.length-7)+".jpg";
        } else {
            thumb_ph.src = thumbs[i].src;
        }
        thumb_ph.alt = (i+1);
        thumb_ph.src = thumb_ph.src.replace(/uploads\/tx_templavoila/g, "fileadmin/produkte");
        thumb_ph.onmouseout = thumb_out;
        thumb_ph.onmouseover = thumb_over;
        thumb_ph.onclick = active_event;
        thumb_ph.className = "dis-inline";
    }
    
    document.getElementById("content").className = "dis-block";
    
    var settings = {
        bigImage_always_visible: true,
        drag_mode: false
    };
    zoom = new luckyZoom('product-small', 'img-small', 'product-big', 'img-big', settings);
    
    active_set(active_product, first = true);
    active = document.getElementById('product-thumb-' + active_product); 
    active.src = active.src.replace('.jpg','-active.jpg');
    active.onmouseout = function() { };
    active.onmouseover = function() { };
    var desc = getElementsByNameFix("span","product-desc");
    //alert(desc.length);
    document.getElementById("product-desc-act").innerHTML = desc[0].innerHTML;
}