function display_menu(menu,action)
{
    for (i=1; i<11; i++)
    {
        if (document.getElementById("top_nav_"+i))
        {
            document.getElementById("top_nav_"+i).className = "";
        }

        if (document.getElementById("top_nav_"+i+"_menu") != null)
        {
            document.getElementById("top_nav_"+i+"_menu").className = "hidden";
        }
    }

    document.getElementById("basket_drop_down").className = "hidden";
    document.getElementById("email_drop_down").className = "hidden";
    document.getElementById("search_drop_down").className = "hidden";
    document.getElementById("top_nav_email_link").className = "top_nav_email";
    document.getElementById("top_nav_search_link").className = "top_nav_search";

    if (menu == "basket")
    {
        if (action == "on")
        {
            document.getElementById("basket_drop_down").className = "basket_drop_down_menu";
        }
    }
    else if (menu == "email" || menu == "search")
    {
        if (action == "on")
        {
            var current_class = document.getElementById("top_nav_"+menu+"_link").className;
            document.getElementById(menu+"_drop_down").className = "drop_down_box";
            document.getElementById("top_nav_"+menu+"_link").className = current_class+" top_nav_sel";
        }

    }
    else
    {
        var i, menu_offset;
        var selected_menu = document.getElementById("top_nav_"+menu+"_menu");
        var selected_top_nav = document.getElementById("top_nav_"+menu);
        var window_width = document.body.clientWidth;
        var screen_offset = 0;
//        var menu_height = 0;
        
        if (window_width > 909)
        {
            screen_offset = (window_width-909)/2;
        }

        if (selected_menu && action == "on")
        {
            selected_menu.className = "top_nav_menu";
            selected_top_nav.className = "top_nav_sel";
            menu_offset = selected_top_nav.offsetLeft-screen_offset;
            selected_menu.style.marginLeft = menu_offset+"px";
//            menu_height = selected_menu.height;
//            var dave = selected_menu.getElementsByTagName("ul");
//            var dave_count = dave.length;
//
//            for (var d=0; d<dave_count; d++)
//            {
//                if (dave[d].className == "drop_down_menu_col")
//                {
//                    dave[d].style.height = menu_height+"px";
//                }
//            }
        }
    }
}

function display_admin_site()
{
    var type = document.getElementById("type").value;
    var field_class = "hidden";
    var label_class = "hidden";

    if (type == "Site Admin" || type == "Order Admin")
    {
        field_class = "textbox";
        label_class = "";
    }

    document.getElementById("site").className = field_class;
    document.getElementById("site_label").className = label_class;
}

function display_box_fields()
{
    var type = document.getElementById("type").value;

    document.getElementById("text").className = "hidden";
    document.getElementById("text_label").className = "hidden";

    if (type == "box")
    {
        document.getElementById("text").className = "hidden";
        document.getElementById("text").value = "";
        document.getElementById("text_label").className = "hidden";
    }
    else if(type == "text")
    {
        document.getElementById("text").className = "";
        document.getElementById("text_label").className = "";
    }
}

function display_image_align()
{
    var image = document.getElementById("image").value;
    var field_class = "hidden";
    var label_class = "hidden";

    if (image > 0)
    {
        field_class = "textbox";
        label_class = "";
    }

    document.getElementById("image_align").className = field_class;
    document.getElementById("image_align_label").className = label_class;
}

function display_large_image_field()
{
    var type = document.getElementById("type").value;
    var field_class = "hidden";
    var label_class = "hidden";

    if(type == "product")
    {
        field_class = "textbox";
        label_class = "";
    }

    document.getElementById("large_image").className = field_class;
    document.getElementById("large_image_label").className = label_class;
}

function back()
{
    history.back();
}

function display_send_to_fields(field_class_extra)
{
    var send_to = document.getElementById("send_to").value;
    var field_class = "hidden";
    var label_class = "hidden";
    var field_class2 = "textbox"+field_class_extra;
    var label_class2 = "";

    if (send_to == "other")
    {
        field_class = "textbox"+field_class_extra;
        label_class = "";
        field_class2 = "hidden";
        label_class2 = "hidden";
//        document.getElementById("additional_bags").value = "";
    }
    else
    {
        document.getElementById("title").value = "";
        document.getElementById("first_name").value = "";
        document.getElementById("surname").value = "";
    }

    document.getElementById("title").className = field_class;
    document.getElementById("title_label").className = label_class;
    document.getElementById("first_name").className = field_class;
    document.getElementById("first_name_label").className = label_class;
    document.getElementById("surname").className = field_class;
    document.getElementById("surname_label").className = label_class;
//    document.getElementById("additional_bags").className = field_class2;
//    document.getElementById("additional_bags_label").className = label_class2;
}

function display_address_fields(type,field_class_extra,language)
{
    var address = document.getElementById(type+"_address").value;
    var field_class = "hidden";
    var label_class = "hidden";
    var default_country = new Array();
    default_country[1] = "224";
    default_country[2] = "225";
    default_country[3] = "73";

    if (address == "other")
    {
        field_class = "textbox"+field_class_extra;
        label_class = "";
    }
    else
    {
        document.getElementById(type+"_address1").value = "";
        document.getElementById(type+"_address2").value = "";
        document.getElementById(type+"_address3").value = "";
        document.getElementById(type+"_city").value = "";
        document.getElementById(type+"_postcode").value = "";
        document.getElementById(type+"_country").value = default_country[language];
    }

    document.getElementById(type+"_address1").className = field_class;
    document.getElementById(type+"_address1_label").className = label_class;
    document.getElementById(type+"_address2").className = field_class;
    document.getElementById(type+"_address2_label").className = label_class;
    document.getElementById(type+"_address3").className = field_class;
    document.getElementById(type+"_address3_label").className = label_class;
    document.getElementById(type+"_city").className = field_class;
    document.getElementById(type+"_city_label").className = label_class;
    document.getElementById(type+"_postcode").className = field_class;
    document.getElementById(type+"_postcode_label").className = label_class;
    document.getElementById(type+"_country").className = field_class;
    document.getElementById(type+"_country_label").className = label_class;
}

function search_submit_over(colour)
{
    if (!colour) colour = "ffffff";

    document.getElementById("search_submit").style.backgroundColor = "#"+colour;
}

function show_hide_box(id)
{
    var box_bot = document.getElementById("bot"+id);
    var box_top = document.getElementById("top"+id);
    var arrow_image = document.getElementById("arrow_image"+id);
    var class_name = "box_bot";
    var title = "Click to hide";
    var arrow_image_link = "../images/site/arrow_hide.gif";

    if (box_bot.className == "box_bot")
    {
        class_name = "hidden";
        title = "Click to display";
        arrow_image_link = "../images/site/arrow_display.gif";
    }

    box_bot.className = class_name;
    box_top.title = title;
    arrow_image.src = arrow_image_link;
}

function set_issue_number_field()
{
    var card_type = document.getElementById("card_type").value;
    var issue_number_label = document.getElementById("issue_number_label");
    var issue_number_field = document.getElementById("issue_number");
    var display_style = "none";

    if (card_type == "SWITCH" || card_type == "SOLO")
    {
        display_style = "block";
    }
    else
    {
        issue_number_field.value = "";
    }

    issue_number_label.style.display = display_style;
    issue_number_field.style.display = display_style;
    
}

function set_preferred_salutation_options()
{
    var title = document.getElementById("title").value;
    var first_name = document.getElementById("first_name").value;
    var surname = document.getElementById("surname").value;
    var preferred_salutation_field = document.getElementById("preferred_salutation");

    if (!title || !first_name || !surname) alert("Please enter your title, first name and surname");

    preferred_salutation_field.options[1] = new Option("Dear "+first_name,"Dear "+first_name);
    preferred_salutation_field.options[2] = new Option("Dear "+first_name+" "+surname,"Dear "+first_name+" "+surname);
    preferred_salutation_field.options[3] = new Option("Dear "+title+" "+surname,"Dear "+title+" "+surname);
    preferred_salutation_field.options[4] = new Option("Dear "+title+" "+first_name+" "+surname,"Dear "+title+" "+first_name+" "+surname);
    preferred_salutation_field.options[5] = new Option("Other","other");
}

function set_other_preferred_salutation_field()
{
    var preferred_salutation = document.getElementById("preferred_salutation").value;
    var other_preferred_salutation_label = document.getElementById("other_preferred_salutation_label");
    var other_preferred_salutation = document.getElementById("other_preferred_salutation");

    other_preferred_salutation_label.className = "hidden";
    other_preferred_salutation.className = "hidden";
    
    if (preferred_salutation == "other")
    {
        other_preferred_salutation_label.className = "label_competition";
        other_preferred_salutation.className = "textbox_competition";
    }
}

function display_drop_down(type,action)
{
    var current_class = document.getElementById("top_nav_"+type+"_link").className;

    document.getElementById("email_drop_down").className = "hidden";
    document.getElementById("search_drop_down").className = "hidden";
    document.getElementById("top_nav_email_link").className = "top_nav_email";
    document.getElementById("top_nav_search_link").className = "top_nav_search";

    if (action == "on")
    {
        document.getElementById(type+"_drop_down").className = "drop_down_box";
        document.getElementById("top_nav_"+type+"_link").className = current_class+" top_nav_sel";
    }
}