function left_menu_over(div, nr) {
	div.style.backgroundImage = 'url(../img/style/menuleft/2' + nr + '_act.jpg)';
}

function left_menu_out(div) {
	div.style.backgroundImage = '';
}


function bezorgAdres(div){
	if(div.checked==true){
			document.getElementById('bezorgadres_anders1').style.display = '';
			document.getElementById('bezorgadres_anders2').style.display = '';
			document.getElementById('bezorgadres_anders3').style.display = '';
	}else{
			document.getElementById('bezorgadres_anders1').style.display = 'none';
			document.getElementById('bezorgadres_anders2').style.display = 'none';
			document.getElementById('bezorgadres_anders3').style.display = 'none';		
	}
}

function left_menu_over(div, nr) {
	div.style.backgroundImage = 'url(../img/style/menuleft/2' + nr + '_act.jpg)';
}

function left_menu_out(div) {
	div.style.backgroundImage = '';
}

function product_info_over(div) {	
	div.style.backgroundImage = 'url(../img/style/product_head_active.gif)';
}

function product_info_out(div, selected) {
	if(selected=="sel"){
		div.style.backgroundImage = 'url(../img/style/product_head_sel.gif)';
	}else{
		div.style.backgroundImage = '';		
	}
}

function rand_over(div, sub_id, product_id, image, item_id, price) { 
	document.getElementById(sub_id + '_' + product_id + '_img').src = '../img/opties/' + image + '.jpg';
	document.getElementById(sub_id + '_' + product_id + '_' + item_id +'_prijs').innerHTML = price;
	div.style.backgroundColor = "#EA2D2E";
}

function rand_out(div, sub_id, product_id, image, item_id, price, sel) {
	document.getElementById(sub_id + '_' + product_id +'_img').src = '../img/collection/' + image;
	document.getElementById(sub_id + '_' + product_id + '_' + item_id +'_prijs').innerHTML = price;
	
	if(sel=='sel'){
		div.style.backgroundColor = "#F2D6D2";		
	} else {
		div.style.backgroundColor = "#C9D7E0";
	}
}

function calculator_over(div, sub_id, product_id, type) { 
	div.style.backgroundImage='url(../img/style/calculator_active.gif)';
	if(type=='add'){
	document.getElementById(sub_id + '_' + product_id +'_img').src = '../img/style/add.gif';
	}else{
	document.getElementById(sub_id + '_' + product_id +'_img').src = '../img/style/del.gif';		
	}
}

function calculator_out(div, sub_id, product_id, image, type) {
	if(type=='add'){
		div.style.backgroundImage='url(../img/style/calculator.gif)';
	}
	document.getElementById(sub_id + '_' + product_id +'_img').src = '../img/collection/' + image;
}

function getAddress() {
document.aanvraag.address2.value	= document.aanvraag.address1.value;
document.aanvraag.pc2.value 		= document.aanvraag.pc1.value;
document.aanvraag.location2.value	= document.aanvraag.location1.value;
}

function frameCatching()
{
    // zorgt ervoor dat de pagina niet gevangen zit in een ander frame
    if(parent.frames.length!=0) window.top.location.replace(document.location.href);
}

function waitPreloadPage() { //DOM
	if (document.getElementById){
		document.getElementById('prepage').style.visibility='hidden';
		}else{
		if (document.layers){ //NS4
			document.prepage.visibility = 'hidden';
		}
		else { //IE4
			document.all.prepage.style.visibility = 'hidden';
		}
	}
}

function NewWindow(mypage,myname,w,h,scroll,pos)
{
    if(pos=="random")
    {
        LeftPosition=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;
        TopPosition=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;
    }
    else
    {
        if(pos=="center")
        {
            LeftPosition=(screen.width)?(screen.width-w)/2:100;
            TopPosition=(screen.height)?(screen.height-h)/2:100;
        }
    }

    if((pos!="center" && pos!="random") || pos==null)
    {
        LeftPosition=0;TopPosition=20
    }

    settings='width='+w+',height='+h+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',location=no,directories=no,status=no,menubar=no,toolbar=no,resizable=no';

    win=window.open(mypage,myname,settings);
}

function preview() {
    var urlSuffix = '';

    for(i=0; i<elementsArray.length; i++) {
        elementName = elementsArray[i];

        sourceElement = eval('document.forms[0].'+elementName);
        targetElement = eval('document.forms[1].'+elementName);

        if(sourceElement.options) elementType = 'select-one';
        else if(sourceElement.length > 0) elementType = 'radio';
        else elementType = sourceElement.type;

        switch(elementType) {
            case 'text':
                targetElement.value = sourceElement.value;
                break;
            case 'textarea':
                targetElement.value = sourceElement.value;
                break;
            case 'hidden':
                targetElement.value = sourceElement.value;
                break;
            case 'radio':
                for(j=0; j<sourceElement.length; j++) {
                    if(sourceElement[j].checked)
                        { targetElement.value = sourceElement[j].value; break; }
                }
                break;
            case 'select-one':
                targetElement.value = sourceElement.options[sourceElement.selectedIndex].value;
                break;
            case 'checkbox':
                if( sourceElement.checked ) targetElement.value = sourceElement.value;
                else targetElement.value = '';
                break;
            case 'default':
                alert('Unknown element type: '+sourceElement.type);
                break;
        }
    }

    // Check of er een foto is gekozen
    if(document.forms[0].photo.value.length > 0)
       urlSuffix = 'photo=1';


	var sessid = ''; 
    query = location.search.split('&'); 
    for (i = 0; i < query.length; i++) { 
        el = query[i].split('=',2); 
        if (el[0] == '?PHPSESSID' ||el[0] == 'PHPSESSID'  ) { 
            urlSuffix = urlSuffix + '&PHPSESSID=' + el[1]; 
        }
    }

    //popup scherm met de naam preview openen
    if(eval(document.forms['aanbieden']))
	    NewWindow('','preview','605','630','yes','center');
	else
	    NewWindow('','preview','605','380','yes','center');

    document.forms[1].action = 'preview.php?' + urlSuffix;
    document.forms[1].target= "preview";
    document.forms[1].submit();
}      // -->

/*
  De functie zorgt ervoor dat het opgegeven bericht in de statusbalk

  verschijnt.
  bericht = het bericht dat in de statusbalk moet staan.
*/
function ws(bericht)
{
	window.status = bericht;
	document.MM_returnValue = true;
}

/*
  De functie telt hoeveel tekens er nog in het betreffende tekstvak 
  mogen worden geplaatst.
  veld = Het veld waarin de tekens worden geplaatst.
  telveld = Het veld dat weergeeft hoeveel tekens er over zijn.
  maximum = Het maximum aantal tekens dat in het tekstvak geplaatst mogen worden geplaatst.
*/
function tekstteller(veld,telveld,maximum) 
{
	if (veld.value.length > maximum) 
		veld.value 		= veld.value.substring(0, maximum);
	else
		telveld.value 	= maximum - veld.value.length;

}

/*
	De functie zorgt ervoor dat er helptekst in het informatieveld
	verschijnt, wanneer de gebruiker in een invoerveld staat
	naam = Naam van het invoerveld.
	tekst = Informatie over het invoerveld.
	voorbeeld = Een voorbeeld van wat er in het invoerveld kan staan.
*/
function schrijfHelptekst(naam, tekst, voorbeeld)
{
	document.getElementById('helpnaam').innerHTML = naam;
	document.getElementById('helptekst').innerHTML = tekst;
	if(typeof(voorbeeld) != "undefined")
		document.getElementById('voorbeeldtekst').innerHTML = '<br><b>Voorbeeld</b><br>' + voorbeeld;
	else
		document.getElementById('voorbeeldtekst').innerHTML = '';
}

/*
	De functie zorgt ervoor dat de gebruiker een popup scherm ziet met
	daarin de actie te bevestigen.
	bericht = Een vraag aan de gebruiker over bevestiging.
	url = De url die verschijnt na bevestiging.
*/
function bevestig_popup(bericht, url)
{ 
    var bevestigd = confirm(bericht);
    if (bevestigd)
       location = url;
} 

/*
	De functie zorgt ervoor dat het informatieveld altijd zichtbaar
	blijft voor de gebruiker, ook al scrollt de gebruiker helemaal 
	naar beneden.
*/
var old = 0;
function initScroller() 
{
	var old = theTop;
	moveHelpbox(); 
} 

/*
	De functie zorgt ervoor dat het informatieveld altijd zichtbaar
	blijft voor de gebruiker, ook al scrollt de gebruiker helemaal 
	naar beneden.
*/
function moveHelpbox() 
{ 
	if(document.getElementById && window.sidebar) 
		if(window.innerHeight > 550) 
			document.getElementById('helpbox').style.position = 'fixed'; 
	
	if (window.innerHeight) 
		pos = window.documentElement.scrollTop;
	else if (document.documentElement && document.documentElement.scrollTop) 
		pos = document.documentElement.scrollTop; 
	else if (document.body) 
		pos = document.body.scrollTop;
		
	if (pos < theTop) 
		pos = theTop; 
	else 
		pos += 30; 
	
	if (pos == old) 
	{ 
		if(document.all && !document.getElementById) 
			document.all['helpbox'].style.top = pos; 
		else 
			document.getElementById('helpbox').style.top = pos;
	} 
	old = pos; 
	temp = setTimeout('moveHelpbox()',10); 
} 

/*
	De functie zorgt ervoor dat het invoerveld 'beschikbaar tot'
	zichtbaar wordt, als de gebruiker de kamer tijdelijk wil verhuren.
*/
function huurper()
{
	if (document.forms[0].layers)
	{
		current = (document.forms[0].layers['rental_period'].options[aanbieden.rental_period.selectedIndex].value==2) ? '' : 'none';
		document.forms[0].layers['available_t'].display = current;
	}
	else if (document.forms[0].all)
	{
		current = (document.forms[0].all['rental_period'].options[aanbieden.rental_period.selectedIndex].value==2) ? '' : 'none';
		document.forms[0].all['available_t'].style.display = current;
	}
	else if (document.forms[0].getElementById)
	{
		current = (document.forms[0].forms["aanbieden"].rental_period.options[document.forms["aanbieden"].rental_period.selectedIndex].value==2) ? '' : 'none';
		document.forms[0].getElementById('available_t').style.display = current;
	}
}

/*
	De functie zorgt ervoor dat het invoerveld 'geslacht huisgenoten'
	zichtbaar wordt, als er huisgenoten zijn.
*/
function huisgen()
{
	if (document.forms[0].layers)
	{
		current = (document.forms[0].layers['number_of_flatmates'].options[aanbieden.number_of_flatmates.selectedIndex].value!=0) ? '' : 'none';
		document.forms[0].layers['gender_flatm'].display = current;
	}
	else if (document.forms[0].all)
	{
		current = (document.forms[0].all['number_of_flatmates'].options[aanbieden.number_of_flatmates.selectedIndex].value!=0) ? '' : 'none';
		document.forms[0].all['gender_flatm'].style.display = current;
	}
	else if (document.forms[0].getElementById)
	{
		current = (document.forms[0].forms["aanbieden"].number_of_flatmates.options[document.forms["aanbieden"].number_of_flatmates.selectedIndex].value!=0) ? '' : 'none';
		document.getElementById('gender_flatm').style.display = current;
	}
}

/*
	De functie zorgt ervoor dat het invoerveld 'straat' en 'huurprijs'
	zichtbaar wordt, als het een advertentie betreft en dat het invoerveld 'titel'en 'maximale huurpijs' zichtbaar
	wordt als het een oproep betreft.
*/
function abuse()
{
	if (document.forms[0].layers)
	{
		current = (document.forms[0].layers['i_abuse_on'].options[misbruik.i_abuse_on.selectedIndex].value!=2) ? '' : 'none';
		document.forms[0].layers['i_street'].display = current;

		current = (document.forms[0].layers['i_abuse_on'].options[misbruik.i_abuse_on.selectedIndex].value!=2) ? '' : 'none';
		document.forms[0].layers['i_price_room'].display = current;

		current = (document.forms[0].layers['i_abuse_on'].options[misbruik.i_abuse_on.selectedIndex].value!=1) ? '' : 'none';
		document.forms[0].layers['i_title'].display = current;

		current = (document.forms[0].layers['i_abuse_on'].options[misbruik.i_abuse_on.selectedIndex].value!=1) ? '' : 'none';
		document.forms[0].layers['i_max_price'].display = current;
	}
	else if (document.forms[0].all)
	{
		current = (document.forms[0].all['abuse_on'].options[misbruik.abuse_on.selectedIndex].value!=2) ? '' : 'none';
		document.forms[0].all['i_street'].style.display = current;

		current = (document.forms[0].all['abuse_on'].options[misbruik.abuse_on.selectedIndex].value!=2) ? '' : 'none';
		document.forms[0].all['i_price_room'].style.display = current;
		
		current = (document.forms[0].all['abuse_on'].options[misbruik.abuse_on.selectedIndex].value!=1) ? '' : 'none';
		document.forms[0].all['i_title'].style.display = current;
		
		current = (document.forms[0].all['abuse_on'].options[misbruik.abuse_on.selectedIndex].value!=1) ? '' : 'none';
		document.forms[0].all['i_max_price'].style.display = current;
	}
	else if (document.forms[0].getElementById)
	{
		current = (document.forms[0].forms["misbruik"].abuse_on.options[document.forms["misbruik"].abuse_on.selectedIndex].value!=2) ? '' : 'none';
		document.getElementById('i_street').style.display = current;

		current = (document.forms[0].forms["misbruik"].abuse_on.options[document.forms["misbruik"].abuse_on.selectedIndex].value!=2) ? '' : 'none';
		document.getElementById('i_price_room').style.display = current;

		current = (document.forms[0].forms["misbruik"].abuse_on.options[document.forms["misbruik"].abuse_on.selectedIndex].value!=2) ? '' : 'none';
		document.getElementById('i_title').style.display = current;

		current = (document.forms[0].forms["misbruik"].abuse_on.options[document.forms["misbruik"].abuse_on.selectedIndex].value!=2) ? '' : 'none';
		document.getElementById('i_max_price').style.display = current;
	}
}

function form_change()
{
	if (document.forms[1].all)
	{
		if(document.forms[1].all['form'].options[items.form.selectedIndex].value==1){
			document.getElementById('leng').style.display = '';
			document.getElementById('diam').style.display = 'none';
			document.getElementById('lengte').style.display = '';
			document.getElementById('breedte').style.display = '';
			document.getElementById('hoogte').style.display = '';
		}
		
		if(document.forms[1].all['form'].options[items.form.selectedIndex].value==2){
			document.getElementById('leng').style.display = '';
			document.getElementById('diam').style.display = 'none';
			document.getElementById('lengte').style.display = '';
			document.getElementById('breedte').style.display = '';
			document.getElementById('hoogte').style.display = '';
		}
		
		if(document.forms[1].all['form'].options[items.form.selectedIndex].value==3){
			document.getElementById('leng').style.display = '';
			document.getElementById('diam').style.display = '';
			document.getElementById('lengte').style.display = 'none';
			document.getElementById('breedte').style.display = 'none';
			document.getElementById('hoogte').style.display = '';
		}
		if(document.forms[1].all['form'].options[items.form.selectedIndex].value==4){
			document.getElementById('leng').style.display = '';
			document.getElementById('diam').style.display = '';
			document.getElementById('lengte').style.display = 'none';
			document.getElementById('breedte').style.display = 'none';
			document.getElementById('hoogte').style.display = '';
		}
		if(document.forms[1].all['form'].options[items.form.selectedIndex].value==''){
			document.getElementById('leng').style.display = 'none';
			document.getElementById('diam').style.display = 'none';
			document.getElementById('lengte').style.display = 'none';
			document.getElementById('breedte').style.display = 'none';
			document.getElementById('hoogte').style.display = 'none';
		}
}	
}

function hide_prod()
{
	document.getElementById('diam').style.display = 'none';
	document.getElementById('leng').style.display = 'none';
	document.getElementById('lengte').style.display = 'none';
	document.getElementById('breedte').style.display = 'none';
	document.getElementById('hoogte').style.display = 'none';
	document.getElementById('form_table').style.display = 'none';
	document.getElementById('form_else').style.display = 'none';
}

function category_change()
{
	if (document.forms[0].all)
	{
		if(document.forms[0].all['category'].options[itemss.category.selectedIndex].value==''){
			document.getElementById('subcategorie').style.display = 'none';
		}
		if(document.forms[0].all['category'].options[itemss.category.selectedIndex].value!=''){
			document.getElementById('subcategorie').style.display = '';
		}

		if(document.forms[0].all['category'].options[itemss.category.selectedIndex].value==1 || document.forms[0].all['category'].options[itemss.category.selectedIndex].value==2){
			document.getElementById('form_table').style.display = '';
			document.getElementById('form_else').style.display = 'none';
		}
		else{
			document.getElementById('form_table').style.display = 'none';
			document.getElementById('form_else').style.display = '';
		}
	}	
}

function subcategory_change()
{
	if (document.forms[0].all)
	{
		if(document.forms[0].all['subcategory'].options[itemss.subcategory.selectedIndex].value==''){
			document.getElementById('foto').style.display = 'none';
		}
		if(document.forms[0].all['subcategory'].options[itemss.subcategory.selectedIndex].value!=''){
			document.getElementById('foto').style.display = '';
		}
	}	
}

/*
	De functies hieronder tussen START AFBEELDINGSFUNCTIES en EINDE AFBEELDINGSFUNCTIES
	zorgen ervoor dat er een vergrote afbeelding verschijnt als de gebruiker over
	de kleine versie van de afbeelding met de muis beweegt.
	
	START AFBEELDINGSFUNCTIES
*/

// nagaan welk type navigator de gebruiker heeft
var bName = navigator.appName;
var bVer = parseInt(navigator.appVersion);
var NS6 = (bName == "Netscape" && bVer >= 5);
var NS4 = (bName == "Netscape" && bVer >= 4 && bVer < 5);
var IE4 = (bName == "Microsoft Internet Explorer" && bVer >= 4);
var NS3 = (bName == "Netscape" && bVer < 4);
var IE3 = (bName == "Microsoft Internet Explorer" && bVer < 4);
window.onerror = null;
var menuActive = 0
var menuOn = 0
var onLayer
var timeOn = null
 
// nagaan welke code moet worden gebruikt i.v.m. verschillende navigatoren 
if (NS4 || IE4 || NS6) {
	if (navigator.appName == "Netscape" && !document.getElementById){
		layerStyleRef="layer.";
		layerRef="document.layers";
		styleSwitch="";
		layerVis="show";
		layerHid="hide";
	}
	else if (!document.all && document.getElementById) {
		layerStyleRef="layer.style.";
		layerRef="document.getElementById";
		styleSwitch=".style";
		layerVis="visible";
		layerHid="hidden";
	}
	else {
		layerStyleRef="layer.style.";
		layerRef="document.all";
		styleSwitch=".style";
		layerVis="visible";
		layerHid="hidden";
	}
}

// de functie zorgt ervoor dat de vergrote afbeelding zichtbaar wordt
function shLayer(layerName){
 img = getImage("imgTabs");
 imgs = getImage("imgTabss");
 x = getImagePageLeft(img) + img.width - imgs.width;
 y = getImagePageTop(img);
 menuTop = y + 0 ; // LAYER TOP POSITION
 SerL = x + 0 ; // 'Ser' LAYER LEFT POSITION
 ProL = x + 0 ;  // 'Pro' LAYER LEFT POSITION
 RatL = x + 0 ;  // 'Rat' LAYER LEFT POSITION
if (NS4 || IE4 || NS6) {
 if (timeOn != null) {
 hideLayer(onLayer)
 }
 if (NS4 || IE4) {
 eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="'+layerVis+'"');
 eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.top="'+menuTop+'"');
 eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.left="'+eval(layerName+'L')+'"');
 } 
 if (NS6) {
 eval(layerRef+'("'+layerName+'")'+styleSwitch+'.visibility="'+layerVis+'"');
 eval(layerRef+'("'+layerName+'")'+styleSwitch+'.top="'+menuTop+'"');
 eval(layerRef+'("'+layerName+'")'+styleSwitch+'.left="'+eval(layerName+'L')+'"');
 } 
 onLayer = layerName
 }
}

// de functie zorgt ervoor dat de vergrote afbeelding niet zichtbaar is
function hideLayer(layerName)
{
	if (NS4 || IE4) 
		eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="'+layerHid+'"');
	if (NS6)
		eval(layerRef+'("'+layerName+'")'+styleSwitch+'.visibility="'+layerHid+'"');
}


function getImage(name) {
  if (NS4 || NS6)
    return findImage(name, document);
  if (IE4 || NS6)
    return eval('document.all.' + name);
  return null;
}

// de functie haalt de afbeelding op die vergroot moet worden
function findImage(name, doc) {
  var i, img;
  for (i = 0; i < doc.images.length; i++)
    if (doc.images[i].name == name)
      return doc.images[i];
  for (i = 0; i < doc.layers.length; i++)
    if ((img = findImage(name, doc.layers[i].document)) != null) {
      img.container = doc.layers[i];
      return img;
    }
  return null;
}

// de functie gaat na hoever de kleine afbeelding van de linkerkant van het scherm vandaan is
function getImagePageLeft(img) {
  var x, obj;
  if (NS4 || NS6) {
    if (img.container != null)
      return img.container.pageX + img.x - 1;
    else
      return img.x - 1;
  }
  if (IE4) {
    x = 0;
    obj = img;
    while (obj.offsetParent != null) {
      x += obj.offsetLeft;
      obj = obj.offsetParent;
    }
    x += obj.offsetLeft;
    return x;
  }
  return -1;
}

// de functie gaat na hoever de kleine afbeelding van de bovenkant van het scherm vandaan is
function getImagePageTop(img) {
  var y, obj;
  if (NS4 || NS6) {
    if (img.container != null)
      return img.container.pageY + img.y;
    else
      return img.y;
  }
  if (IE4) {
    y = 0;
    obj = img;
    while (obj.offsetParent != null) {
      y += obj.offsetTop;
      obj = obj.offsetParent;
    }
    y += obj.offsetTop;
    return y;
  }
  return -1;
}

/*
	EINDE AFBEELDINGSFUNCTIES
*/
if (NS4 || IE4 || NS6) {
	if (navigator.appName == "Netscape" && !document.getElementById){
		layerStyleRef="layer.";
		layerRef="document.layers";
		styleSwitch="";
		layerVis="show";
		layerHid="hide";
	}
	else if (!document.all && document.getElementById) {
		layerStyleRef="layer.style.";
		layerRef="document.getElementById";
		styleSwitch=".style";
		layerVis="visible";
		layerHid="hidden";
	}
	else {
		layerStyleRef="layer.style.";
		layerRef="document.all";
		styleSwitch=".style";
		layerVis="visible";
		layerHid="hidden";
	}
}

function menu_on(layerName){
 img = getImage("bg");
 x = getImagePageLeft(img);
 y = getImagePageTop(img) - 16 - 22;
 menuTop = y + 0 ; // LAYER TOP POSITION
 infoL = x + 800 - 115; // 'Info' LAYER LEFT POSITION
 bedrijfL = x + 800 - 115 - 51; // 'Bedrijf' LAYER LEFT POSITION

if (NS4 || IE4 || NS6) {
 if (timeOn != null) {
 hideLayer(onLayer)
 }
 if (NS4 || IE4) {
 eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="'+layerVis+'"');
 eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.top="'+menuTop+'"');
 eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.left="'+eval(layerName+'L')+'"');
 } 
 if (NS6) {
 eval(layerRef+'("'+layerName+'")'+styleSwitch+'.visibility="'+layerVis+'"');
 eval(layerRef+'("'+layerName+'")'+styleSwitch+'.top="'+menuTop+'"');
 eval(layerRef+'("'+layerName+'")'+styleSwitch+'.left="'+eval(layerName+'L')+'"');
 } 
 onLayer = layerName
 }
}