if(typeof sublime=="undefined"){var sublime=new Object();}
if(typeof sublime.dropdown=="undefined"){sublime.dropdown=new Object();}

var sublimeClientX = 0;
var sublimeClientY = 0;


function findPos(obj) {
	var curleft = curtop = 0;
	
	if (obj.offsetParent)
	{
	    do
	    {
		    curleft += obj.offsetLeft;
		    curtop += obj.offsetTop;
	    } while (obj = obj.offsetParent);
    }
    else if(obj.x)
    {
        curleft = obj.x;
        curtop = obj.y;
    }
	return [curleft,curtop];
}

function showtip(o,id)
{

    var element = document.getElementById('Tool' + id);
    if(element==undefined)
        return;
    var x = findPos(o);
    element.style.top=(x[1] - 29) + 'px';
    element.style.left=(x[0] + 5) + 'px';
    element.style.display='block';
}

function hidetip(o,id)
{
    document.getElementById('Tool' + id).style.display='none';
}

function sublimeMouseTrack(e)
{
    sublimeClientX = e.clientX;
    sublimeClientY = e.clientY;
}

sublime.dropdown = function(objectid, elementid)
{
    this.isMouseOver = false;
    this.elementId = elementid;
    var _self = this;

    var element = document.getElementById(elementid);
    if(element!=undefined)
    {
        element.getElementsByTagName('select')[0].style.display='none';
        element.getElementsByTagName('input')[0].style.display='none';
        var items = element.getElementsByTagName('option');
        if(items!=undefined)
        {
            var output = '';
            for(var i=0; i<items.length; i++)
            {
                if(i==0)
                {
                    output += '<a href="#" class="dropdown" onclick="return ' + objectid + '.toggle(this);" onmouseover="' + objectid + '.mouseOver();" onmouseout="' + objectid + '.mouseOut();"><span>' + items[i].innerHTML + '</span></a><ul>';
                }
                else
                {
                    output += '<li' + (i+1==items.length ? ' class="last"' : '') + '><a href="' + items[i].value + '"><span>' + items[i].innerHTML + '</span></a></li>';
                }
            }
            if(output.length>0)
                output += '</ul>';
            element.innerHTML = output;
        }
    }
    if (document.addEventListener)
        document.addEventListener('click', function(){_self.documentOnClick(this);}, false);
    else if (document.attachEvent)
        document.attachEvent('onclick', function(){_self.documentOnClick(this);});
}
sublime.dropdown.prototype={
    mouseOver:function()
    {
        this.isMouseOver = true;
    },
    mouseOut:function()
    {
        this.isMouseOver = false;
    },
    documentOnClick:function()
    {
        if(!this.isMouseOver)
            document.getElementById(this.elementId).className='ddcol';
    },
    toggle:function(o)
    {
        o.blur();
        if(document.getElementById(this.elementId).className=='ddexp')
            document.getElementById(this.elementId).className='ddcol';
        else
            document.getElementById(this.elementId).className='ddexp';
        return false;
    }
}

