//Az elem szélessége

//CSS
var css = "<style>";

css += ".drop-input{cursor:default;border:solid 1px #AD8762;background:white url(js/nyil.jpg) right top no-repeat ; }";
css += ".drop-span{text-align:left;display:none;border-left:solid 1px #b7a290;border-right:solid 1px #b7a290;border-bottom:solid 1px #b7a290;position:absolute;background-color:white;}";  
css += ".drop-elemek{color:black;display:block;widht:100%;text-decoration: none;}";
css += ".drop-elemek:hover{background-color:#f1ddad;}";
css += "</style>";
document.write(css);

// változók
var objectIdCount = 0; 
var htmlOpen = "";
var htmlClose = ""; 
var content;
var count = 0;

//Bezár minden más egyedi dropdown-t
function closeElse(noclose)
{
    for(var i=0 ; i< objectIdCount; i++ )
    {
        if(i != noclose)
        {
            if(document.getElementById( ("drop-"+i.toString()) ) != null)
            {
                document.getElementById( ("drop-"+i.toString()) ).parentNode.childNodes[2].style.display ='none';
            }
        }
    }
}

//mindedropdownt bezár
function closAll()
{
    for(var i=0 ; i< objectIdCount; i++ )
    {
        if(document.getElementById( ("drop-"+i.toString()) ) != null)
        {
            document.getElementById( ("drop-"+i.toString()) ).parentNode.childNodes[2].style.display ='none';
        }
        
    }    
}
//Létrehoz vagy nulláz egy dropdown listet
function createDrop(szel1 , metodus,startValue,startErtek)
{
	//Igy nem kell paraméter
    if (typeof metodus == "undefined")
	{
    	var metodus = "";
  	}
        //Igy nem kell paraméter
    if (typeof startValue == "undefined")
	{
    	var startValue = "";
  	}
    //Igy nem kell paraméter
    if (typeof startErtek == "undefined")
	{
    	var startErtek = "";
  	}
    
    count = 0;
    content = new Array();
    htmlOpen = "";
    htmlOpen += "<div style='overflow:visible;width:"+szel1+"px;'>";
    htmlOpen += "<input  id='drop-"+objectIdCount+"' type='hidden' value='"+startValue+"' />";
    htmlOpen += "<input  style='width:"+szel1+"px;' class='drop-input' onclick=\"(this.parentNode.childNodes[2].style.display == 'block')? this.parentNode.childNodes[2].style.display = 'none' : this.parentNode.childNodes[2].style.display = 'block';closeElse("+objectIdCount+");\" type='text' value='"+startErtek+"' />";
    
    if(navigator.appName == "Microsoft Internet Explorer")
    {
        if(navigator.appVersion.indexOf("MSIE 7.") !=-1)
        {
            htmlOpen += "<span  style='width:"+(szel1)+"px;margin-left:-"+(szel1+4)+"px;margin-top:21px;' class='drop-span'  onclick=\"this.style.display ='none';"+metodus +"\" >";
        }
        else
        {
            htmlOpen += "<span  style='width:"+(szel1+2)+"px;' class='drop-span'  onclick=\"this.style.display ='none';"+metodus +"\" >";      
        }
    }
    else
    {
       htmlOpen += "<span  style='width:"+(szel1)+"px;' class='drop-span'  onclick=\"this.style.display ='none';"+metodus +"\" >"; 
    }
    htmlClose = "</span></div>"; 
}

//Elem hozzáadása
function addElement(value, name)
{
    content[count] = "<a class='drop-elemek' onclick=\"this.parentNode.parentNode.childNodes[1].value = this.innerHTML;this.parentNode.parentNode.childNodes[0].value = this.name;\" href='#' name='"+value+"' >"+name+"</a>";
    count++;
}

//Kirajzolja az adott dropdow listet. És növeli az id számot az egyéni azonositáshoz.       
function writeList()
{
    if(content == null){return;}
    
    document.write(htmlOpen);
    for(var i = 0; i < content.length ; i++)
    {
        document.write(content[i]);
    }
    objectIdCount++;
    content = null;
    document.write(htmlClose);

}


//Kirajzolja az adott dropdow listet. És növeli az id számot az egyéni azonositáshoz.       
function getItInString()
{
    var out = "";
    
    if(content == null){return;}
    
    out += htmlOpen;
    for(var i = 0; i < content.length ; i++)
    {
        out += content[i];
    }
    objectIdCount++;
    content = null;
    out += htmlClose;

    return out;
}