/* ############################## MAIN NAV MENU 1 ############################## */

////==== show/hide main nav menu
function mnav(num, oo) {
    var mlink = document.getElementById("mlink_" + num);
    var snav = document.getElementById("snav_" + num);

    if (oo) {
        mlink.className = appcho_word(mlink.className, true, "on");
        snav.style.display = "block";

        // right align second level nav
        if ((snav.offsetLeft + snav.offsetWidth) > 356) {
           snav.style.left = ((mlink.offsetLeft + mlink.offsetWidth + 0.1) - snav.offsetWidth) + "px";
           snav.style.marginLeft = -5 +"px";
            }
    }
    else {
        mlink.className = appcho_word(mlink.className, false);
        snav.style.display = "none";
    }
}

/* ############################## MAIN NAV MENU 2 ############################## */

////==== show/hide main nav menu
function mnav2(num, oo) {
    var mlink = document.getElementById("mlink2_" + num);
    var snav = document.getElementById("snav2_" + num);

    if (oo) {
        mlink.className = appcho_word(mlink.className, true, "on");
        snav.style.display = "block";

        // right align second level nav
        if ((snav.offsetLeft + snav.offsetWidth) > 349) {
           snav.style.left = ((mlink.offsetLeft + mlink.offsetWidth + 0.1) - snav.offsetWidth) + "px";
           snav.style.marginLeft = -5 +"px";
            }
    }
    else {
        mlink.className = appcho_word(mlink.className, false);
        snav.style.display = "none";
    }
}

/* ############################## STRINGS ############################## */

////==== trim given string of leading and trailing whitespace
function trim_string(str) {
    // trim leading
    str = str.replace(/^[\s]+/, "");

    // trim trailing
    str = str.replace(/[\s]+$/, "");

    return str;
}

////==== squeeze multiple spaces into one in given string
function squeeze_string(str) {
    // squeeze
    str = str.replace(/[\s]+/g, " ");

    return str;
}

////==== append/chop word to/from given string
function appcho_word(str, appcho, word) {
    // split
    var parts = str.split(" ");

    // append
    if (appcho) {
        parts.push(word);
    }
    // chop
    else {
        parts.pop();
    }

    return parts.join(" ");
}


/* ############################## RANDOM QUOTES ############################## */	

function random_quote(){
		
var myquoteimages=new Array()

myquoteimages[0]="images/index_testimonial_1.jpg";
myquoteimages[1]="images/index_testimonial_2.jpg";
myquoteimages[2]="images/index_testimonial_3.jpg";
myquoteimages[3]="images/index_testimonial_4.jpg";
myquoteimages[4]="images/index_testimonial_5.jpg";
myquoteimages[5]="images/index_testimonial_6.jpg";
myquoteimages[6]="images/index_testimonial_7.jpg";
myquoteimages[7]="images/index_testimonial_8.jpg";
myquoteimages[8]="images/index_testimonial_9.jpg";

var qu=Math.floor(Math.random()*myquoteimages.length);

document.write('<img src="'+myquoteimages[qu]+'" alt="Emerald Hills Urban Village">');
}


/* ############################## RANDOM BANNER ############################## */

function random_banner(){
		
var mybannerimages=new Array()

mybannerimages[0]="images/headers/header_1.jpg";
mybannerimages[1]="images/headers/header_2.jpg";
mybannerimages[2]="images/headers/header_3.jpg";
mybannerimages[3]="images/headers/header_4.jpg";
mybannerimages[4]="images/headers/header_5.jpg";
mybannerimages[5]="images/headers/header_6.jpg";
mybannerimages[6]="images/headers/header_7.jpg";
mybannerimages[7]="images/headers/header_8.jpg";
mybannerimages[8]="images/headers/header_9.jpg";
mybannerimages[9]="images/headers/header_10.jpg";
mybannerimages[10]="images/headers/header_11.jpg";
mybannerimages[11]="images/headers/header_12.jpg";
mybannerimages[11]="images/headers/header_13.jpg";

var ba=Math.floor(Math.random()*mybannerimages.length);

document.write('<img src="'+mybannerimages[ba]+'" alt="Emerald Hills Urban Village">');
}


/* ############################## VILLAGE ############################## */

/* ############################## ROLL OVERS ############################## */

var area1On = new Image ();
area1On.src = 'images/village/area1_r.gif';
var area1Off = new Image ();
area1Off.src = 'images/village/area1.gif';

var area2On = new Image ();
area2On.src = 'images/village/area2_r.gif';
var area2Off = new Image ();
area2Off.src = 'images/village/area2.gif';

var area3On = new Image ();
area3On.src = 'images/village/area3_r.gif';
var area3Off = new Image ();
area3Off.src = 'images/village/area3.gif';

var area4On = new Image ();
area4On.src = 'images/village/area4_r.gif';
var area4Off = new Image ();
area4Off.src = 'images/village/area4.gif';

var area5On = new Image ();
area5On.src = 'images/village/area5_r.gif';
var area5Off = new Image ();
area5Off.src = 'images/village/area5.gif';

var area6On = new Image ();
area6On.src = 'images/village/area6_r.gif';
var area6Off = new Image ();
area6Off.src = 'images/village/area6.gif';

var area7On = new Image ();
area7On.src = 'images/village/area7_r.gif';
var area7Off = new Image ();
area7Off.src = 'images/village/area7.gif';

var posOn = new Image ();
posOn.src = 'images/village/pos_r.gif';
var posOff = new Image ();
posOff.src = 'images/village/pos.gif';


/* ############################## 12 THEMES SUB NAV FLOWER ############################## */

/* ############################## ROLL OVERS ############################## */

var landOn = new Image ();
landOn.src = 'images/themes/btn_land_r.gif';
var landOff = new Image ();
landOff.src = 'images/themes/btn_land.gif';

var habitatOn = new Image ();
habitatOn.src = 'images/themes/btn_habitat_r.gif';
var habitatOff = new Image ();
habitatOff.src = 'images/themes/btn_habitat.gif';

var waterOn = new Image ();
waterOn.src = 'images/themes/btn_water_r.gif';
var waterOff = new Image ();
waterOff.src = 'images/themes/btn_water.gif';

var carbonOn = new Image ();
carbonOn.src = 'images/themes/btn_carbon_r.gif';
var carbonOff = new Image ();
carbonOff.src = 'images/themes/btn_carbon.gif';

var transportOn = new Image ();
transportOn.src = 'images/themes/btn_transport_r.gif';
var transportOff = new Image ();
transportOff.src = 'images/themes/btn_transport.gif';

var foodOn = new Image ();
foodOn.src = 'images/themes/btn_food_r.gif';
var foodOff = new Image ();
foodOff.src = 'images/themes/btn_food.gif';

var materialsOn = new Image ();
materialsOn.src = 'images/themes/btn_materials_r.gif';
var materialsOff = new Image ();
materialsOff.src = 'images/themes/btn_materials.gif';

var wasteOn = new Image ();
wasteOn.src = 'images/themes/btn_waste_r.gif';
var wasteOff = new Image ();
wasteOff.src = 'images/themes/btn_waste.gif';

var economyOn = new Image ();
economyOn.src = 'images/themes/btn_economy_r.gif';
var economyOff = new Image ();
economyOff.src = 'images/themes/btn_economy.gif';

var wellOn = new Image ();
wellOn.src = 'images/themes/btn_well_r.gif';
var wellOff = new Image ();
wellOff.src = 'images/themes/btn_well.gif';

var equityOn = new Image ();
equityOn.src = 'images/themes/btn_equity_r.gif';
var equityOff = new Image ();
equityOff.src = 'images/themes/btn_equity.gif';

var cultureOn = new Image ();
cultureOn.src = 'images/themes/btn_culture_r.gif';
var cultureOff = new Image ();
cultureOff.src = 'images/themes/btn_culture.gif';

/* ############################## TOGGLE ############################## */


function toggle(num) {
    var e = document.getElementById("areaInfo" + num);

     	
    	for (var i = 1; i <= 7; i++) {
        var tmp_e = document.getElementById("areaInfo" + i);
        var tmp_f = document.getElementById("area" + i);
            if (tmp_e != e ) {
            tmp_e.style.display = 'none';
        }
    }
    if (e.style.display != 'inline') {
        e.style.display = 'inline';
    
    }

}