﻿/**
 * @author Tim
 */
 var timer = 0; 
 var count = 0;
var scrollspeed = 0; 
var isW3C = false;
var isIE = false;
    if (document.addEventListener) {
        isW3C = true;
        scrollspeed = 20;
    }
    else {
        isIE = true;
        scrollspeed = 10;
    }
 
 function left(){
    divslide = document.getElementById("division");
    scroll(divslide, "left");
    
 }
 
 function right(){
    divslide = document.getElementById("division");
    scroll(divslide, "right");
    
 }
 
 function scroll(container, direction){
 
     if(direction == "left"){
        container.scrollLeft -= container.offsetWidth/scrollspeed;
    }
    else if(direction == "right"){
        container.scrollLeft += container.offsetWidth/scrollspeed;
    }
    
    if(count < (scrollspeed-1)){
        count++;
        timer = setTimeout(function () { scroll(container, direction); }, 10);
    }
    else{
        clearTimeout(timer);
        count = 0;
    }
 }
 
 function switch_pic(e){
        document.getElementById("loading").style.visibility = "visible";
        document.getElementById("Big_Pic").style.visibility = "hidden";
        
        var obj;
        
         if (isW3C) {
            obj = e.target;
            }
        else 
            if (isIE) {
            e = window.event;
            obj = e.srcElement;
            }
        if (obj.parentNode.parentNode.parentNode.id == "slide-inner") {
            
            var pfadThumb = obj.src;
            var pfadPic = pfadThumb.replace("?imgmax=160&crop=0", "");
            var bild = new Image();
            bild.onload = function() {
                document.getElementById("Big_Pic").src = pfadPic;
                document.getElementById("Big_Pic").style.visibility = "visible";
                document.getElementById("loading").style.visibility = "hidden";
            }
            bild.src = pfadPic;            
        }
        
}
