var scrollPos=0;
var leesvenster =0;
function scaleIt(v) {
  var scalePhotos = document.getElementsByClassName("scale-image");
  var maquettePhotos = document.getElementsByClassName("maquette");
  var overlayPhotos = document.getElementsByClassName("overlay");
  var container = document.getElementsByClassName("container");
  var closeBtn = document.getElementsByClassName("close_btn");

  // Remap the 0-1 scale to fit the desired range
  floorSize = .125;
  ceilingSize = 1.0;
  v = floorSize + (v * (ceilingSize - floorSize));

  for (i=0; i < scalePhotos.length; i++) {
    scalePhotos[i].style.width = (v*800)+"px";
    maquettePhotos[i].style.width = (v*100)+"px";
    overlayPhotos[i].style.top = ((v*15)+10)+"px";
    closeBtn[i].style.width = ((v*19))+"px";
  }
 scrollBar.setValue(scrollPos);
  //alert (scrollPos);
	/*
	var offset = 0-((scrollPos*breedte)+(v*(document.viewport.getWidth()*20)));
 	$('container').setStyle({
  'left': offset+"px" // notice how float is surrounded by single quotes
  
});
*/
//alert (v*800);
}

function resize(){
	if (leesvenster==1){
		var scaleKolom = document.getElementsByClassName("kolom");
		for (i=0; i < scaleKolom.length; i++) {
    	scaleKolom[i].style.width = ((document.viewport.getWidth()-180)/4)+"px";
    	}
    $('titel2').setStyle({
  'left': ((document.viewport.getWidth()-40)/2)+10+"px" // notice how float is surrounded by single quotes
  
	});
  	}
  var scrollBar = new Control.Slider('scrollbar', 'scrollvlak', {
  				minimum: 0,
  				maximum: 30,
  				increment: 9,
  				alignX: -9,
  				alignY: -5
  				
				});
			scrollBar.options.onSlide = function(value){
  				scrollIt(value);
			}
			scrollBar.options.onChange = function(value){
  				scrollIt(value);
			}
scrollBar.setValue(scrollPos);
}
function scrollIt(v) {
 
  

  // Remap the 0-1 scale to fit the desired range
  	floorSize = 0;
  	ceilingSize = 1.0;
 	v = floorSize + (v * (ceilingSize - floorSize));
 	
 	scrollPos = scrollBar.value;
 	
	breedte = ($('binnen').getWidth())-document.viewport.getWidth();
	var offset = 0-(v*breedte);
 $('container').setStyle({
  'left': offset+"px" // notice how float is surrounded by single quotes
  
});
 
 // alert ("tt"+breedte+"  "+v);
}

function knop(nummer){
var offset;
var multiplier = document.viewport.getWidth()/2;
var scherm = document.viewport.getWidth()-1280;
var schermoffset;

	zoomPositie = (nummer*(1/359))
	if (zoomPositie>0.5){
	schermoffset = (0+(nummer*(1/390)))*(scherm*0.0000023);
	//alert (0+(nummer*(1/200)))
	offset = 0+(((zoomPositie-0.5)/multiplier)+(schermoffset))
	}else{
	schermoffset = (1-(nummer*(1/200)))*(scherm*0.0000023);
	offset = 0-(((0.5 - zoomPositie)/multiplier)+(schermoffset))
	}
	new Effect.Tween('foo', scrollBar.value, zoomPositie+offset, { duration: 1 }, function (p){
	scrollBar.setValue(p);
	});
	
	new Effect.Tween('foo', sliderLimited.value, 1, { duration: 1 }, function (p){

	//sliderLimited.setValue(p);
	});
	sliderLimited.setValue(1);
	
	
}
function maquette(nummer){
var plaatje;
//alert (nummer)
if (nummer>52){
plaatje = "empty";
}else{
plaatje = nummer+1;
}
$('overlay_inner_'+nummer).update('<img src=\"data/maquettes/large/'+plaatje+'.jpg\" width=\"100%\">');

$('overlay_'+nummer).setStyle({
  'visibility': "visible"
});
knop(nummer);
}

function read(){
leesvenster =1;
var scaleKolom = document.getElementsByClassName("kolom");
for (i=0; i < scaleKolom.length; i++) {
    scaleKolom[i].style.width = ((document.viewport.getWidth()-180)/4)+"px";
    
  }
  
$('lees').setStyle({
  'visibility': "visible" // notice how float is surrounded by single quotes
  
});
$('titel2').setStyle({
  'left': ((document.viewport.getWidth()-40)/2)+10+"px" // notice how float is surrounded by single quotes
  
});
$('titel1').setStyle({
  'left': "40px" // notice how float is surrounded by single quotes
  
});
}



function close(){
leesvenster = 0;
$('lees').setStyle({
  'visibility': "hidden" // notice how float is surrounded by single quotes
  
});
}
function close_overlay(nummer){

$('overlay_'+nummer).setStyle({
  'visibility': "hidden" // notice how float is surrounded by single quotes
  
});
}