
<!-- -HC = Header Color -->
<!-- -TITLECOLOR = Title Color -->
<!-- -TITLE = Title Content -->
<!-- -BC = Body Color -->
<!-- -BODCOLOR = Content Color -->
<!-- -CONTENT = Content -->
<!-- -FOOTERTITLE = Footer Content -->
<!-- -FC = Footer Color -->

var WHITE = 0;
var BLUE = 1;
var YELLOW = 2;
var PINK = 3;
var NAVY = 4;
var GREEN = 5;
var ORANGE = 6;

var LEFT = "left";
var RIGHT = "right";
var CENTER = "center";

var pup_bc_color = new Array();
pup_bc_color[WHITE] = "w";
pup_bc_color[BLUE] = "b";
pup_bc_color[YELLOW] = "y";
pup_bc_color[PINK] = "p";
pup_bc_color[NAVY] = "n";
pup_bc_color[GREEN] = "g";
pup_bc_color[ORANGE] = "o";

var pup_bod_color = new Array();
pup_bod_color[WHITE] = "#FFFFFF";
pup_bod_color[BLUE] = "#BDDEFF";
pup_bod_color[YELLOW] = "#FFFFC6";
pup_bod_color[PINK] = "#FFDEDE";
pup_bod_color[NAVY] = "#FFFFFF";
pup_bod_color[GREEN] = "#FFFFFF";
pup_bod_color[ORANGE] = "#FFFFFF";

// defaults

// default TITLE / HEADER
var pup_enableTitle = false;
var pup_enableTitleLine = false;
var pup_HC = pup_bc_color[BLUE];
var pup_TITLECOLOR = pup_bod_color[BLUE];
var pup_Title = "My Test Title";
var pup_TitleAlign = "left";

// default body
var pup_BC = pup_bc_color[YELLOW];
var pup_BODCOLOR = pup_bod_color[YELLOW];

// default footer
var pup_enableFooterTitle = false;
var pup_enableFooterLine = false;
var pup_FC = pup_bc_color[WHITE];
var pup_FOOTCOLOR = pup_bod_color[WHITE];
var pup_FooterTitle = "My Test Title";
var pup_FooterTitleAlign = "right";

var pup_ContentHTML = "Hello, How are ya do'n toay?<BR>This is a test...<BR>What is going on?";

var pup_left = 0;
var pup_top = 0;
var pup_wide = 300;
var pup_high = 300;

var pup = "";

var puHeaderRow=""+
"<!-- Begin Popup Template -->\n"+

"<TABLE width='100%' BORDER='0' CELLPADDING='0' CELLSPACING='0'>\n"+
"<!-- header border -->\n"+
"<TR>\n"+
"<TD ROWSPAN='1' COLSPAN='1' WIDTH='8' HEIGHT='8'>\n"+
"        <IMG NAME='Image20' SRC='/images/oic/Image2_1x1-HC.gif' WIDTH='8' HEIGHT='8' BORDER='0'></TD>\n"+
"<TD ROWSPAN='1' COLSPAN='1' WIDTH='-WIDE' HEIGHT='8' style='background-image:url(/images/oic/Image2_1x2-HC.gif);'>\n"+
"        </TD>\n"+
"<TD ROWSPAN='1' COLSPAN='1' WIDTH='8' HEIGHT='8'>\n"+
"        <IMG NAME='Image22' SRC='/images/oic/Image2_1x3-HC.gif' WIDTH='8' HEIGHT='8' BORDER='0'></TD>\n"+
"</TR>\n";

var puTitleRow=""+
"<!-- Optional Title Row -->\n"+
"<TR>\n"+
"<TD ROWSPAN='1' COLSPAN='1' WIDTH='8' HEIGHT='30' style='background-image:url(/images/oic/Image2_2x1-HC.gif);'>\n"+
"        </TD>\n"+
"<TD ROWSPAN='1' COLSPAN='1' WIDTH='-WIDE' HEIGHT='30' style='background-color:-TITLECOLOR;' align='-TALIGN'>\n"+
"        -TITLE</TD>\n"+
"<TD ROWSPAN='1' COLSPAN='1' WIDTH='8' HEIGHT='30' style='background-image:url(/images/oic/Image2_2x3-HC.gif);'>\n"+
"        </TD>\n"+
"</TR>\n";

var puTitleLineRow=""+
"<!-- Optional line under title row -->\n"+
"<TR>\n"+
"<TD ROWSPAN='1' COLSPAN='1' WIDTH='8' HEIGHT='4' style='background-image:url(/images/oic/Image2_1x2-BC.gif);'>\n"+
"        </TD>\n"+
"<TD ROWSPAN='1' COLSPAN='1' WIDTH='-WIDE' HEIGHT='4' style='background-image:url(/images/oic/Image2_1x2-BC.gif);'>\n"+
"        </TD>\n"+
"<TD ROWSPAN='1' COLSPAN='1' WIDTH='8' HEIGHT='4' style='background-image:url(/images/oic/Image2_1x2-BC.gif);'>\n"+
"        </TD>\n"+
"</TR>\n";

var puContentRow=""+
"<!-- Content Row -->\n"+
"<TR>\n"+
"<TD ROWSPAN='1' COLSPAN='1' WIDTH='8' HEIGHT='-HIGH' style='background-image:url(/images/oic/Image2_2x1-BC.gif);'>\n"+
"        </TD>\n"+
"<TD ROWSPAN='1' COLSPAN='1' WIDTH='-WIDE' HEIGHT='-HIGH' style='background-color:-BODCOLOR;' valign='top'>\n"+
"        -CONTENT</TD>\n"+
"<TD ROWSPAN='1' COLSPAN='1' WIDTH='8' HEIGHT='-HIGH' style='background-image:url(/images/oic/Image2_2x3-BC.gif);'>\n"+
"        </TD>\n"+
"</TR>\n";

var puFooterTitleLineRow=""+
"<!-- Optional line above footer title row -->\n"+
"<TR>\n"+
"<TD ROWSPAN='1' COLSPAN='1' WIDTH='8' HEIGHT='8' style='background-image:url(/images/oic/Image2_3x2-BC.gif);'>\n"+
"        </TD>\n"+
"<TD ROWSPAN='1' COLSPAN='1' WIDTH='-WIDE' HEIGHT='8' style='background-image:url(/images/oic/Image2_3x2-BC.gif);'>\n"+
"        </TD>\n"+
"<TD ROWSPAN='1' COLSPAN='1' WIDTH='8' HEIGHT='8' style='background-image:url(/images/oic/Image2_3x2-BC.gif);'>\n"+
"        </TD>\n"+
"</TR>\n";

var puFooterTitleRow=""+
"<!-- Optional Footer Title Row -->\n"+
"<TR>\n"+
"<TD ROWSPAN='1' COLSPAN='1' WIDTH='8' HEIGHT='30' style='background-image:url(/images/oic/Image2_2x1-FC.gif);'>\n"+
"        </TD>\n"+
"<TD ROWSPAN='1' COLSPAN='1' WIDTH='-WIDE' HEIGHT='30' style='background-color:-FOOTCOLOR;' align='-FALIGN'>\n"+
"        -FOOTERTITLE</TD>\n"+
"<TD ROWSPAN='1' COLSPAN='1' WIDTH='8' HEIGHT='30' style='background-image:url(/images/oic/Image2_2x3-FC.gif);'>\n"+
"        </TD>\n"+
"</TR>\n";

var puFooterRow=""+
"<!-- Footer boarder Row -->\n"+
"<TR>\n"+
"<TD ROWSPAN='1' COLSPAN='1' WIDTH='8' HEIGHT='8'>\n"+
"        <IMG NAME='Image26' SRC='/images/oic/Image2_3x1-FC.gif' WIDTH='8' HEIGHT='8' BORDER='0'></TD>\n"+
"<TD ROWSPAN='1' COLSPAN='1' WIDTH='-WIDE' HEIGHT='8' style='background-image:url(/images/oic/Image2_3x2-FC.gif);'>\n"+
"        </TD>\n"+
"<TD ROWSPAN='1' COLSPAN='1' WIDTH='8' HEIGHT='8'>\n"+
"        <IMG NAME='Image28' SRC='/images/oic/Image2_3x3-FC.gif' WIDTH='8' HEIGHT='8' BORDER='0'></TD>\n"+
"</TR>\n"+
"</TABLE>\n"+
"<!-- End Popup Table -->\n";

var lastTitle = "";

function pup_setHeader(enableTitle, enableTitleLine, headerColor, align)
{
    pup_enableTitle = enableTitle;
    pup_enableTitleLine = enableTitleLine;
    pup_HC = pup_bc_color[headerColor];
    pup_TITLECOLOR = pup_bod_color[headerColor];
    pup_TitleAlign = align;
    
    if(!enableTitle)
    {
        pup_enableTitleLine = false;
        pup_HC = pup_BC;
        pup_TITLECOLOR = pup_BODCOLOR;
    }
    
}

function pup_setFooter(enableFooterTitle, enableFooterLine, footerColor, align)
{

    pup_enableFooterTitle = enableFooterTitle;
    pup_enableFooterLine = enableFooterLine;
    pup_FC = pup_bc_color[footerColor];
    pup_FOOTCOLOR = pup_bod_color[footerColor];
    pup_FooterTitleAlign = align;
    if(!enableFooterTitle)
    {
        pup_enableFooterLine = false;
        pup_FC = pup_BC;
        pup_FOOTCOLOR = pup_BODCOLOR;
    }
}

function pup_pip(e,content,title,footer,headercolor)
{
    if (!e) var e = window.event;

    pup_setHeader(true, false, headercolor, LEFT);

    
    
     pup_BC = pup_bc_color[YELLOW];
     pup_BODCOLOR = pup_bod_color[YELLOW];

     
     pup_FC = pup_BC;
     pup_FOOTCOLOR = pup_bod_color[YELLOW];
    
    var popline = document.getElementById("pupr"+pup_BC);
    popline.style.left =(pointerX(e)-45)+"px";
    popline.style.top = (pointerY(e)-10)+"px";
    
    pup_show((pointerX(e)-45)-298,(pointerY(e)-10)-70,300,70,WHITE,content,title,footer);
    
    
}

function pup_pipbio(e,content,title,footer,headercolor)
{
    if (!e) var e = window.event;

    pup_setHeader(false, false, headercolor, LEFT);

     pup_HC = pup_bc_color[NAVY];
    
     pup_BC = pup_bc_color[NAVY];
     pup_BODCOLOR = pup_bod_color[NAVY];

     
     pup_FC = pup_BC;
     pup_FOOTCOLOR = pup_bod_color[NAVY];
    
    //var popline = document.getElementById("pupr"+pup_BC);
    //popline.style.left =(pointerX(e)-45)+"px";
    //popline.style.top = (pointerY(e)-10)+"px";
    
    pup_show(100,pointerY(e),400,200,WHITE,content,title,footer);
    
    //var div = document.getElementById("pupdiv");
    //div.innerHTML = div.innerHTML + "<p align=right onclick='pup_pop()'>close</p>";
    
    
}



function pup_pip2(e,content,title,footer,color)
{
    if (!e) var e = window.event;

    var wide = 200;
    var high = 60;
    pup_setHeader(false, false, color, LEFT);
     
     pup_HC = pup_bc_color[color];
     
     pup_BC = pup_bc_color[color];
     pup_BODCOLOR = pup_bod_color[color];

     
     pup_FC = pup_BC;
     pup_FOOTCOLOR = pup_bod_color[color];

    var popline = document.getElementById("pupd"+pup_BC);
    
    popline.style.left =(pointerX(e)+0)+"px";
    popline.style.top = (pointerY(e)-44)+"px";
    
    pup_show((pointerX(e))-0,(pointerY(e)-(high+48)),wide,high,WHITE,content,title,footer);
    
    
}

function pup_pip3(e,width,content,title,footer,color)
{
    if (!e) var e = window.event;

    pup_setHeader(false, false, color, LEFT);
    
     pup_HC = pup_bc_color[color];
     
     pup_BC = pup_bc_color[color];
     pup_BODCOLOR = pup_bod_color[color];

     
     pup_FC = pup_bc_color[color];
     pup_FOOTCOLOR = pup_bod_color[color];
     

    var popline = document.getElementById("pupr"+pup_bc_color[color]);
    
    popline.style.left =(pointerX(e)-45)+"px";
    popline.style.top = (pointerY(e)-10)+"px";
    popline.style.zIndex =2;
    
    pup_show((pointerX(e)-45)-(width-3),(pointerY(e)-10)-75,width,200,WHITE,content,title,footer);
    
    
}
function pup_pip4(e,width,content,title,footer,color)
{
    if (!e) var e = window.event;

    pup_setHeader(false, false, color, LEFT);
    
     pup_HC = pup_bc_color[color];
     
     pup_BC = pup_bc_color[color];
     pup_BODCOLOR = pup_bod_color[color];

     
     pup_FC = pup_bc_color[color];
     pup_FOOTCOLOR = pup_bod_color[color];
     

    var popline = document.getElementById("pupt"+pup_bc_color[color]);
    
    popline.style.left =(pointerX(e)+45)+"px";
    popline.style.top = (pointerY(e)-10)+"px";
    
    pup_show((pointerX(e)+245)-(width-3),(pointerY(e)-10)-75,width,200,WHITE,content,title,footer);
    
    
}

function pup_pop()
{
    
    var popline = document.getElementById("pupr"+pup_BC);
    
    
    popline.style.left ="-100px";
    popline.style.top ="-100px"; 
    
    pup_Title = "-NONE-";
    pup_hide();
    
    
}

function pup_pop2()
{
    

    var popline = document.getElementById("pupd"+pup_BC);
    
    popline.style.left ="-100px";
    popline.style.top ="-100px"; 
        
        pup_Title = "-NONE-";
    pup_hide();
    
    
}

function pup_show(left,top,wide,high,color,content,title,footer)
{
    pup_left = left;
    pup_top = top;
    
    var wideminus = 16;
    var highminus = 8;
    
    if(pup_enableTitle)
    {
        highminus += 30;
    }
    
    if(pup_enableTitleLine)
    {
        highminus += 8;
    }
    
    if(pup_enableFooterTitle)
    {
        highminus += 30;
    }
    if(pup_enableFooterLine)
    {
        highminus += 8;
    }
    
    pup_wide = wide-wideminus;
    pup_high = high-highminus;
    
    if(title)
    {
        lastTitle  = pup_Title;
        pup_Title = title;
        
    }
    if(footer)
    {
        pup_FooterTitle = footer;
        
    }
    if(content)
    {
        pup_ContentHTML = content;
    }
    
    if(color)
    {
        pup_BC = pup_bc_color[color];
        pup_BODCOLOR = pup_bod_color[color];
    }
    
    
    pup_display();
}

function pup_hide()
{
    var div = document.getElementById("pupdiv");
    div.style.width = "10px";
    div.style.height = "10px";
    div.innerHTML = "";
    div.style.left = "-100px";
    div.style.top = "-100px";
}


function pup_display()
{
    pup_construct();
    var div = document.getElementById("pupdiv");
    var wideminus = 16;
    var highminus = 8;
    
    if(pup_enableTitle)
    {
        highminus += 30;
    }
    
    if(pup_enableTitleLine)
    {
        highminus += 8;
    }
    
    if(pup_enableFooterTitle)
    {
        highminus += 30;
    }
    if(pup_enableFooterLine)
    {
        highminus += 8;
    }
    //alert ("pup_wide: " + pup_wide + ", wideminus: " + wideminus);
    div.style.width = (pup_wide+wideminus)+"px";
    div.style.height = (pup_high+highminus)+"px";
        if(lastTitle != pup_Title ){
                    div.innerHTML = pup;
                
        }
    div.style.left = pup_left+"px";
    div.style.top = pup_top+"px";
   
}


function cacheImages()
{
    var div = document.getElementById("cachediv");
    
    for(var color=0; color < 7; color++)
    {
     pup_HC = pup_bc_color[color];
     
     pup_BC = pup_bc_color[color];
     pup_BODCOLOR = pup_bod_color[color];

     
     pup_FC = pup_bc_color[color];
     pup_FOOTCOLOR = pup_bod_color[color];
     
     pup_construct();

     div.innerHTML = div.innerHTML+pup;
    }
    //var coddat = document.getElementById("code");
    
    //coddat.value = div.innerHTML;
    //document.frmcode.code.value = div.innerHTML;
}

function pup_construct()
{
    pup = "";
    pup = pup + puHeaderRow;
    
    
    if(pup_enableTitle)
    {
        
        pup = pup + puTitleRow;
        
    }
    if(pup_enableTitleLine)
    {
        
        pup = pup + puTitleLineRow;
        
    }

    pup = pup + puContentRow;
    

    if(pup_enableFooterLine)
    {
        
        pup = pup + puFooterTitleLineRow;
        
    }
    if(pup_enableFooterTitle)
    {
        
        pup = pup + puFooterTitleRow;
        
    }

    pup = pup + puFooterRow;

    pup = pup.replace(/-BC/g,pup_BC);
    pup = pup.replace(/-HC/g,pup_HC);
    pup = pup.replace(/-FC/g, pup_FC);
    pup = pup.replace(/-WIDE/g,pup_wide);
    pup = pup.replace(/-HIGH/g,pup_high);
    pup = pup.replace(/-TITLECOLOR/g,pup_TITLECOLOR);
    pup = pup.replace(/-TITLE/g,pup_Title);
    pup = pup.replace(/-CONTENT/g,pup_ContentHTML);
    pup = pup.replace(/-BODCOLOR/g,pup_BODCOLOR);
    pup = pup.replace(/-FOOTCOLOR/g,pup_FOOTCOLOR);
    pup = pup.replace(/-FOOTERTITLE/g,pup_FooterTitle);
    pup = pup.replace(/-TALIGN/g,pup_TitleAlign);
    pup = pup.replace(/-FALIGN/g,pup_FooterTitleAlign);
     
    
    //alert(pup);
} 

function pointerX(event) {
    return event.pageX || (event.clientX +
      (document.documentElement.scrollLeft || document.body.scrollLeft));
}

function pointerY(event) {
    return event.pageY || (event.clientY +
      (document.documentElement.scrollTop || document.body.scrollTop));
}

pup_setHeader(false, false, NAVY, LEFT);
pup_setFooter(false, false, NAVY, RIGHT);

//cacheImages();
//pup_show(250,100,400,200,WHITE,"Hello","Title","Footer");





