function LaadRingen(ringArr) {
	// put the data into HTML
	//
	for (x=0;x<ringArr.length;x++) {
		var rAX = ringArr[x];
		// check if it is a Sereine ring or not
		if (rAX.indexOf("|")==-1) {
			// not a Sereine ring
			//
			notFound = true;
			
			for (i=0;i<coArr.length;++i) {
				if (coArr[i].id==rAX) {
					setElement(x,coArr[i]);
					notFound = false;
					i = coArr.length;
				}
			}
			/*
			
			// find data belonging to rAX
			for (i=0;i<coArr.length;++i) {
				if (coArr[i].id==rAX) {
					setElement(x,coArr[i]);
					notFound = false;
					i = coArr.length;
				}
			}
			if (notFound) {
				for (i=0;i<elArr.length;++i) {
					if (elArr[i].id==rAX) {
						setElement(x,elArr[i]);
						notFound = false;
						i = elArr.length;
					}
				}
			}
			if (notFound) {
				for (i=0;i<imArr.length;++i) {
					if (imArr[i].id==rAX) {
						setElement(x,imArr[i]);
						notFound = false;
						i = imArr.length;
					}
				}
			}
			
			*/
			
		} else {
			// Sereine ring
			//
			setSereine(x,getSereineData(rAX));
		}
	}
	// pad rest
	for(y=x;y<10;y++) {
		document.getElementById('RingWeergave'+(y+1)).innerHTML = '&nbsp;';
		document.getElementById('RingWeergave'+(y+1)).style.height = '1px';
	}

	window.print();
}

function setElement (x,d) {
	// set element x with data d
	//
	// split size into model & size
	if (d.size.indexOf("/")>-1) {
		var t = d.size.split("/");
		var temp = t[0].split("-");
		var model = temp[0].substring(0,temp[0].length-1);
		var size = temp[1].substring(1);
		var temp = t[1].split("-");
		model += " / "+temp[0].substring(0,temp[0].length-1);
		size += " / "+temp[1].substring(1);
	} else {
		var temp = d.size.split("-");
		var model = temp[0].substring(0,temp[0].length-1);
		var size = temp[1].substring(1);
	}
	// set price
	if (d.price.indexOf("|")>-1) {
		var t = d.price.split("|");
		var price = "";
		for (var i=0;i<t.length;i++) {
			if (i>0) price += " / ";
			price += "€ "+t[i]+",-";
		}
	} else {
		var price = "€ "+d.price+",-";
	}
	// set collection
	var collection = d.collection;
	vlakbol = '';
	if(d.vb.toLowerCase()=='v')
	  vlakbol = ' vlak';
	else
	  vlakbol = ' bol';
	

	//
	var nr = d.image.substr(3);
	if (nr.charAt(0)=="0") nr = nr.substr(1);
	var nr = 1+(parseInt(nr)-1)%4;
	// set carat
	var carat = d.carat;
	if (carat=="") carat = "geen";
	//
	// write table
	var collTable = '<table cellspacing="0" cellpadding="0" border="0">';
	collTable += '<tr>';
	//collTable += '<td class="RingBox" id="RingPlaatje1"><div id="RingImg1"><img src="img/medium/'+d.image+'_'+nr+'.gif"/></div></td>';
	collTable += '<td class="RingBox" id="RingPlaatje1"><div id="RingImg1"><img src="img/print/'+d.image+'.gif"/><img src="img/trans.gif" width="135" height="1" /></div></td>';
	collTable += '<td class="InfoBox" id="RingSpecs1">';
	collTable += '<table border="0" cellspacing="0" cellpadding="0">';
	collTable += '<tr>';
	//collTable += '<td class="specificaties" nowrap width="90">Collectie</td>';
	collTable += '<td colspan="2" class="specificaties">'+collection+'</td>';
	collTable += '</tr>';
	collTable += '<tr>';
	collTable += '<td class="specificaties" nowrap width="90">Model</td>';
	collTable += '<td class="specificaties" nowrap>'+model+'</td>';
	collTable += '</tr>';
	collTable += '<tr>';
	collTable += '<td class="specificaties" nowrap width="90">Breedte</td>';
	collTable += '<td class="specificaties" nowrap>'+size+vlakbol+'</td>';
	collTable += '</tr>';
	collTable += '<tr>';
	collTable += '<td class="specificaties" nowrap width="90">Diamant gewicht</td>';
	collTable += '<td class="specificaties" nowrap>'+carat+'</td>';
	collTable += '</tr>';
	collTable += '<tr>';
	collTable += '<td class="specificaties" nowrap width="90"><i>Prijs per paar *</i></td>';
	collTable += '<td class="specificaties" nowrap><i>'+price+'</i></td>';
	collTable += '</tr>';
	collTable += '<tr>';
	collTable += '<td colspan="2" class="inbetween">&nbsp;<br />&nbsp;<br />&nbsp;</td>';
	collTable += '</tr>';
	collTable += '</table>';
	collTable += '</td>';
	collTable += '</tr>';
	collTable += '<tr>';
	collTable += '<td colspan="2" class="inbetween">&nbsp;<br />&nbsp;</td>';
	collTable += '</tr>';
	collTable += '</table>';
	//
	document.getElementById('RingWeergave'+(x+1)).innerHTML = collTable;
}

function getSereineData (d) {
	// set correct data for d
	//
	var obj = {};
	//
	// split d
	var dArr = d.split("|");
	// set ringsize
	obj.RingSize = parseInt(dArr[0])+3;
	obj.RingFinish = parseInt(dArr[1]);
	obj.RingColor = parseInt(dArr[2]);
	obj.RingType = parseInt(dArr[3]);
	obj.RingSetting = parseInt(dArr[4]);
	//
	obj.ModelNr = obj.RingType+11;
	obj.RingTypeString = (obj.RingType<2)?("vlak "):("bol ");
	obj.RingTypeString += " "+((obj.RingType%2)?("hoog"):("laag"));
	//alert((obj.RingType%2)?("hoog"):("laag"));


	  switch(obj.RingColor){
     case 1:
		   obj.RingColorString = "koel geelgoud";
		   obj.RingColorDir = "ygc";
		   obj.RingColorSet = "a";
       break;
     case 2:
		   obj.RingColorString = "warm geelgoud";
		   obj.RingColorDir = "ygw";
		   obj.RingColorSet = "b";
       break;
     case 3:
		   obj.RingColorString = "zacht witgoud";
		   obj.RingColorDir = "wgy";
		   obj.RingColorSet = "d";
       break;
     default :
	     obj.RingColorString = "helder witgoud";
	     obj.RingColorDir = "wgw";
	     obj.RingColorSet = "c";     
       break;
}
  

 // alert(obj.RingColorDir);
	obj.RingSettingString = ""+(obj.RingSetting!=0||obj.RingSetting!="0")?(obj.RingSetting):("geen");
	if (obj.RingSettingString=="0") obj.RingSettingString = "geen";
	obj.RingSizeString = obj.RingSize+"mm";
	obj.RingFinishString = (obj.RingFinish==0)?("glans"):("mat");
	obj.RingFinishModel = (obj.RingFinish==0)?(""):("M");
	//
	// return obj
	return obj;
}

function setSereine (x,obj) {
	// set element x with data obj
	//
 
	// get price/carat
 	var price = Ring_type[obj.ModelNr][obj.RingSize][obj.RingSetting];
	var ppPair = parseInt(price[1]);
	if (obj.RingColorDir=="wgw") ppPair += 40;
	var carat = price[0];
	if (carat!=""&&carat!="0") carat += " ct";
	//else carat = "geen";
	// determine modelnr's
	var modelNrBefore = ""+obj.ModelNr+obj.RingColor;
	var modelNrAfter = "-"+obj.RingSize+obj.RingFinishModel;
	var modelNrMale = modelNrBefore+"0"+modelNrAfter;
	var modelNr = modelNrBefore+obj.RingSetting+modelNrAfter;
	// determine image
	var dir = "img/sereine/smallgif/";
	var imgMale = ((obj.RingFinish==0)?("p"):("m"))+"_"+obj.RingColorSet+"_"+obj.RingSizeString+"_";
	imgMale += ((obj.RingType<2)?("flat"):("round"))+"_"+obj.RingColorDir;
	var img = imgMale;
	if (obj.RingSetting!=0) {
		// diamond
		//
		img = ((obj.RingFinish==0)?("p"):("m"))+"_set_"+obj.RingSetting+"_"+obj.RingSizeString+"_";
		img += ((obj.RingType<2)?("flat"):("round"))+"_"+obj.RingColorDir;
	}
	//
	// write table
	var serTable = '<table cellspacing="0" cellpadding="0" border="0">';
	serTable += '<tr>';
	serTable += '<td class="RingBox"><img src="img/trans.gif" width="135" height="1" /><div id="RingPlaatjeM1"><div id="RingImg1"><img src="'+dir+imgMale+'.gif" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></div><div id="RingPlaatje1" class="imgFemale"><div id="RingImg1" class="imgFemale">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="'+dir+img+'.gif" /></div></div></td>';
	serTable += '<td class="RingBox" id="RingSpecs1">';
	serTable += '<table border="0" cellspacing="0" cellpadding="0">';
	serTable += '<tr>';
	serTable += '<td colspan="2" class="specificaties" nowrap width="90">Collectie Sereine</td>';
	//serTable += '<td class="specificaties" nowrap>Sereine</td>';
	serTable += '</tr>';
	serTable += '<tr>';
	serTable += '<td class="specificaties" nowrap width="90">Model</td>';
	serTable += '<td class="specificaties" nowrap>'+obj.RingTypeString+'</td>';
	serTable += '</tr>';
	serTable += '<td class="specificaties" nowrap>Breedte</td>';
	serTable += '<td class="specificaties" nowrap>'+obj.RingSizeString+'</td>';
	serTable += '</tr>';
	serTable += '<tr>';
	serTable += '<td class="specificaties" nowrap>Kleur</td>';
	serTable += '<td class="specificaties" nowrap>'+obj.RingColorString+'</td>';
	serTable += '</tr>';
	serTable += '<tr>';
	serTable += '<td class="specificaties" nowrap>Afwerking</td>';
	serTable += '<td class="specificaties" nowrap>'+obj.RingFinishString+'</td>';
	serTable += '</tr>';
	if (carat!=""&&carat!="0") {
		serTable += '<tr>';
		serTable += '<td class="specificaties" nowrap>Zetting</td>';
		serTable += '<td class="specificaties" nowrap>'+obj.RingSettingString+'</td>';
		serTable += '</tr>';
		serTable += '<tr>';
		serTable += '<td class="specificaties" nowrap>Diamant gewicht</td>';
		serTable += '<td class="specificaties" nowrap>'+carat+'</td>';
		serTable += '</tr>';
	}
	serTable += '<tr>';
	serTable += '<td class="specificaties" nowrap>Model nr man</td>';
	serTable += '<td class="specificaties" nowrap>'+modelNrMale+'</td>';
	serTable += '</tr>';
	serTable += '<tr>';
	serTable += '<td class="specificaties" nowrap>Model nr vrouw</td>';
	serTable += '<td class="specificaties" nowrap>'+modelNr+'</td>';
	serTable += '</tr>';
	serTable += '<td class="specificaties" nowrap><i>Prijs per paar *</i></td>';
	serTable += '<td class="specificaties" nowrap><i>€ '+ppPair+',-</i></td>';
	serTable += '</tr>';
	serTable += '<tr>';
	serTable += '<td class="specificaties_hide">&nbsp;</td>';
	serTable += '<td class="specificaties_hide">&nbsp;</td>';
	serTable += '</tr>';
	serTable += '</table>';
	serTable += '</td>';
	serTable += '</tr>';
	serTable += '</table>';
	//
	document.getElementById('RingWeergave'+(x+1)).innerHTML = serTable;
}