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;
    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;
   
}

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;
}