﻿    var TOBExpanded = false;    
    var startTOBWidth = 0;
    var startTOBHeight = 0;
    var StateExpanded = false;    
    var startStateWidth = 0;
    var startStateHeight = 0;

    function showDiv(dv) {
        $(dv).style.display = 'block';    
    }

    function hideDiv(dv) {
        $(dv).style.display = 'none';    
    }    

    function swapDiv (dv1, dv2) {
        $(dv1).style.visibility = 'visible';    
        $(dv2).style.visibility = 'hidden';            
    }

    function resizeTOB() {
        if (StateExpanded) {
            resizeState();
        }    
        if (TOBExpanded) {
            TOBExpanded = false;
            $('divFilterTOBFull').style.visibility = 'hidden';
            $('aFilterToggleTOB').innerHTML = "<img src='images/magnifier_zoom_in.gif' border='0'/>";
            $('aMoreToggleTOB').innerHTML = "more...";
        } else {
            TOBExpanded = true;
            startTOBWidth = 410;
            startTOBHeight = $('divFilterTOBFull').offsetHeight;
            resetEffect('divFilterTOBFull',1,1);
            $('divFilterTOBFull').style.visibility = 'visible';
            $('divFilterTOBFull').style.top = ($('divFilterTOB').offsetTop - 7) + 'px';
            $('divFilterTOBFull').style.left = ($('divFilterTOB').offsetWidth + 1) + 'px';
            new Rico.Effect.Size( 'divFilterTOBFull', 
            startTOBWidth, // width 
            startTOBHeight, // height 
            300, // 500ms (1/2 second) 
            10, // 10 steps 
            null );
            $('aFilterToggleTOB').innerHTML = "<img src='images/magnifier_zoom_out.gif' border='0'/>";
            $('aMoreToggleTOB').innerHTML = "close";
        }
    }

    function resizeState() {
        if (TOBExpanded) {
            resizeTOB();
        }
        if (StateExpanded) {
            StateExpanded = false;
            $('divFilterStateFull').style.visibility = 'hidden';
            $('aFilterToggleState').innerHTML = "<img src='images/magnifier_zoom_in.gif' border='0'/>";
            $('aMoreToggleState').innerHTML = "more...";
        } else {
            StateExpanded = true;
            startStateWidth = 310;
            startStateHeight = $('divFilterStateFull').offsetHeight;
            resetEffect('divFilterStateFull',1,1);
            $('divFilterStateFull').style.visibility = 'visible';
            $('divFilterStateFull').style.top = ($('divFilterState').offsetTop - 7) + 'px';
            $('divFilterStateFull').style.left = ($('divFilterState').offsetWidth + 1) + 'px';
            new Rico.Effect.Size( 'divFilterStateFull', 
            startStateWidth, // width 
            startStateHeight, // height 
            300, // 500ms (1/2 second) 
            10, // 10 steps 
            null );
            $('aFilterToggleState').innerHTML = "<img src='images/magnifier_zoom_out.gif' border='0'/>";
            $('aMoreToggleState').innerHTML = "close";
        }
    }

   function resetEffect(dv, h, w) {
      $(dv).style.width = w + 'px';
      $(dv).style.height = h + 'px';
   }    
