// Expandable DIV (containerurl)

var temp, temp2, cookieArray, cookieArray2, cookieCount;

function initiate() {

    cookieCount = 0;

    if (document.cookie) {

        cookieArray = document.cookie.split(";");
        cookieArray2 = new Array();

        for (i in cookieArray) {
            cookieArray2[cookieArray[i].split("=")[0].replace(/ /g, "")] = cookieArray[i].split("=")[1].replace(/ /g, "");
        }

    }

    cookieArray = (document.cookie.indexOf("state=") >= 0) ? cookieArray2["state"].split(",") : new Array();

    temp = document.getElementById("containerul");

    for (var o = 0; o < temp.getElementsByTagName("li").length; o++) {

        if (temp.getElementsByTagName("li")[o].getElementsByTagName("ul").length > 0) {

            temp2 = document.createElement("span");
            temp2.className = "clicker";
            temp2.style.backgroundImage = (cookieArray.length > 0) ? ((cookieArray[cookieCount] == "true") ? "url(images/minus.gif)" : "url(images/arrow.gif)") : "url(images/arrow.gif)";
            temp2.onclick = function() {
                showhide(this.parentNode);
                writeCookie();
            }

            for (var p = 0; p < temp.getElementsByTagName("li")[o].childNodes.length; p++) {

                if (temp.getElementsByTagName("li")[o].childNodes[p].nodeName == "#text") {
                    temp2.appendChild(temp.getElementsByTagName("li")[o].childNodes[p]);
                }

            }

            temp.getElementsByTagName("li")[o].insertBefore(temp2, temp.getElementsByTagName("li")[o].firstChild)

            temp.getElementsByTagName("li")[o].getElementsByTagName("ul")[0].style.display = "none";

            if (cookieArray[cookieCount] == "true") {
                showhide(temp.getElementsByTagName("li")[o]);
            }

            cookieCount++;

        }
        else {

            temp2 = document.createElement("span");
            temp2.className = "symbols";
            temp2.style.backgroundImage = "url(page.png)";

            temp.getElementsByTagName("li")[o].insertBefore(temp2, temp.getElementsByTagName("li")[o].firstChild);

        }

    }

}



function showhide(el) {

    el.getElementsByTagName("ul")[0].style.display = (el.getElementsByTagName("ul")[0].style.display == "block") ? "none" : "block";

    el.getElementsByTagName("span")[0].style.backgroundImage = (el.getElementsByTagName("ul")[0].style.display == "block") ? "url(images/minus.gif)" : "url(images/arrow.gif)";

}



function writeCookie() {		// Runs through the menu and puts the "states" of each nested list into an array, the array is then joined together and assigned to a cookie.

    cookieArray = new Array()

    for (var q = 0; q < temp.getElementsByTagName("li").length; q++) {

        if (temp.getElementsByTagName("li")[q].childNodes.length > 0) {
            if (temp.getElementsByTagName("li")[q].childNodes[0].nodeName.toLowerCase() == "span" && temp.getElementsByTagName("li")[q].getElementsByTagName("ul").length > 0) {

                cookieArray[cookieArray.length] = (temp.getElementsByTagName("li")[q].getElementsByTagName("ul")[0].style.display == "block");

            }
        }

    }

    document.cookie = "state=" + cookieArray.join(",") + ";expires=" + new Date(new Date().getTime() + 365 * 24 * 60 * 60 * 1000).toGMTString();

}




// Google stuff
function google_map_initialize(lat,lng) {
    var map;
    var latlng = new google.maps.LatLng(lat, lng);

    // Set other map options
    var myOptions = {
        zoom: 16,
        center: latlng,
        scrollwheel:false,
        streetViewControl: true,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

/*
    var div = document.getElementById('map_panorama');
    var panorama = new google.maps.StreetViewPanorama(div);
    map.setStreetView(panorama);
*/

    // Add a marker
    var marker = new google.maps.Marker({
        position: latlng,
        map: map,
        title: "Location"
    });


}