<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>WPKG Client Package Status Report</title>
<style type="text/css">
   body                    { font-family: arial, sans-serif; font-size: 14px; }
   table.pkgTable          { background-color: #CCCCCC; }
   .pkgTable th            { padding: 5px; }
   .pkgTable td            { padding: 5px; }
   .colHostname            { text-align: left; }
   .colPkgId               { text-align: left; }
   .colPkgName             { text-align: left; }
   .colPkgRev              { text-align: right; }
   .colPkgState            { text-align: center; }
   .colLastMod             { text-align: right; }
   .pkgTable th            { background-color: #C4FFF3; }
   tr.oddRow               { background-color: #EFEFEF; }
   tr.evenRow              { background-color: #D6D6D6; }
   tr.pkgStateUpgrade      { background-color: yellow; }
   tr.pkgStateDowngrade    { background-color: orange; }
   tr.pkgStateRemove       { background-color: red; }
   tr.pkgStateInstall      { background-color: green; }
</style>
<script type="text/javascript" language="JavaScript">
<!--
    var pkgStateOk        = 0;
    var pkgStateInstall   = 1;
    var pkgStateUpgrade   = 2;
    var pkgStateDowngrade = 3;
    var pkgStateRemove    = 4;
    
    var Columns = new Array("colHostname","colPkgId","colPkgName","colPkgRev","colLastMod");
    
    var colHostname = new Array("AV13","AV15","AV16","AV17","AV18");
    var colPkgId = new Array("SevenZip","AdobeReader","AdobeReaderPatch","Firefox","NotepadPlusPlus");
    var colPkgName = new Array("7-Zip","Adobe Acrobat Reader 9","Adobe Acrobat Reader 9 Patch","Mozilla Firefox","Notepad++");
    var colPkgRev = new Array("4.65","9.1","9.1.3","9.1.2","3.5.2","5.4.5.0");
    var colLastMod = new Array("03.09.2009","04.09.2009","02.09.2009");
    
    function LoadOptions() {
        for ( var i = 0; i < Columns.length; i++ ) {
            var oSelect = document.getElementById(Columns[i]);
            
            for ( var j = 0; j < eval(Columns[i]+".length"); j++) {
                var eOption = document.createElement('option');
                
                eOption.text = eval(Columns[i]+"["+j.toString()+"]");
                try {
                    oSelect.add(eOption, null);
                } catch(e) {
                    oSelect.add(eOption);
                }
            }
        }
    }
    
    function HideState(StateArray) {
        var TRarray = document.getElementsByTagName('tr');
        
        for ( var i = 0; i < TRarray.length; i++ ) {
            if ( TRarray[i].className.match(/pkgState[Ok|Install|Upgrade|Downgrade|Remove]/) ) {
                var StateClass = TRarray[i].className.replace(/oddRow /, "");
                var StateClass = StateClass.replace(/evenRow /, "");
                
                if ( StateArray[eval(StateClass)] ) {
                    TRarray[i].style.visibility = "visible";
                } else {
                    if ( navigator.appName.match(/Microsoft Internet Explorer/) ) {
                        TRarray[i].style.visibility = "hidden";
                    } else {
                        TRarray[i].style.visibility = "collapse";
                    }
                }
            }
        }
    }
    
    function HideRow(ClassName, ItemText) {
        var TRarray = document.getElementsByTagName('tr');
        
        for ( var i = 2; i < TRarray.length; i++ ) {
            var show = false;
            
            if ( ItemText == "All" ) {
                show = true;
            } else {
                var TDarray = document.getElementById('wpkgTable').rows[i].cells;

                for ( var j = 0; j < TDarray.length; j++ ) {
                    if ( ClassName == "colLastMod" ) {
                        if ( TDarray[j].className == ClassName && TDarray[j].innerHTML.match(ItemText) ) show = true;
                    } else {
                        if ( TDarray[j].className == ClassName && TDarray[j].innerHTML == ItemText ) show = true;
                    }
                }
            }
                
            if ( show ) {
                TRarray[i].style.visibility = "visible";
            } else {
                if ( navigator.appName.match(/Microsoft Internet Explorer/) ) {
                    TRarray[i].style.visibility = "hidden";
                } else {
                    TRarray[i].style.visibility = "collapse";
                }
            }
        }
    }
    
    function FilterColumn(ColumnClass) {
        if ( ColumnClass == "colPkgState" ) {
            var CheckState = document.getElementsByName('StateCheck');
            var CheckStates = new Array();
        
            for ( var i = 0; i < CheckState.length; i++ ) {
                CheckStates[eval(CheckState[i].value)] = CheckState[i].checked;
            }
            
            HideState(CheckStates);
        } else {
            var oSelect = document.getElementById(ColumnClass);
            var i = oSelect.selectedIndex;
            var sText = oSelect.options[i].text;

            HideRow(ColumnClass, sText);
        }
    }
// -->
</script>
</head>
<body onload="LoadOptions()">
<table id="wpkgTable" class="pkgTable">
<tr class="oddRow">
<td valign="bottom" align="center">
<select id="colHostname">
    <option>All</option>
</select> <br/> <br/>
<input type="button" value="Apply Filter" onclick="FilterColumn('colHostname')"/>
</td>
<td valign="bottom" align="center">
<select id="colPkgId">
    <option>All</option>
</select> <br/> <br/>
<input type="button" value="Apply Filter" onclick="FilterColumn('colPkgId')"/>
</td>
<td valign="bottom" align="center">
<select id="colPkgName">
    <option>All</option>
</select> <br/> <br/>
<input type="button" value="Apply Filter" onclick="FilterColumn('colPkgName')"/>
</td>
<td valign="bottom" align="center">
<select id="colPkgRev">
    <option>All</option>
</select> <br/> <br/>
<input type="button" value="Apply Filter" onclick="FilterColumn('colPkgRev')"/>
</td>
<td>
<input type="checkbox" checked="checked" name="StateCheck" value="pkgStateOk"/> OK <br/>
<input type="checkbox" checked="checked" name="StateCheck" value="pkgStateInstall"/> Install <br/>
<input type="checkbox" checked="checked" name="StateCheck" value="pkgStateUpgrade"/> Upgrade <br/>
<input type="checkbox" checked="checked" name="StateCheck" value="pkgStateDowngrade"/> Downgrade <br/>
<input type="checkbox" checked="checked" name="StateCheck" value="pkgStateRemove"/> Remove <br/> <br/>
<center><input type="button" value="Apply Filter" onclick="FilterColumn('colPkgState')"/></center>
</td>
<td valign="bottom" align="center">
<select id="colLastMod">
    <option>All</option>
</select> <br/> <br/>
<input type="button" value="Apply Filter" onclick="FilterColumn('colLastMod')"/>
</td>
</tr>
<wpkg:pkgTable>
</table>
</body>
</html>