var OPB = {};
OPB.navi = $('navi');
// ================================================================


if(!Prototype) {alert('prototype.jsが必要です');}

OPB.openbts = OPB.navi.getElementsByClassName('openbt');
OPB.innerULs = new Array();
OPB.opened = new Array();
OPB.btimgs = new Array();
OPB.images_org  = new Array();
OPB.images_org_om  = new Array();
OPB.images_oc = new Array();
OPB.images_oc_om = new Array();

for ( var i = 0 ; i < OPB.openbts.length ; i++ ) {
    OPB.opened[i] = 0;
    OPB.openbts[i].getElementsByTagName('a')[0].href =  'javascript:OPB.openbt(' + i + ');';
    OPB.innerULs[i] = OPB.openbts[i].getElementsByTagName('ul')[0];
    OPB.btimgs[i] = OPB.openbts[i].getElementsByTagName('img')[0];

    OPB.images_org[i]  = new Image();
    OPB.images_org[i].src  = OPB.btimgs[i].src;

    OPB.images_org_om[i]  = new Image();
    OPB.images_org_om[i].src  = OPB.btimgs[i].src.replace(/\.gif$/,'_om.gif');

    OPB.images_oc_om[i] = new Image();
    OPB.images_oc_om[i].src = OPB.btimgs[i].src.replace(/\.gif$/,'_oc_om.gif');

    OPB.images_oc[i] = new Image();
    OPB.images_oc[i].src = OPB.btimgs[i].src.replace(/\.gif$/,'_oc.gif');

    OPB.openbts[i].removeChild(OPB.innerULs[i]);
    OPB.openbt = function(i) {
        if(OPB.opened[i] == 0) {
            OPB.innerULs[i].style.position = 'relative';
            OPB.innerULs[i].style.visibility = 'visible';
            OPB.innerULs[i].style.paddingBottom = '10px';
            OPB.openbts[i].appendChild(OPB.innerULs[i]);
            OPB.btimgs[i].src = OPB.images_oc_om[i].src;
            OPB.btimgs[i].onmouseover = function(){this.src = OPB.images_oc_om[i].src;}
            OPB.btimgs[i].onmouseout = function(){this.src = OPB.images_oc[i].src;}
            OPB.opened[i] = 1;
        }
        else if(OPB.opened[i] == 1) {
            OPB.openbts[i].removeChild(OPB.innerULs[i]);
            OPB.btimgs[i].src = OPB.images_org_om[i].src;
            OPB.btimgs[i].onmouseover = function(){this.src = OPB.images_org_om[i].src;}
            OPB.btimgs[i].onmouseout = function(){this.src = OPB.images_org[i].src;}
            OPB.opened[i] = 2;
        }
        else if(OPB.opened[i] == 2) {
            OPB.btimgs[i].src = OPB.btimgs[i].src.replace(/\.gif$/,'_oc.gif');
            OPB.openbts[i].appendChild(OPB.innerULs[i]);
            OPB.btimgs[i].src = OPB.images_oc_om[i].src;
            OPB.btimgs[i].onmouseover = function(){this.src = OPB.images_oc_om[i].src;}
            OPB.btimgs[i].onmouseout = function(){this.src = OPB.images_oc[i].src;}
            OPB.opened[i] = 1;
        }

    }
}