function doMenu(page, target){
    var pg = (page) ? page : "unknown";
    var tgt = (target) ? target : "content_inner";
    var src = "";
    switch (pg) {
        case "home":
            src = "home.html";
            break;
        case "new boats":
            src = "new_boats.html";
            break;
        case "used boats":
            src = "used_boats.html";
            break;
        case "new outboards":
            src = "new_outboards.html";
            break;
        case "marine accessories":
            src = "marine_accessories.html";
            break;
        case "power":
            src = "power.html";
            break;
        case "kayak":
            //imgList = imgList2;
            src = "kayak.html";
            break;
        case "golf carts":
            src = "golf_carts.html";
            break;
        case "spare parts":
            src = "spare_parts.html";
            break;
        case "service":
            src = "service.html";
            break;
        case "gallery":
            src = "gallery.html";
            break;
        case "finance":
            src = "finance.html";
            break;
        case "insurance":
            src = "insurance.html";
            break;
        case "contact":
            src = "contactus.html";
            break;
        case "about":
            src = "about.html";
            break;
        default:
            alert("Sorry. Our " + page +
            " page has not be built yet. \n\nPlease check back later.");
            return;
    }
    Ext.Ajax.request({
        url: src,
        success: function(response, opts) {
		    replaceDiv("content_inner", response.responseText);
		},
        failure: function(response, opts) {
            console.log('server-side failure with status code ' + response.status);
        }
    });
}

function replaceDiv(id, text) {
    Ext.DomHelper.overwrite(Ext.DomQuery.selectNode('div[@id=' + id + ']'), text);
}

// Continuous Image Marquee
// copyright 24th July 2008 by Stephen Chapman
// http://javascript.about.com
// permission to use this Javascript on your web page is granted
// provided that all of the code below in this script (including these
// comments) is used without any alteration

var mqr = []; 

function startMarquee(id, imgList) {
   new mq(id, imgList, 200);
   mqRotate(mqr); // must come last
}

function restartMarquee(id, imgList){
    if (mqr[0]) {
        clearTimeout(mqr[0].TO);
        mqr.pop();
    }
    startMarquee(id, imgList);
}

function mq(id, ary, wid){
    this.mqo = document.getElementById(id);
    var heit = this.mqo.style.height;
    this.mqo.onmouseout = function(){
        mqRotate(mqr);
    };
    this.mqo.onmouseover = function(){
        clearTimeout(mqr[0].TO);
    };
    this.mqo.ary = [];
    var maxw = ary.length;
    for (var i = 0; i < maxw; i++) {
        this.mqo.ary[i] = document.createElement('img');
        this.mqo.ary[i].src = ary[i];
        this.mqo.ary[i].style.position = 'absolute';
        this.mqo.ary[i].style.left = (wid * i) + 'px';
        this.mqo.ary[i].style.width = wid + 'px';
        this.mqo.ary[i].style.height = heit;
        this.mqo.appendChild(this.mqo.ary[i]);
    }
    mqr.push(this.mqo);
}

function mqRotate(mqr){
    if (!mqr) 
        return;
    for (var j = mqr.length - 1; j > -1; j--) {
        maxa = mqr[j].ary.length;
        for (var i = 0; i < maxa; i++) {
            var x = mqr[j].ary[i].style;
            x.left = (parseInt(x.left, 10) - 1) + 'px';
        }
        var y = mqr[j].ary[0].style;
        if (parseInt(y.left, 10) + parseInt(y.width, 10) < 0) {
            var z = mqr[j].ary.shift();
            z.style.left = (parseInt(z.style.left) + parseInt(z.style.width) * maxa) + 'px';
            mqr[j].ary.push(z);
        }
    }
    mqr[0].TO = setTimeout('mqRotate(mqr)', 30);
}

function doKayak(page) {
    var src = "";
    var pg = (page) ? page : "unknown";
    var tgt = "content_inner";
    switch (pg) {
        case "squid":
            src = "kayak_squid.html";
            break;
        case "bandit":
            src = "kayak_bandit.html";
            break;
        case "2up":
            src = "kayak_2up.html";
            break;
        case "argon":
            src = "kayak_argon.html";
            break;
        case "tango":
            src = "kayak_tango.html";
            break;
        default:
            alert("Sorry. Our " + page +
            " page has not be built yet. \n\nPlease check back later.");
            return;
    }
    Ext.Ajax.request({
        url: src,
        success: function(response, opts) {
		    replaceDiv("content_inner", response.responseText);
		},
        failure: function(response, opts) {
            console.log('server-side failure with status code ' + response.status);
        }
    });
}