// JavaScript Document
<!--

function getDimensions() {
	var x,y,z;
	if (self.innerHeight) // all except Explorer
	{
		x = self.innerWidth;
		y = self.innerHeight;
		z = 0;
	}
	else if (document.documentElement && document.documentElement.clientHeight)
		// Explorer 6 Strict Mode
	{
		x = document.documentElement.clientWidth;
		y = document.documentElement.clientHeight;
		z = 17;
	}
	else if (document.body) // other Explorers
	{
		x = document.body.clientWidth;
		y = document.body.clientHeight;
		z = 17;
	}
	
	return {x:x, y:y, z:z};
}
function popweg(){
	document.getElementById("poptxt").innerHTML = '';
	document.getElementById("pop2").className="product";
	document.getElementById("popframe").style.display = "none";
}
function popfotoweg(){
	document.getElementById("popfoto").innerHTML = '';
	document.getElementById("popframe").style.display = "none";
	document.getElementById("popfoto").style.width = "0px";
	document.getElementById("popfoto").style.height = "0px";
}
function popfoto(n,x,y){
	var dims = getDimensions();
	document.getElementById("popframe").style.display = "none";
	document.getElementById("pop2").style.display = "none";
	document.getElementById("popTD").style.height = dims.y + "px";
	document.getElementById("popTD").style.width = dims.x + "px";
	document.getElementById("pop1").style.width = (x - 42) + "px";
	document.getElementById("pop1").style.height = (y - 42) + "px";
	document.getElementById("popfoto").style.width = x + "px";
	document.getElementById("popfoto").style.height = y + "px";
	document.getElementById("popfoto").innerHTML = '<img src="' + n + '" border="0">';
	document.getElementById("popframe").style.display = "block";
	//alert(dims.x + " " + dims.y);
}
function pop(n){
	document.getElementById("popframe").style.display = "none";
	document.getElementById("popfoto").style.display = "none";
	var dims = getDimensions();
	//alert(document.getElementById("pop2").offsetHeight);
	switch(n){
		case 1:
			document.getElementById("poptxt").innerHTML = 'Een zachte romige 50+ kaas welke mild van smaak is.<BR>Jonge kaas heeft een optimale consumptie leeftijd van 6 &aacute; 10 weken.';
			document.getElementById("pop2").className="product1";
 			break;
		case 2:
			document.getElementById("poptxt").innerHTML = 'Een zachte, romige 50+ kaas welke een volle smaak heeft.<BR>Jong belegen kaas heeft een optimale consumptie leeftijd van 10 &aacute; 16 weken.';
			document.getElementById("pop2").className="product2";
 			break;
		case 3:
			document.getElementById("poptxt").innerHTML = 'Een stevige romige 50+ kaas welke hartig van smaak is.<BR>Belegen kaas heeft een optimale consumptie leeftijd van 16  &aacute; 28 weken.';
			document.getElementById("pop2").className="product3";
 			break;
		case 4:
			document.getElementById("poptxt").innerHTML = 'Een stevige, romige en karaktervolle 50+ kaas welke een licht pittige smaak heeft. Extra belegen kaas heeft een optimale consumptie leeftijd van 28 &aacute; 36 weken.';
			document.getElementById("pop2").className="product4";
 			break;
		case 5:
			document.getElementById("poptxt").innerHTML = 'Een volwassen 50+ kaas die door zijn witte zoutkristallen een stevige en bijzondere pittige smaak heeft.<BR>Oude  kaas heeft een optimale consumptie leeftijd van 36  &aacute; 52 weken.';
			document.getElementById("pop2").className="product5";
 			break;
		case 6:
			document.getElementById("poptxt").innerHTML = 'Een volwassen 50+ kaas die door zijn vele witte zoutkristallen een z&eacute;&eacute;r pittige smaak heeft. Brokkelt licht en is bijzonder geschikt voor de echte fijnproever. Overjarige kaas heeft een optimale consumptie leeftijd vanaf 52 weken.';
			document.getElementById("pop2").className="product6";
 			break;
		case 7:
			document.getElementById("poptxt").innerHTML = 'Een zachte romige 50+ kaas welke een volle smaak heeft<BR>De specifieke kruidige smaak wordt gerealiseerd door het gebruik van specifieke ingredi&euml;nten.<BR>Boerenvariant heeft een optimale consumptie leeftijd vanaf 6 weken.';
			document.getElementById("pop2").className="product7";
 			break;
		case 8:
			document.getElementById("poptxt").innerHTML = 'Een stevige 30+ komijnen kaas welke een karaktervolle smaak heeft<BR>Een uitgesproken kruimelkaas !<BR>Leidse kaas heeft een optimale consumptie leeftijd van 16 weken.';
			document.getElementById("pop2").className="product8";
 			break;
		case 9:
			document.getElementById("poptxt").innerHTML = 'Een zachte romige 50+ kaas welke mild van smaak is.<br>Lunch heeft door zijn kleinere verschijning <br>een sneller rijpingsproces.<br>Optimale  consumptie leeftijd vanaf 4 weken.';
			document.getElementById("pop2").className="product9";
 			break;
		case 10:
			document.getElementById("poptxt").innerHTML = 'Een zachte smeu&iuml;ge 50+ kaas met <br>een volle, nootachtige pikante smaak.<BR>Zeer smaakvol door een eigen aangebrachte cultuur receptuur.<BR>Korst gerijpt heeft een optimale consumptie leeftijd vanaf 12 weken.';
			document.getElementById("pop2").className="product10";
 			break;
		case 11:
			document.getElementById("poptxt").innerHTML = 'Een 50+ kaas voorverpakt verkrijgbaar in 5 of 10 plakken<br>in de varianten: Jong, Belegen en Oud.<BR>De smaak is afhankelijk van de variant.<BR>De optimale consumptie leeftijd is afhankelijk van de variant.';
			document.getElementById("pop2").className="product11";
 			break;
		case 12:
			document.getElementById("poptxt").innerHTML = 'Een 50+ kaas voorverpakt verkrijgbaar als Stuk in 300 gr of 500 gr<br>In de varianten: Belegen, Extra belegen en Oud.<br>De smaak is afhankelijk van de variant.<br>De optimale consumptie leeftijd is afhankelijk van de variant.';
			document.getElementById("pop2").className="product12";
 			break;
		case 13:
			document.getElementById("poptxt").innerHTML = 'Een stevige romige 50+ kaas welke hartig van smaak is.<br>Verkrijgbaar als Schuitje in 350 gr of 500 gr.<br>Makkelijk te verwerken door slechts aan &eacute;&eacute;n zijde een korst.<br>Belegen kaas heeft een optimale consumptie leeftijd van 16 &aacute; 28 weken.';
			document.getElementById("pop2").className="product13";
 			break;
		case 14:
			document.getElementById("poptxt").innerHTML = 'Een stevige, romige en karaktervolle 50+ kaas<br>welke een licht pittige smaak heeft.<br>Verkrijgbaar als Schuitje in 350 gr of 500 gr verpakt.<br>Extra belegen kaas heeft een optimale consumptie leeftijd<br>van 28 &aacute; 36 weken.';
			document.getElementById("pop2").className="product14";
 			break;
		case 15:
			document.getElementById("poptxt").innerHTML = 'Een volwassen 50+ kaas die door zijn witte zoutkristallen een stevige en bijzondere pittige smaak heeft.<br>Verkrijgbaar als  Schuitje in 350 gr of 500 gr verpakt.<br>Oude kaas heeft een  optimale consumptie leeftijd van 36 &aacute; 52 weken.';
			document.getElementById("pop2").className="product15";
 			break;
		case 16:
			document.getElementById("poptxt").innerHTML = 'Private label:<BR>Al onze producten zijn tevens als private label leverbaar<br>Informeer naar de  mogelijkheden.';
			document.getElementById("pop2").className="product16";
 			break;
		case 17:
			document.getElementById("poptxt").innerHTML = 'Een zachte romige 50+ kaas welke mild van smaak is.<br>Biologische kaas heeft een optimale consumptie leeftijd van 6 &aacute; 10 weken.';
			document.getElementById("pop2").className="product17";
 			break;
		case 18:
			document.getElementById("poptxt").innerHTML = 'Een zuivere 50+ kaas die zijn exclusieve smaak verkrijgt door de grootte van de hele kaas die 60 kg bedraagt. Hierdoor ontstaat in de kaas een kettingreactie wat De kaas een unieke, exclusieve en ware smaaksensatie geeft.<br><br>Verkrijgbaar in diverse variaties als 7,5 kg stuk.<br>Een groot stuk kaas heeft een optimale consumptie leeftijd vanaf 26 weken.';
			document.getElementById("pop2").className="product18";
 			break;
		case 19:
			document.getElementById("poptxt").innerHTML = 'Een 50+ kaas voorverpakt verkrijgbaar als Stuk in 300 gr of 500 gr, in de varianten Belegen, Extra  belegen en Oud.<br>De smaak is  afhankelijk van de variant.<br>De optimale consumptie leeftijd is afhankelijk van de variant.';
			document.getElementById("pop2").className="product19";
 			break;
		case 101:
			document.getElementById("poptxt").innerHTML = 'Ein milder, sahniger 50+ Käse mit mildem Geschmack.<br>Junger Käse hat ein optimales Konsumalter ab 6 bis 10 Wochen.';
			document.getElementById("pop2").className="product101";
 			break;
		case 102:
			document.getElementById("poptxt").innerHTML = 'Ein milder, sahniger 50+ Käse mit einem vollen Geschmack.<br>Jung abgelagerter Käse hat ein optimales Konsumalter ab 10 bis 16 Wochen.';
			document.getElementById("pop2").className="product102";
 			break;
		case 103:
			document.getElementById("poptxt").innerHTML = 'Ein sahnig-fester  50+ Käse mit herzhaftem Geschmack.<br>Abgelagerter Käse hat ein optimales Konsumalter ab 16 bis 28 Wochen.';
			document.getElementById("pop2").className="product103";
 			break;
		case 104:
			document.getElementById("poptxt").innerHTML = 'Ein sahnig-fester und charaktervoller 50+ Käse mit einem leicht würzigen Geschmack.<br>Extra abgelagerter Käse hat ein optimales Konsumalter ab 28 bis 36 Wochen.';
			document.getElementById("pop2").className="product104";
 			break;
		case 105:
			document.getElementById("poptxt").innerHTML = 'Ein robuster  50+ Käse mit kristalliner Struktur, die ihm einen kräftig-würzigen Geschmack verleiht.<br>Alter Käse hat ein optimales Konsumalter ab 36  bis 52 Wochen.';
			document.getElementById("pop2").className="product105";
 			break;
		case 106:
			document.getElementById("poptxt").innerHTML = 'Ein robuster 50+ Käse mit zunehmend körnig-bröckeliger kristalliner Struktur, die ihm einen sehr würzigen Geschmack verleihen, für Feinschmecker!<br>Überjähriger Käse hat ein optimales Konsumalter ab 52 Wochen.';
			document.getElementById("pop2").className="product106";
 			break;
		case 107:
			document.getElementById("poptxt").innerHTML = 'Ein milder, sahniger 50+ Käse mit vollem Geschmack. Die spezifischen Zutaten verleihen ihm einen charakteristischen, würzigen Geschmack.<br>Bauernvariante hat ein optimales Konsumalter ab 6 Wochen.';
			document.getElementById("pop2").className="product107";
 			break;
		case 108:
			document.getElementById("poptxt").innerHTML = 'Ein fester 30+  Kümmelkäse mit einem charakteristischen Geschmack.<br>Ein Körnchen-Käse mit ausgeprägtem Geschmack!<br>Leidse hat ein optimales Konsumalter ab 16 Wochen.';
			document.getElementById("pop2").className="product108";
 			break;
		case 109:
			document.getElementById("poptxt").innerHTML = 'Ein milder, sahniger  50+ Käse mit mildem Geschmack.<br>Lunch ist ein kleiner Käse, wodurch die Reifung beschleunigt wird.<br>Lunch hat ein optimales Konsumalter ab 4 Wochen.';
			document.getElementById("pop2").className="product109";
 			break;
		case 110:
			document.getElementById("poptxt").innerHTML = 'Ein milder,  geschmeidiger 50+ Käse mit einem vollen, nußartigen, würzigen Geschmack.<br>Sehr geschmackvoll!<br>Rinde gereift hat ein optimales Konsumalter ab 12 Wochen.';
			document.getElementById("pop2").className="product110";
 			break;
		case 111:
			document.getElementById("poptxt").innerHTML = 'Ein vorverpackter 50+ Käse, erhältlich in Scheibenverpackung (5 oder 10) in den Varianten:<br>Jung, Abgelagert und Alt.<br>Der Geschmack und das optimale Konsumalter variieren je nach Sorte.';
			document.getElementById("pop2").className="product111";
 			break;
		case 112:
			document.getElementById("poptxt").innerHTML = 'Ein vorverpackter 50+ Käse, erhältlich in Stücken (300g oder 500g) in den Varianten:<br>Abgelagert, Extra Abgelagert und Alt.<br>Der Geschmack und das optimale Konsumalter variieren je nach Sorte.';
			document.getElementById("pop2").className="product112";
 			break;
		case 113:
			document.getElementById("poptxt").innerHTML = 'Ein fester, sahniger 50+ Käse mit herzhaftem Geschmack. Erhältlich in Dreieckformen von 350g oder 500g.  Dieser Käse hat nur an einer Seite eine Rinde und ist leicht zu verarbeiten.<br>Abgelagerter Käse hat ein optimales Konsumalter ab 16 bis 28 Wochen.';
			document.getElementById("pop2").className="product113";
 			break;
		case 114:
			document.getElementById("poptxt").innerHTML = 'Ein fester, sahniger, charaktervoller 50+  Käse mit einem leicht würzigen Geschmack.<br>Erhältlich in Dreieckformen von 350g oder 500g. <br>Extra abgelagerter Käse hat ein optimales Konsumalter ab 28 bis 36 Wochen.';
			document.getElementById("pop2").className="product114";
 			break;
		case 115:
			document.getElementById("poptxt").innerHTML = 'Ein robuster 50+ Käse mit kristalliner Struktur, die ihm einen kräftig-würzigen Geschmack verleiht. Erhältlich in Dreieckformen von 350g oder 500g. <br>Alter Käse hat ein optimales Konsumalter ab 36  bis 52 Wochen.';
			document.getElementById("pop2").className="product115";
 			break;
		case 116:
			document.getElementById("poptxt").innerHTML = 'Private label:<br>alle Produkte sind auch als Private Label erhältlich.<br>Bitte erkundigen Sie sich nach den Bedingungen.';
			document.getElementById("pop2").className="product116";
 			break;
		case 117:
			document.getElementById("poptxt").innerHTML = 'Ein milder, sahniger  50+ Käse mit mildem Geschmack.<br>Biologischer Käse hat ein optimales Konsumalter ab 6 bis 10 Wochen.';
			document.getElementById("pop2").className="product117";
 			break;
		case 118:
			document.getElementById("poptxt").innerHTML = 'Dieser reine 50+ Käse verdankt seinen einzigartigen Geschmack der Größe des ganzen Käses (60 kg). Infolge der Größe entsteht eine Kettenreaktion im Käse, die ihm eine einzigartige Geschmackssensation verleiht.<br>In unterschiedlichen Varianten erhältlich als 7,5 kg Stück. Ein großes Stück Käse hat ein optimales Konsumalter ab 26 Wochen.';
			document.getElementById("pop2").className="product118";
 			break;
		case 119:
			document.getElementById("poptxt").innerHTML = 'Ein vorverpackter 50+ Käse, erhältlich in Stücken (300g oder 500g)  in den Varianten: Abgelagert, Extra Abgelagert und Alt. Der Geschmack und das optimale Konsumalter variieren je nach Sorte.';
			document.getElementById("pop2").className="product119";
 			break;
		case 201:
			document.getElementById("poptxt").innerHTML = 'A soft, creamy 50+ cheese which has a mild taste.<br>Young cheese has an optimum consumption age of 6 to 10 weeks.';
			document.getElementById("pop2").className="product201";
 			break;
		case 202:
			document.getElementById("poptxt").innerHTML = 'A soft, creamy 50+ cheese which has a full taste.<br>Semi-matured cheese has an optimum consumption age of 10 to 16 weeks.';
			document.getElementById("pop2").className="product202";
 			break;
		case 203:
			document.getElementById("poptxt").innerHTML = 'A solid, creamy 50+ cheese which has a hearty taste.<br>Matured cheese has an optimum consumption age of 16 to 28 weeks.';
			document.getElementById("pop2").className="product203";
 			break;
		case 204:
			document.getElementById("poptxt").innerHTML = 'A solid, creamy and characteristic 50+ cheese which has a slightly spicy taste.<br>Extra-matured cheese has an optimum consumption age of 28 to 36 weeks.';
			document.getElementById("pop2").className="product204";
 			break;
		case 205:
			document.getElementById("poptxt").innerHTML = 'A mature 50+ cheese that has a strong and exceptionally spicy taste because of its white salt crystals.<br>Old cheese has an optimum consumption age of 36 to 52 weeks.';
			document.getElementById("pop2").className="product205";
 			break;
		case 206:
			document.getElementById("poptxt").innerHTML = 'A mature 50+ cheese that has a very spicy taste because of its many white salt crystals. Slightly crumbles and is extremely suited for the connoisseur.<br>Over-age cheese has an optimum consumption age as of 52 weeks.';
			document.getElementById("pop2").className="product206";
 			break;
		case 207:
			document.getElementById("poptxt").innerHTML = 'A soft, creamy 50+ cheese which has a full taste. The specific herbal taste is realised by the use of specific ingredients.<br>Farmers’ variation has an optimum consumption age as of 6 weeks.';
			document.getElementById("pop2").className="product207";
 			break;
		case 208:
			document.getElementById("poptxt").innerHTML = 'A solid 30+ cumin cheese which has a characteristic taste. An outstanding crumble cheese!<br>Leiden cheese has an optimum consumption age of 16 weeks.';
			document.getElementById("pop2").className="product208";
 			break;
		case 209:
			document.getElementById("poptxt").innerHTML = 'A soft, creamy 50+ cheese which has a mild taste.<br>Because of its smaller appearance, Lunch has a faster maturation process. Optimum consumption age as of 4 weeks.';
			document.getElementById("pop2").className="product209";
 			break;
		case 210:
			document.getElementById("poptxt").innerHTML = 'A soft, creamy 50+ cheese with a full, nut-like spicy taste.<br>Very tasty because of its own culture recipe.<br>Crust-matured has an optimum consumption age as of 12 weeks.';
			document.getElementById("pop2").className="product210";
 			break;
		case 211:
			document.getElementById("poptxt").innerHTML = 'A 50+ pre-packed cheese available in 5 or 10 slices in the varieties: young, matured, and old.<br>The taste depends on the variety.<br>The optimum consumption age depends on the variety.<br>';
			document.getElementById("pop2").className="product211";
 			break;
		case 212:
			document.getElementById("poptxt").innerHTML = 'A 50+ pre-packed cheese available as one piece of 300 grams or 500 grams. Available in the varieties: matured, extra-matured, and old. The taste depends on the variety.<br>The optimum consumption age depends on the variety.';
			document.getElementById("pop2").className="product212";
 			break;
		case 213:
			document.getElementById("poptxt").innerHTML = 'A solid, creamy 50+ cheese which has a hearty taste. Available as little boat in 350 grams or 500 grams. Easy to process since there is only a crust on one side.<br>Matured cheese has an optimum consumption age of 16 to 28 weeks.';
			document.getElementById("pop2").className="product213";
 			break;
		case 214:
			document.getElementById("poptxt").innerHTML = 'A solid, creamy and characteristic 50+ cheese which has a slightly spicy taste. Available as little boat, packed in 350 grams or 500 grams. Extra-matured cheese has an optimum consumption age of 28 to 36 weeks.';
			document.getElementById("pop2").className="product214";
 			break;
		case 215:
			document.getElementById("poptxt").innerHTML = 'A mature 50+ cheese that has a strong and exceptionally spicy taste because of its white salt crystals. Available as little boat, packed in 350 grams or 500 grams.<br>Old cheese has an optimum consumption age of 36 to 52 weeks.';
			document.getElementById("pop2").className="product215";
 			break;
		case 216:
			document.getElementById("poptxt").innerHTML = 'Private label: all our products are also available as private label. Please inform of the possibilities.';
			document.getElementById("pop2").className="product216";
 			break;
		case 217:
			document.getElementById("poptxt").innerHTML = 'A soft, creamy 50+ cheese which has a mild taste.<br>Biological cheese has an optimum consumption age of 6 to 10 weeks.';
			document.getElementById("pop2").className="product217";
 			break;
		case 218:
			document.getElementById("poptxt").innerHTML = 'A pure 50+ cheese that obtains its exclusive taste from the size of the whole cheese, which amounts to 60 kilos. As a result of this, inside the cheese a chain reaction occurs which provides the cheese with a unique, exclusive and true taste sensation. Available in various varieties as 7.5 kilos piece. A large piece of cheese has an optimum consumption age as of 26 weeks.';
			document.getElementById("pop2").className="product218";
 			break;
		case 219:
			document.getElementById("poptxt").innerHTML = 'A 50+ pre-packed cheese available as one piece of 300 grams or 500 grams, in the varieties matured, extra-matured, and old. The taste depends on the variety. The optimum consumption age depends on the variety.';
			document.getElementById("pop2").className="product219";
 			break;
			default:
	  			//code to be executed if n is different from case 1 and 2
		}
	document.getElementById("popframe").style.display = "block";
	document.getElementById("pop1").style.height = (document.getElementById("pop2").offsetHeight - 42) + "px";
	//alert(dims.x + " " + dims.y);
	document.getElementById("popTD").style.height = dims.y + "px";
	document.getElementById("popTD").style.width = dims.x + "px";
}

function switchOver(id){
		document.getElementById('knop'+id).className = 'knop' + id + 'on';
}

function switchOff(id){
		document.getElementById('knop'+id).className = 'knop' + id;	
}

function where(){
	alert(document.getElementById("content").style.top + " , " + document.getElementById("scroller").style.top);
}
function maaktrans(){
	document.getElementById('intro').className = "klaar";
}
function introweg(){
	document.getElementById("popframe").style.display = "none";
}
function menu(id,n){
	if(id == 1){
		switch(n){
			case 1:
	  			document.getElementById("content").style.top = 0;
				document.getElementById("scroller").style.top = 0;
	  			break;
			case 2:
	  			document.getElementById("content").style.top = 0;
				document.getElementById("scroller").style.top = 0;
	  			break;
			default:
	  			//code to be executed if n is different from case 1 and 2
		}
	}else if(id == 2){
		switch(n){
			case 1:
	  			document.getElementById("content").style.top = 0;
				document.getElementById("scroller").style.top = 0;
	  			break;
			case 2:
	  			document.getElementById("content").style.top = -127;
				document.getElementById("scroller").style.top = 68;
	  			break;
			case 3:
	  			document.getElementById("content").style.top = -304;
				document.getElementById("scroller").style.top = 162;
	  			break;
			default:
	  			//code to be executed if n is different from case 1 and 2
		}
	}else if(id == 3){
		switch(n){
			case 1:
	  			document.getElementById("content").style.top = 0;
				document.getElementById("scroller").style.top = 0;
	  			break;
			case 2:
	  			document.getElementById("content").style.top = -181;
				document.getElementById("scroller").style.top = 100	 ;
	  			break;
			case 3:
	  			document.getElementById("content").style.top = -287;
				document.getElementById("scroller").style.top = 158;
	  			break;
			default:
	  			//code to be executed if n is different from case 1 and 2
		}
	}else if(id == 4){
		switch(n){
			case 1:
	  			document.getElementById("content").style.top = 0;
				document.getElementById("scroller").style.top = 0;
	  			break;
			case 2:
	  			//document.getElementById("content").style.top = -165;
				document.getElementById("content").style.top = -172;
				document.getElementById("scroller").style.top = 21;
	  			break;
			case 3:
	  			//document.getElementById("content").style.top = -340;
				document.getElementById("content").style.top = -344;
				document.getElementById("scroller").style.top = 43;
	  			break;
			case 4:
	  			//document.getElementById("content").style.top = -515;
				document.getElementById("content").style.top = -516;
				document.getElementById("scroller").style.top = 65;
	  			break;
			case 5:
	  			//document.getElementById("content").style.top = -680;
				document.getElementById("content").style.top = -688;
				document.getElementById("scroller").style.top = 86;
	  			break;
			case 6:
	  			//document.getElementById("content").style.top = -854;
				document.getElementById("content").style.top = -860;
				document.getElementById("scroller").style.top = 108;
	  			break;
			case 7:
	  			//document.getElementById("content").style.top = -1028;
				document.getElementById("content").style.top = -1032;
				document.getElementById("scroller").style.top = 129;
	  			break;
			case 8:
	  			//document.getElementById("content").style.top = -1202;
				document.getElementById("content").style.top = -1204;
				document.getElementById("scroller").style.top = 151;
	  			break;
			case 9:
	  			//document.getElementById("content").style.top = -1368;
				document.getElementById("content").style.top = -1376;
				document.getElementById("scroller").style.top = 173;
	  			break;
			case 10:
	  			//document.getElementById("content").style.top = -1543;
				document.getElementById("content").style.top = -1548;
				document.getElementById("scroller").style.top = 194;
	  			break;
			case 11:
	  			//document.getElementById("content").style.top = -1717;
				document.getElementById("content").style.top = -1720;
				document.getElementById("scroller").style.top = 216;
	  			break;
			case 12:
	  			//document.getElementById("content").style.top = -1891;
				document.getElementById("content").style.top = -1892;
				document.getElementById("scroller").style.top = 237;
	  			break;
			case 13:
	  			//document.getElementById("content").style.top = -2056;
				document.getElementById("content").style.top = -2064;
				document.getElementById("scroller").style.top = 260;
	  			break;
			case 14:
	  			//document.getElementById("content").style.top = -2483;
				document.getElementById("content").style.top = -2415;
				document.getElementById("scroller").style.top = 303;
	  			break;
			default:
	  			//code to be executed if n is different from case 1 and 2
		}
	}else if(id == 5){
		switch(n){
			case 1:
	  			document.getElementById("content").style.top = 0;
				document.getElementById("scroller").style.top = 0;
	  			break;
			case 2:
	  			document.getElementById("content").style.top = -443;
				document.getElementById("scroller").style.top = 156;
	  			break;
			case 3:
	  			document.getElementById("content").style.top = -622;
				document.getElementById("scroller").style.top = 219;
	  			break;
			case 4:
	  			document.getElementById("content").style.top = -622;
				document.getElementById("scroller").style.top = 219;
	  			break;
			default:
	  			//code to be executed if n is different from case 1 and 2
		}
	}else if(id == 6){
		switch(n){
			case 1:
	  			document.getElementById("content").style.top = 0;
				document.getElementById("scroller").style.top = 0;
	  			break;
			case 2:
	  			document.getElementById("content").style.top = -356;
				document.getElementById("scroller").style.top = 150;
	  			break;
			default:
	  			//code to be executed if n is different from case 1 and 2
		}
	}
	var klaar=0;
	var i=1;
	while (klaar!=1){
		var productElement = document.getElementById('subknop' + i);
		if (productElement != null){
			if(i == n){
				document.getElementById('subknop' + i).className='selected';
			}else{
				document.getElementById('subknop' + i).className='';
			}
		}else{
			klaar = 1;
		}
		i=i+1;
	}
}

var scroller = {
  init:   function() {

    //collect the variables
    scroller.docH = document.getElementById("content").offsetHeight;
    scroller.contH = document.getElementById("container").offsetHeight;
    scroller.scrollAreaH = document.getElementById("scrollArea").offsetHeight;
      
    //calculate height of scroller and resize the scroller div
    //(however, we make sure that it isn't to small for long pages)
    scroller.scrollH = (scroller.contH * scroller.scrollAreaH) / scroller.docH;
    //if(scroller.scrollH < 15) scroller.scrollH = 15;
    document.getElementById("scroller").style.height = Math.round(scroller.scrollH) + "px";
    
    //what is the effective scroll distance once the scoller's height has been taken into account
    scroller.scrollDist = Math.round(scroller.scrollAreaH-scroller.scrollH);
    
    //make the scroller div draggable
    Drag.init(document.getElementById("scroller"),null,0,0,-1,scroller.scrollDist);
    
    //add ondrag function
    document.getElementById("scroller").onDrag = function (x,y) {
      var scrollY = parseInt(document.getElementById("scroller").style.top);
      var docY = 0 - (scrollY * (scroller.docH - scroller.contH) / scroller.scrollDist);
      document.getElementById("content").style.top = docY + "px";
    }
  }
}

onload = scroller.init;
//-->