var scrollmargin = 0;
var scrollspeed = 0;
var scrolling = false;
var maxwidth = 0;
var prvDiv = "";
var tmID;

function scrollbalk(){
	var balk = document.getElementById("scrollcontent");
	scrollmargin += scrollspeed;
	if(scrollmargin > 0) scrollmargin = 0;
	if (maxwidth > 314) {
		if(scrollmargin < ((maxwidth - 314) * -1)) scrollmargin = ((maxwidth - 314) * -1);
		balk.style.marginLeft = scrollmargin + 'px';
	}
}

function stopscrolling(){
	try{
		clearInterval(tmID)
	}catch(e){
	}
	scrolling = false;
}

function startscrolling(e){
	var wrapper = document.getElementById("wrapper");
	var locatie = (e.clientX - wrapper.offsetLeft); //- 120;
	var centerX = (157 - locatie);
	var lr = centerX / Math.abs(centerX);
	centerX = Math.abs(centerX); //-150;
	if(centerX < 0) centerX = 0;
	centerX = centerX * lr;
	
	maxwidth = document.getElementById("contentwidth").clientWidth;
	scrollspeed = Math.floor(centerX / 50);
	
	if(!scrolling){
		tmID = setInterval(scrollbalk, 20);
	}
	scrolling = true;
}
function SetBigImg(src) {

    var newImg = new Image();
    newImg.src = src;

    //setTimeout(function() { ShowBigImg(newImg); }, 250);
    //newImg.onload = function() {
        setTimeout(function() { ShowBigImg(newImg); }, 150);
    //};
}
function ShowBigImg(newImg) {
    if (newImg.complete) {
    
        var src = newImg.src;
        var height = newImg.height;
        var width = newImg.width;

        if (width < 314) {
            //centreer image en beperk hoogte
            document.getElementById('KijkwoningGroot').height = 210;
            document.getElementById('KijkwoningGroot').width = (210 / height) * width;
            document.getElementById('KijkwoningGroot').style.marginLeft = String((314 - document.getElementById('KijkwoningGroot').width) / 2) + "px";
        } else {
            //beperk de breedte
            document.getElementById('KijkwoningGroot').height = (314 / width) * height;
            document.getElementById('KijkwoningGroot').width = 314;
            document.getElementById('KijkwoningGroot').style.marginLeft = "0px";
        }

        document.getElementById('KijkwoningGroot').src = src;
        document.getElementById('lnkKijkwoningGroot').href = src;

    } else {
        setTimeout(function() { ShowBigImg(newImg); }, 150);   
    }
}
function scrollLinks(){
    scrollButtons(-30);
}

function scrollRechts(){
    scrollButtons(300);
}

function scrollButtons(StartLocatie) {
    var wrapper = document.getElementById("wrapper");
	var locatie = StartLocatie;
	var centerX = (157 - locatie);
	var lr = centerX / Math.abs(centerX);
	centerX = Math.abs(centerX) - 60;
	if(centerX < 0) centerX = 0;
	centerX = centerX * lr;
	
	maxwidth = document.getElementById("contentwidth").clientWidth;
	scrollspeed = Math.floor(centerX / 50);

	if(!scrolling){
		tmID = setInterval(scrollbalk, 20);
	}
	scrolling = true;
}