var ie = (document.all != null) && (window.opera == null);
var currid = '';
var completed = '';
var imgleft = 0;
var imgtop = 0;

function Loaded(width, height)
{
    var ddl = document.getElementById('ddlpages');
    if(ddl != null)    
    {
    	PageChanged();
    	
    	ddl.style.left = (imgleft + width - 120) + "px";
    	ddl.style.top = (imgtop + 5) + "px";
    }
}

function SetupDivs(id)
{
    if(completed.indexOf(id) != -1) return;
    
    var div = document.getElementById(id);
    
    var imgdiv;
    for(i=0;i<div.childNodes.length;i++)
    {
        if(div.childNodes[i].className == 'imgdiv')
        {
            imgdiv = div.childNodes[i];
            break;
        }
    }
    
    var img = document.getElementById(imgdiv.id + '_img');
    imgleft = GetLeft(img);
    imgtop = GetTop(img);
    
    for(i=0;i<div.childNodes.length;i++)
    {
        if(div.childNodes[i].className == 'roomdiv')
        {
            div.childNodes[i].style.left = (div.childNodes[i].offsetLeft + imgleft) + "px";
            div.childNodes[i].style.top = (div.childNodes[i].offsetTop + imgtop) + "px";
        }
    }  
    
    completed += id + ',';
}

function PageChanged()
{
    var ddl = document.getElementById('ddlpages');
    if(ddl != null && ddl.selectedIndex != -1 && ddl.options != null && ddl.options[ddl.selectedIndex] != null)
    {
	    var id = ddl.options[ddl.selectedIndex].value;

	    if(currid.length > 0)
	    {
		document.getElementById(currid).style.display = 'none';
	    }

	    document.getElementById(id).style.display = '';
	    SetupDivs(id);

	    currid = id;
    }
}

function GetLeft(obj)
{
    var l = obj.offsetLeft;
    
    if(ie)
    {
        obj = obj.offsetParent;
        while(obj && obj.tagName != "BODY" && obj.tagName != "HTML")
        {
            l += obj.offsetLeft;
            obj = obj.offsetParent;
        }
    }
    else
    {
        obj = obj.parentNode;
        while(obj && obj.tagName != "BODY" && obj.tagName != "HTML")
        {
            l += obj.offsetLeft;
            obj = obj.parentNode;
        }
    }
    
    return l;
}

function GetTop(obj)
{
    var t = obj.offsetTop;
    var prev = obj.offsetTop;
    
    if(ie)
    {
        obj = obj.offsetParent;
        while(obj && obj.tagName != "BODY" && obj.tagName != "HTML")
        {
            t += obj.offsetTop;
            obj = obj.offsetParent;
        }
    }
    else
    {
        obj = obj.parentNode;
        while(obj && obj.tagName != "BODY" && obj.tagName != "HTML")
        {
            if(obj.offsetTop != prev)
                t += obj.offsetTop;
            prev = obj.offsetTop;
            obj = obj.parentNode;
        }
    }
    
    return t;
}

function RoomClicked(id)
{
    var div = document.getElementById(id);
  
    if(ie)
    {
        for(i=0;i<div.parentElement.childNodes.length;i++)
            div.parentElement.childNodes[i].style.display = 'none';
    }
    else
    {
        for(i=0;i<div.parentNode.childNodes.length;i++)
            if(div.parentNode.childNodes[i].tagName == "DIV")
                div.parentNode.childNodes[i].style.display = 'none';
    }
    div.style.display = '';
}