function showdiv(town){

    if(town == "all"){
        document.getElementById("allregion").style.display='block';
        document.getElementById("hermanusregion").style.display='none';
        document.getElementById("stanfordregion").style.display='none';
        document.getElementById("gansbaairegion").style.display='none';
        document.getElementById("hangklip-kleinmondregion").style.display='none';
    }
    if(town == "hermanus"){
        document.getElementById("allregion").style.display='none';
        document.getElementById("hermanusregion").style.display='block';
        document.getElementById("stanfordregion").style.display='none';
        document.getElementById("gansbaairegion").style.display='none';
        document.getElementById("hangklip-kleinmondregion").style.display='none';
    }
    if(town == "stanford"){
        document.getElementById("allregion").style.display='none';
        document.getElementById("hermanusregion").style.display='none';
        document.getElementById("stanfordregion").style.display='block';
        document.getElementById("gansbaairegion").style.display='none';
        document.getElementById("hangklip-kleinmondregion").style.display='none';
    }
    if(town == "gansbaai"){
        document.getElementById("allregion").style.display='none';
        document.getElementById("hermanusregion").style.display='none';
        document.getElementById("stanfordregion").style.display='none';
        document.getElementById("gansbaairegion").style.display='block';
        document.getElementById("hangklip-kleinmondregion").style.display='none';
    }
    if(town == "hangklip-kleinmond"){
        document.getElementById("allregion").style.display='none';
        document.getElementById("hermanusregion").style.display='none';
        document.getElementById("stanfordregion").style.display='none';
        document.getElementById("gansbaairegion").style.display='none';
        document.getElementById("hangklip-kleinmondregion").style.display='block';
    }
    
}

function tshowdiv(town){

    if(town == "all"){
        document.getElementById("all").style.display='block';
        document.getElementById("kleinmond").style.display='none';
        document.getElementById("bettysbay").style.display='none';
        document.getElementById("pringlebay").style.display='none';
        document.getElementById("rooiels").style.display='none';
    }
    if(town == "kleinmond"){
        document.getElementById("all").style.display='none';
        document.getElementById("kleinmond").style.display='block';
        document.getElementById("bettysbay").style.display='none';
        document.getElementById("pringlebay").style.display='none';
        document.getElementById("rooiels").style.display='none';
    }
    if(town == "bettysbay"){
        document.getElementById("all").style.display='none';
        document.getElementById("kleinmond").style.display='none';
        document.getElementById("bettysbay").style.display='block';
        document.getElementById("pringlebay").style.display='none';
        document.getElementById("rooiels").style.display='none';
    }
    if(town == "pringlebay"){
        document.getElementById("all").style.display='none';
        document.getElementById("kleinmond").style.display='none';
        document.getElementById("bettysbay").style.display='none';
        document.getElementById("pringlebay").style.display='block';
        document.getElementById("rooiels").style.display='none';
    }
    if(town == "rooiels"){
        document.getElementById("all").style.display='none';
        document.getElementById("kleinmond").style.display='none';
        document.getElementById("bettysbay").style.display='none';
        document.getElementById("pringlebay").style.display='none';
        document.getElementById("rooiels").style.display='block';
    }
    
}

function listmore(listing, area){

    if(area == "all"){area = ""}
    if(document.getElementById("state" + listing + area).value == "open"){
        document.getElementById("list" + listing + area).style.display='block';
        document.getElementById("full" + listing + area).style.backgroundColor='#a6c5dc';
        document.getElementById("state" + listing + area).value = "close";
    }else if(document.getElementById("state" + listing + area).value == "close"){
        document.getElementById("list" + listing + area).style.display='none';
        document.getElementById("full" + listing + area).style.backgroundColor='#a6c5dc';
        document.getElementById("state" + listing + area).value = "open";
    }
        
}