// JScript File
// Tab Navigations Class


var PrevousIndex = "";


function LoadPropertyTab(MLSNum, address, sfa, IsSM, sfgroup) 
{
    
	//Window scroll x and y axis
	var winX = document.documentElement.scrollLeft;
	var winY = document.documentElement.scrollTop;
	//alert(sfgroup);
	
	/* Not Tested
	if (typeof(window.pageXOffset) == 'number') 
	{
	//Netscape compliant
	scrollX = window.pageXOffset;
	scrollY = window.pageYOffset;
	} 
	else if (document.body && (document.body.scrollLeft || document.body.scrollTop)) 
	{
	//DOM compliant
	scrollX = document.body.scrollLeft;
	scrollY = document.body.scrollTop;
	} 
	else if (document.documentElement && (document.documentElement.scrollLeft || document.documentElement.scrollTop)) 
	{
	//IE6 standards compliant mode
	scrollX = document.documentElement.scrollLeft;
	scrollY = document.documentElement.scrollTop;
	}*/
	
    SwitchFromSearchResultsToSelectProperties("property");
    if(ResultTabs.isIdentityContained(MLSNum))
    {
        ResultTabs.displayTab(ResultTabs.findIdentityIndex(MLSNum));
        scrollTo(0,0);
    }
    else
    {
        showLoading();
        var xmlHttp=null; // Defines that xmlHttp is a new variable.
        // Try to get the right object for different browser
         try {
            // Firefox, Opera 8.0+, Safari, IE7+
            xmlHttp = new XMLHttpRequest(); // xmlHttp is now a XMLHttpRequest.
         } catch (e) {
            // Internet Explorer
            try {
               xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e) {
               xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
            }
         }
         xmlHttp.onreadystatechange = function() {
            if (xmlHttp.readyState == 4)
               try { // In some instance, status cannot be retrieve and will produce an error (ex: Port is not responsive)
                  if (xmlHttp.status == 200) {
                     //Set the main HTML of the body to the info provided by the AJAX Request
                     ResultTabs.newTab(address, MLSNum, xmlHttp.responseText, "prop");
                     hideLoading();
                     scrollTo(0,0);
                  }
                  else
                  {
                    hideLoading();
                    alert("There was an error in loading the property.");
                  }
               } catch (e) {
                  ResultTabs.newTab(address, MLSNum, xmlHttp.responseText, "prop");
                  hideLoading();
                  scrollTo(0,0);
               }
         
         }
   //smartframe agent
     var sfaq = "";
     if(sfa!= "") sfaq = "&agentid="+sfa;
      //smartframe group 
      var sfg= "";
     if(sfgroup!= "") sfg = "&groupid="+sfgroup;


    //pass the back button scroller x and y axis
    var WindowX = "";
	if(winX != "") WindowX = "&winX="+winX;
	var WindowY = "";
	if(winY != "") WindowY = "&winY="+winY; 
	
	     //smartframe office 
     var IsSmartFrame = "";
     if(IsSM)
     { IsSmartFrame = "&IsSM="+IsSM+"&officeid="+IsSM;}
     
     //alert("/Services/PropertyDetails.aspx?mls=" + MLSNum+sfaq +sfg+IsSmartFrame+WindowX+WindowY+ "&clickthrough=1");
     
     xmlHttp.open("get","/Services/PropertyDetails.aspx?mls=" + MLSNum+sfaq +sfg+IsSmartFrame+WindowX+WindowY+ "&clickthrough=1"); // .open(RequestType, Source);
     xmlHttp.send(null); // Since there is no supplied form, null takes its place as a new form.
		
    }
    return(true);
}

function LoadRentalTab(rentalId, address, sfa, IsSM,sfgroup) 
{
    
	//Window scroll x and y axis
	var winX = document.documentElement.scrollLeft;
	var winY = document.documentElement.scrollTop;
	
	/* Not Tested
	if (typeof(window.pageXOffset) == 'number') 
	{
	//Netscape compliant
	scrollX = window.pageXOffset;
	scrollY = window.pageYOffset;
	} 
	else if (document.body && (document.body.scrollLeft || document.body.scrollTop)) 
	{
	//DOM compliant
	scrollX = document.body.scrollLeft;
	scrollY = document.body.scrollTop;
	} 
	else if (document.documentElement && (document.documentElement.scrollLeft || document.documentElement.scrollTop)) 
	{
	//IE6 standards compliant mode
	scrollX = document.documentElement.scrollLeft;
	scrollY = document.documentElement.scrollTop;
	}*/ 
	
    SwitchFromSearchResultsToSelectProperties("rental");
    if(ResultTabsRental.isIdentityContained(rentalId))
    {
        ResultTabsRental.displayTab(ResultTabsRental.findIdentityIndex(rentalId));
        scrollTo(0,0);
    }
    else
    {
        showLoading();
        var xmlHttp=null; // Defines that xmlHttp is a new variable.
        // Try to get the right object for different browser
         try {
            // Firefox, Opera 8.0+, Safari, IE7+
            xmlHttp = new XMLHttpRequest(); // xmlHttp is now a XMLHttpRequest.
         } catch (e) {
            // Internet Explorer
            try {
               xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e) {
               xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
            }
         }
         xmlHttp.onreadystatechange = function() {
            if (xmlHttp.readyState == 4)
               try { // In some instance, status cannot be retrieve and will produce an error (ex: Port is not responsive)
                  if (xmlHttp.status == 200) {
                     //Set the main HTML of the body to the info provided by the AJAX Request
                     ResultTabsRental.newTab(address, rentalId, xmlHttp.responseText, "rnt");
                     hideLoading();
                     scrollTo(0,0);
                  }
                  else
                  {  
                    hideLoading();
                    alert("There was an error in loading the property.");
                  }
               } catch (e) {
                  ResultTabsRental.newTab(address, rentalId, xmlHttp.responseText, "rnt");
                  hideLoading();
                  scrollTo(0,0);
               }
         
         }
     var sfaq = "";
     if(sfa!= "") sfaq = "&agentid="+sfa;
       var IsSmartFrame = "";
       
         //smartframe group 
      var sfg= "";
     if(sfgroup!= "") sfg = "&groupid="+sfgroup;

   
   //pass the back button scroller x and y axis
    var WindowX = "";
	if(winX != "") WindowX = "&winX="+winX;
	var WindowY = "";
	if(winY != "") WindowY = "&winY="+winY; 
       
     if(IsSM)
     { IsSmartFrame = "&IsSM="+IsSM+"&officeid="+IsSM;}
     xmlHttp.open("get","/Services/RentalDetails.aspx?rentalid=" + rentalId + sfg + sfaq + WindowX +WindowY +IsSmartFrame); // .open(RequestType, Source);
     xmlHttp.send(null); // Since there is no supplied form, null takes its place as a new form.
        
    }
    return(true);
}

//This function is called from rental and property detail page.
function BackToSearchResults(type,WinX,WinY)
{
	SwitchFromSelectPropertiesToSearchResults(type);
    window.scrollTo(WinX,WinY);
}

function SwitchFromSearchResultsToSelectProperties(type)
{
    HideShow('advertising1');HideShow('advertising2');

    if(type == "rental")
    {
        tmp = document.getElementById("spsr");
        if(tmp != null)
        {
            tmp.className = "tab tab_short";
        }
        
        tmp = document.getElementById("spsp");
        if(tmp != null)
        {
            tmp.className = "tab_on tab_long";
        }
        
        tmp = document.getElementById("SeachResultsProperties");
        if(tmp != null)
        {
            tmp.style.display = "";
        }
        
        tmp = document.getElementById("contentelement_rental");
        if(tmp != null)
        {
            tmp.style.display = "none";
        }
      
    }
    
    if(type == "property")
    {
        //ResultTabs.displayTab(1);
        tmp = document.getElementById("spsr");
        if(tmp != null)
        {
            tmp.className = "tab tab_short";
        }
        
        tmp = document.getElementById("spsp");
        if(tmp != null)
        {
            tmp.className = "tab_on tab_long";
        }
        
        tmp = document.getElementById("SeachResultsProperties");
        if(tmp != null)
        {
            tmp.style.display = "";
        }
        
        tmp = document.getElementById("SeachResultsResults");
        if(tmp != null)
        {
            tmp.style.display = "none";
        }
        
         tmp = document.getElementById("GoogleAdsense");
         if(tmp != null)
        {
              tmp.style.display = "none";
        }
         
    }
}

function SwitchFromSelectPropertiesToSearchResults(type)
{
    HideShow('advertising1');HideShow('advertising2');

    if(type == "rental")
    {
        //ResultTabs.displayTab(-1);
        tmp = document.getElementById("spsr");
        if(tmp != null)
        {
            tmp.className = "tab_on tab_long";
        }
        
        tmp = document.getElementById("spsp");
        if(tmp != null)
        {
            tmp.className = "tab tab_short";
        }
        
        tmp = document.getElementById("SeachResultsProperties");
        if(tmp != null)
        {
            tmp.style.display = "none";
        }
        
        tmp = document.getElementById("contentelement_rental");
        if(tmp != null)
        {
           tmp.style.display = "";
        }
        
    }
    
    if(type == "property")
    {
        //ResultTabs.displayTab(-1);
        tmp = document.getElementById("spsr");
        if(tmp != null)
        {
            tmp.className = "tab_on tab_long";
        }
        
        tmp = document.getElementById("spsp");
        if(tmp != null)
        {
            tmp.className = "tab tab_short";
        }
        
        tmp = document.getElementById("SeachResultsProperties");
        if(tmp != null)
        {
            tmp.style.display = "none";
        }
        
        tmp = document.getElementById("SeachResultsResults");
        if(tmp != null)
        {
           tmp.style.display = "";
        }
        tmp = document.getElementById("GoogleAdsense");
         if(tmp != null)
        {
             tmp.style.display = "";
        }

    }
}




function TabOBJ(mlsNum, address, Content, type)
{
    this.mlsNum = mlsNum;
    this.address = address;
    //this.Content = Content; // not needed, otherwise content will be stored twice on the page
    this.type = type;
}


function NavTabbing(objName)
{
    this.objName = objName;
    this.isinitialized = false;
    
    if (typeof(_NavTabbing_prototype_called) == 'undefined')
    {
        _NavTabbing_prototype_called = true;
        NavTabbing.prototype.newTab = newTab;
        NavTabbing.prototype.deleteTab = deleteTab;
        NavTabbing.prototype.displayTabs = displayTabs;
        NavTabbing.prototype.shiftTab = shiftTab;
        NavTabbing.prototype.displayTab = displayTab;
        NavTabbing.prototype.refreshDropDownList = refreshDropDownList;
        NavTabbing.prototype.initTabs = initTabs;
        NavTabbing.prototype.generateTab = generateTab;
        NavTabbing.prototype.checkTabs = checkTabs;
        NavTabbing.prototype.refreshDetails = refreshDetails;
        NavTabbing.prototype.hideAllResults = hideAllResults;
        NavTabbing.prototype.hideContent = hideContent;
        NavTabbing.prototype.showContent = showContent;
        NavTabbing.prototype.isIdentityContained = isIdentityContained;
        NavTabbing.prototype.findIdentityIndex = findIdentityIndex;
    }
    
    function initTabs(tabId, contentId, detailsId, searchId, nowDisplaying, tabWidth, tabsDisplayed)
    {
        
      
        if(this.isinitialized != true)
        {
            this.isinitialized = true;
            this.tabList = new Array();
            this.selectedIndex = -1;
            this.displayedIndex = 0;
        }
        
        this.tabId = tabId;
        this.contentId = contentId;
        this.tabElement = document.getElementById(tabId);
        if(this.tabElement != undefined)
        {
            this.tabElementTrip = true;
        }
        this.contentElement = document.getElementById(contentId);
        if(this.contentElement != undefined)
        {
            this.contentElementTrip = true;
            this.searchUpdatePanel = document.getElementById(searchId);
        }
        this.detailsElement = document.getElementById(detailsId);
        if(this.detailsElement != undefined)
        {
            this.detailsElementTrip = true;
        }
        this.nowDisplayingElement = document.getElementById(nowDisplaying + "_td");
        if(this.nowDisplayingElement != undefined)
        {
            this.nowDisplayingElementTrip = true;
            this.nowDisplayingElementName = nowDisplaying;
        }
        this.tabWidth = tabWidth;
        this.tabsDisplayed = tabsDisplayed;
        
        
        
        this.displayTabs();
        
    }
    
    function findIdentityIndex(identity)
    {
        if(!this.isIdentityContained(identity))
            return null;
            
        var i = 0;
        for(i = 0; i < this.tabList.length; i++)
        {
            if(this.tabList[i].mlsNum == identity)
            {
                return i;
            }
        }
        
        return null;
    }
    
    function isIdentityContained(identity)
    {
        var i = 0;
        for(i = 0; i < this.tabList.length; i++)
        {
            if(this.tabList[i].mlsNum == identity)
            {
                return true;
            }
        }
        
        return false;
    }
    
    function hideContent(index)
    {
        var currentElement;
        
        if(this.tabList != null)
        {
            if(index == -1)
                currentElement = this.searchUpdatePanel
            else
                currentElement = document.getElementById("property_detail_" + this.tabList[index].mlsNum)
            
            if(currentElement == undefined)
                this.hideAllResults();
            else
                currentElement.style.display = "none"; 
        }  
        
    }
    
    function showContent(index)
    {
        var currentElement;
        
        if(index == -1)
            currentElement = this.searchUpdatePanel
        else //if(this.tabList.length <= index - 1)
            currentElement = document.getElementById("property_detail_" + this.tabList[index].mlsNum)
        //else
            //currentElement = this.searchUpdatePanel
        
        if(currentElement != undefined)
            currentElement.style.display = "block";
    }
    
    function generateTab(index)
    {
    
        if(this.tabList[index] == undefined) return "";
        
        var tabobj = this.tabList[index];
    
        var html = "<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" width=\"" + this.tabWidth + "\" class=\"detail_tab";
        if (this.selectedIndex == index) html += "_on";
        html +="\" id=\"tab2\"><tr><td class=\"link\"><a href=\"#\" title=\"" + tabobj.address + " | ";
        if(this.tabList[index].type == "prop")
            html += "MLS# ";
        else
            html += "ID# "; 
        html += tabobj.mlsNum + "\" onclick=\"" + this.objName + ".displayTab('" + index + "'); return false;\"><div>" + tabobj.address + "</div><div>";
        if(this.tabList[index].type == "prop")
            html += "MLS# ";
        else
            html += "ID# "; 
        html += tabobj.mlsNum + "</div></a></td><td valign=\"top\" class=\"close\"><a href=\"#\" onclick=\"" + this.objName + ".deleteTab('" + index + "'); return false;\"><img src=\"/Images/Icons/close.gif\" alt=\"\" width=\"12\" height=\"12\" border=\"0\" /></a></td></tr></table>\n";
        
        return html;
    }
    
    function newTab(address, mls, content, type)
    {
        if(this.isIdentityContained(mls)) 
        {
            this.displayTab(this.findIdentityIndex(mls));
            displayAddress(mls);
            return;
        }
    
        this.tabList.push(new TabOBJ(mls, address, content, type));
        this.displayedIndex = this.tabList.length - 1;
        var oldSelectedIndex = this.selectedIndex;
        this.selectedIndex = this.tabList.length - 1;
        this.displayTabs();
        
        if(!this.contentElementTrip) { return; }
        var newContentElement = document.createElement("div");
        newContentElement.setAttribute("id", "property_detail_" + mls);
        newContentElement.innerHTML = content;
        newContentElement.style.display = "none";
        newContentElement.setAttribute("class", "property_details");
        this.contentElement.appendChild(newContentElement);
        
        this.hideContent(oldSelectedIndex);
            
        newContentElement.style.display = "block";
        
        displayAddress(mls);
    }
    
    function deleteTab(index)
    {
        var mlsNum = this.tabList[index].mlsNum;
        var deletedContent = document.getElementById("property_detail_" + mlsNum);
        if(deletedContent != undefined)
            this.contentElement.removeChild(deletedContent);
        
        this.tabList.splice(index, 1);
        
        if(this.displayedIndex >= index)
            this.displayedIndex--;
        if(this.selectedIndex >= index)
            this.selectedIndex--;
        if(this.displayedIndex < 3 && this.tabList.length > 3)
            this.displayedIndex = 3;
        if(this.selectedIndex > this.tabList.length - 1)
            this.selectedIndex = this.tabList.length - 1;
        if(this.selectedIndex < 0)
            this.selectedIndex = this.displayedIndex;
            
            
        //this.displayTabs();
        this.displayTab(this.selectedIndex);
    }
    
    function checkTabs()
    {
        if(this.tabList.length == 0)
        {
            this.selectedIndex = -1;
            this.displayedIndex = 0;
        }
    }
    
    function displayTabs()
    {
        if(!this.tabElementTrip) { return; }
       
        this.checkTabs();
        var html = "<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr>"; //<td width=\"118\" class=\"search_results_tab";
        //if(this.selectedIndex == -1) html += "_on"
        //html += "\"><a href=\"#\" onclick=\"" + this.objName + ".displayTab(-1); return false;\">Search Results</a></td><td class=\"detail_tabs\">";
        html += "<td class=\"detail_tabs\">";
        
        var tabCount = this.tabList.length;
               
        if(tabCount > 0)
        {
            this.tabElement.style.display = "";
            var i = 0;
            
            for(i = this.displayedIndex; (this.displayedIndex - i) < this.tabsDisplayed; i--)
            {
                if(i < 0) break;
                html += this.generateTab(i);
            }
        }
        else
        {
            this.tabElement.style.display = "none";
        }
        
        html += "</td>";
        //if(tabCount > 0)
        //    html += "<td valign=\"top\" align=\"right\" class=\"arrows\"><div style=\"margin-bottom: 5px;\"><a href=\"#\" onclick=\"" + this.objName + ".shiftTab(-1); return false;\"><img src=\"/Images/Icons/arrowRight.gif\" alt=\"Move Right\" width=\"13\" height=\"13\" border=\"0\" /></a></div><div><a href=\"#\" onclick=\"" + this.objName + ".shiftTab(1); return false;\"><img src=\"/Images/Icons/arrowLeft.gif\" alt=\"Move Left\" width=\"13\" height=\"13\" border=\"0\" /></a></div></td>";
        //<img src=\"/Images/Icons/arrowDwn.gif\" alt=\"\" onmouseover=\"navFlip('" + this.nowDisplayingElementName + "', this, -616, 14);\" onmouseout=\"navFlip('');\" border=\"0\" height=\"13\" width=\"13\">
        /*if(tabCount > 0)
        {
            //new tab selection func
            //<td valign="top" class="arrows">
			//							<img src="/Images/Icons/arrowDwnLong.gif" alt="" width="13" height="35" border="0" onmouseover="navFlip('SubNav1', this, -616, 14);" onmouseout="navFlip('');" /></td>
			html += "<td valign=\"top\" class=\"arrows\"><img src=\"/Images/Icons/arrowDwnLong.gif\" alt=\"\" width=\"13\" height=\"35\" border=\"0\" onmouseover=\"navFlip('" + this.nowDisplayingElementName + "', this, -616, 14);\" onmouseout=\"navFlip('');\" /></td>"
        }*/
		
        if(tabCount > 0)
        {
            //new tab selection func
            html += "<td valign=\"top\" class=\"arrows\">"
	
				html += "<table align=\"right\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"
					html += "<tr>"
						html += "<td class=\"move_active_tab\"><a href=\"#\" onclick=\"" + this.objName + ".shiftTab(1); return false;\"><img src=\"/Images/Buttons/move-tab-left.gif\" alt=\"Move Active Tab Left\" width=\"11\" height=\"13\" border=\"0\" /></a></td>"
						html += "<td class=\"move_active_tab\"><a href=\"#\" onclick=\"" + this.objName + ".shiftTab(-1); return false;\"><img src=\"/Images/Buttons/move-tab-right.gif\" alt=\"Move Active Tab Right\" width=\"11\" height=\"13\" border=\"0\" /></a></td>"
					html += "</tr>"
					html += "<tr>"
						html += "<td colspan=\"2\" style=\"height: 22px; vertical-align: bottom;\"><img src=\"/Images/Buttons/display-tab-list.gif\" alt=\"Display Tab List\" width=\"24\" height=\"14\" border=\"0\" onmouseover=\"navFlip('" + this.nowDisplayingElementName + "', this, -605, 13);\" onmouseout=\"navFlip('');\" /></td>"
					html += "</tr>"
				html += "</table>" 
				
			html += "</td>" 
		}
        
        html += "</tr></table>";
        
        this.tabElement.innerHTML = html;
        this.refreshDetails();
    }
    
    function shiftTab(offset)
    {
        this.hideContent(this.selectedIndex);
            
        if(this.selectedIndex == -1)
        {
            this.selectedIndex = this.tabList.length - 1;
            this.displayedIndex = this.tabList.length - 1;
            
        }
        else
        {
            //this.selectedIndex += offset;
            if(offset == "1")
                this.selectedIndex++;
            if(offset == "-1")
                this.selectedIndex--;
            
            if(this.selectedIndex > this.tabList.length - 1)
                this.selectedIndex =  0; //this.tabList.length - 1;
            if(this.selectedIndex < 0)
                this.selectedIndex = this.tabList.length - 1; //0;
            if(this.selectedIndex > this.displayedIndex)
                this.displayedIndex = this.selectedIndex;
            if(this.selectedIndex < this.displayedIndex - (this.tabsDisplayed -1))
                this.displayedIndex = this.selectedIndex + (this.tabsDisplayed-1)
        }
        
        this.showContent(this.selectedIndex);
        displayAddress(this.tabList[this.selectedIndex].mlsNum);
        this.displayTabs();
        
    }
    
    function displayTab(index)
    {
        this.hideContent(this.selectedIndex);    
    
        this.selectedIndex = index;
        if(index != "-1")
        {
            if(this.selectedIndex > this.displayedIndex)
                    this.displayedIndex = this.selectedIndex;
            if(this.selectedIndex < this.displayedIndex - (this.tabsDisplayed -1))
                    this.displayedIndex = this.selectedIndex + (this.tabsDisplayed -1)
            
            //if(this.tabList.length <= index - 1)
                var indx = this.tabList[index].mlsNum;
                displayAddress(this.tabList[index].mlsNum);
                if(PrevousIndex !=indx)
                {
                  CloseCurrentMarkerInfoWindow(PrevousIndex);
                }
                if(PrevousIndex == "" || PrevousIndex != indx)
                { PrevousIndex = indx;
                  PrevIndx = indx;
                }
     }
        this.showContent(this.selectedIndex);
        
        
        this.displayTabs();
        
    }
    
    function hideAllResults()
    {
        if(this.searchUpdatePanel != null)
            this.searchUpdatePanel.style.display = "none";
    }
    
    function refreshDropDownList()
    {
        if(!this.nowDisplayingElementTrip) { return; }
        
        //<div class="displaying"><a href="#"><b>38385 Massachsusetts Avenue</b>| MLS# 7245786</a></div>
		
		var html = "";
		
		for(i = this.tabList.length - 1; i >= 0; i--)
        {
            html += "<div";
            
            if(this.displayedIndex >= i && this.displayedIndex - (this.tabsDisplayed -1) <= i)
            {
                if(this.selectedIndex == i)
                    html += " class=\"active\""
                else
                    html += " class=\"displaying\""
            }
            
            html += "><a href=\"#\" onclick=\"" + this.objName + ".displayTab(" + i + "); return false;\"><b>" + this.tabList[i].address + "</b> | ";
            if (this.tabList[i].type == "prop")
                html += "MLS# ";
            else
                html += "ID# ";
            html += " " + this.tabList[i].mlsNum + "</a></div>\n";
            
        }
										
        this.nowDisplayingElement.innerHTML = html;
    }
    
    function refreshDetails()
    {
        if(!this.detailsElementTrip) { return; }
        
        //if(this.tabList.length > 0)
        //{
        //    var from = this.tabList.length - this.displayedIndex;
        //    var to = this.tabList.length - this.displayedIndex + 3;
        //    if(to > this.tabList.length) to = this.tabList.length;
        //    this.detailsElement.innerHTML = "<i>Now displaying:</i> Tabs <b>" + from + "-" + to + "</b> of <b>" + this.tabList.length + " <img src=\"/Images/Icons/arrowDwn.gif\" alt=\"\" onmouseover=\"navFlip('" + this.nowDisplayingElementName + "', this, -616, 14);\" onmouseout=\"navFlip('');\" border=\"0\" height=\"13\" width=\"13\"></b>";
            this.refreshDropDownList();
        //}
        //else
            this.detailsElement.innerHTML = "&nbsp;";
            
        tmpelement = findId("spnOpenTabs");
        if(tmpelement != null)
        {
            tmpelement.innerHTML = "Selected Properties (" + this.tabList.length + ")";
        }
    }


}