function initialize(id)
{
    $().ready(function()
    {
        $(id).jqm
        ({
            overlay: 70,
            modal: true,
            onHide: function(h)
            { 
                h.o.remove(); // remove overlay
                h.w.fadeOut(400); // hide window
            }
        });
    });
}

function setValue(id, preview_id, value)
{
    for(count = 0; count < document.getElementById(id).options.length; count++)
    {
        document.getElementById(id).options[count].selected=false;
        if(value == document.getElementById(id).options[count].value)
            document.getElementById(id).options[count].selected=true;
    }
    
    document.getElementById(preview_id).innerHTML = "<img src='http://www.gohawaii.com/images/display.php?id=" + value + 
        "&max_width=100&max_height=100' alt='' border='1' />";
}

function addValue(id, preview_id, value)
{
    document.getElementById(preview_id).innerHTML = "";
    
    for(count = 0; count < document.getElementById(id).options.length; count++)
    {
        if(value == document.getElementById(id).options[count].value)
        {
            document.getElementById(id).options[count].selected=true;
            setBorder("image_" + id + "_" + value, '');
        }
        
        if (document.getElementById(id).options[count].selected == true)
        {
            document.getElementById(preview_id).innerHTML += "<img src='http://www.gohawaii.com/images/display.php?id=" + 
            document.getElementById(id).options[count].value + "&max_width=100&max_height=100' alt='' border='1' " + 
            "onclick=\"delValue('" + id + "', '" + preview_id + "', '" + document.getElementById(id).options[count].value + "');\" " + 
            "onmouseover=\"this.style.cursor='pointer';\" /> ";
        }
    }
}

function delValue(id, preview_id, value)
{
    document.getElementById(preview_id).innerHTML = "";
    
    for(count = 0; count < document.getElementById(id).options.length; count++)
    {
        if(value == document.getElementById(id).options[count].value)
        {
            document.getElementById(id).options[count].selected=false;
            delBorder("image_" + id + "_" + value);
        }
        
        if (document.getElementById(id).options[count].selected == true)
        {
            document.getElementById(preview_id).innerHTML += "<img src='http://www.gohawaii.com/images/display.php?id=" + 
            document.getElementById(id).options[count].value + "&max_width=100&max_height=100' alt='' border='1' " + 
            "onclick=\"delValue('" + id + "', '" + preview_id + "', '" + document.getElementById(id).options[count].value + "');\" " + 
            "onmouseover=\"this.style.cursor='pointer';\" /> ";
        }
    }
}

function setBorder(id, previous_field)
{
    if(previous_field != '')
    {
        previous_id = document.getElementById(previous_field).value;
    
        document.getElementById(previous_id).style.borderWidth = '';
        document.getElementById(previous_id).style.borderStyle = '';
        document.getElementById(previous_id).style.borderColor = '';
        
        document.getElementById(previous_field).value = id;
    }
    
    document.getElementById(id).style.borderWidth = '1px';
    document.getElementById(id).style.borderStyle = 'solid';
    document.getElementById(id).style.borderColor = 'white';
}

function delBorder(id)
{
    document.getElementById(id).style.borderWidth = '';
    document.getElementById(id).style.borderStyle = '';
    document.getElementById(id).style.borderColor = '';
}