function inst_header(header_logo_path, header_logo_message){
    var html = '<div id="header-box">';
    html += '<div id="header-logo">';
    html += '<h1>' + header_logo_message + '</h1>';
    html += '</div>';
    html += '<div id="header">';
    html += '<img src="' + header_logo_path + '" alt="Activities" />';
    html += '</div>';
    html += '</div>';
    document.write(html);
}

function inst_footer(sw){
    var str;

/** sw = true:index / false:not index **/    
    if (sw) {
        str = '';
    }
    else {
        str = '../';
    }
    
    
    var html = '<div id="footer">';
    html += '<div id="footer-in">';
    html += '<ul>';
    html += '<li>';
    html += '<a href="#top">Top</a>|';
    html += '</li>';
    html += '<li>';
    html += '<a href="'+str+'sitemap.html">Sitemap</a>|';
    html += '</li>';
    html += '<li>';
    html += '<a href="'+str+'access/index.html">Access</a>|';
    html += '</li>';
    html += '</ul>';
    html += '<p class="copyright">';
    html += 'Copyright &copy; 2008-2009 Bali Banjar Hills Retreat. All Rights Reserved.';
    html += '</p>';
    html += '</div>';
    html += '</div>';
    document.write(html);
}

function open_gallery(path, no){
    /* Put a parameter on the address */
    location.href = "../gallery/index.html?" + "path=" + path + "&no=" + no;
}

function SetImage(){

    var cnt = 0;
    var cnt_max = 10;
    var key = new Array(cnt_max);
    
    var html = "";
    var str = "";
    
    str = location.search;
    
    /* no paramater */
    if (!str) {
        str = "?path=err&no=1"
    };
    
    /* Remove ? */
    str = str.substring(1);
    str_tbl = str.split("&");
    
    for (cnt = 0; cnt < str_tbl.length; cnt++) {
        /* Get file name and number of images */
        temp = str_tbl[cnt].split("=");
        keyName = temp[0];
        keyValue = temp[1];
        
        key[keyName] = keyValue;
    }
    
    if ((key['path'] == undefined) || (key['no'] == undefined)) {
        key['path'] = "err";
        key['no'] = 1;
    }
    else {
        if (isNaN(key['no'])) {
            key['no'] = 1;
        }
        
        if (key['no'] > cnt_max) {
            key['no'] = cnt_max;
        }
    }
    
    html += "<div id='gallery-box'>";
    html += "<img id='main-image' src='img/" + key['path'] + "0.jpg' alt='Main Image' />";
    html += "</div>";
    
    html += "<div id='thumbnail-box'>";
    for (cnt = 0; cnt < key['no']; cnt++) {
    
        str = key['path'] + cnt + ".jpg";
        
        html += "<a onmouseover=\"return ChangeImage('main-image','img/" + str + "')\" onKeyPress=\"return ChangeImage('main-image','img/" + str + "')\"><img src='img/s-" + str + "' height='39' width='60' alt='' class='thumbnail-image'></a>";
    }
    html += "</div>";
    
    document.write(html);
}

function ChangeImage(imageName, fileName){
    document.images[imageName].src = fileName;
}