// JScript File : Ajax version
Type.registerNamespace('Alrifai.CustomControls');

var displayed = false;
document.onclick = StyledDropDownListCheck; // add function to document onclick event
var currentIndex = 0;
//===============================================================
function StyledDropDownListCheck(e)
{
    var target = (e && e.target) || (event && event.srcElement);
    var obj = document.getElementById(thisID + "PackageList");
    var obj2 = document.getElementById(thisID + "Main");
    ((target == obj2) && (displayed == false)) ? obj.style.display = 'inline' : null; 
    StyledDropDownListCheckParent(target) ? obj.style.display = 'none' : null; 
    target = null; e = null;
}
function StyledDropDownListCheckParent(t)
{ 
    while(t.parentNode)
    { 
        if((t == document.getElementById(thisID + "PackageList")) || 
        (t == document.getElementById(thisID + "Main")))
        {
            return false;
        }
        displayed = false;
        t = t.parentNode 
    } 
    return true 
} 
//===============================================================
function StyledDropDownListShowHidePackages(i, adjustPos)
{
    if (displayed == true)
	{ document.getElementById(thisID + "PackageList").style.display = 'none'; displayed = false; }
	else
	{
        if (i == 0) { document.getElementById(thisID + "PackageList").style.display = 'none'; }
        else if (i == 1) { document.getElementById(thisID + "PackageList").style.display = 'inline'; displayed = true; }
	    else if (i == 2) { document.getElementById(thisID + "PackageList").style.display = 'block'; displayed = true; }
	}
	if (adjustPos)
	{
	    //SetPos(document.getElementById(thisID + "Main"), document.getElementById(thisID + "PackageList"));
	}
}
//===============================================================
function StyledDropDownListChangeColor(id, color, bcolor)
{
    var element = document.getElementById(id);
    event.cancelBubble = true;
    var oldColor = element.currentStyle.background;
    element.style.background = color;
    element.style.borderColor = bcolor;
}
//===============================================================
function StyledDropDownListSetClientValue(id, value)
{
    var element = document.getElementById(id);
    event.cancelBubble = true;
    var oldColor = element.currentStyle.background;
    element.style.background = color;
    element.style.borderColor = bcolor;
}
//===============================================================
function StyledDropDownListSetPos(obj1, obj2Name)
{
	var curleft = curtop = 0;
	if (obj1.offsetParent)
	{
		curleft = obj1.offsetLeft
		curtop = obj1.offsetTop
		while (obj1 = obj1.offsetParent)
		{
			curleft += obj1.offsetLeft
			curtop += obj1.offsetTop
		}
	}
	curtop += 24;
	//document.getElementById(thisID + obj2Name).style.top = curtop + 'px';
	document.getElementById(thisID + obj2Name).style.left = curleft + 'px';
	//return [curleft,curtop];
}
//===============================================================
function StyledDropDownListChangeText(field1, field1Value, field2, field2Value, fieldIndex)
{
    // change content of Div for Internet Explorer
    document.getElementById(thisID + field1).innerText = field1Value;
    // change content of Div for FireFox
    document.getElementById(thisID + field1).textContent = field1Value;
    document.getElementById(thisID + field2).value = field2Value;
    //alert(document.getElementById(thisID + field2).value);
    // call function from another JScript file.
    //SwitchPack(fieldIndex);
    currentIndex = fieldIndex;
}