function toggleForm ()
{
    // grab objects
    var form_1 = $('form_1');
    var form_2 = $('form_2');

    if (form_1.hasClassName("hiddenForm"))
    {
        // remove class names
        form_1.removeClassName('hiddenForm');
        form_2.removeClassName('visibleForm');
        
        // add class names
        form_1.addClassName('visibleForm');
        form_2.addClassName('hiddenForm');
    }
    else
    {
        // remove class names
        form_1.removeClassName('visibleForm');
        form_2.removeClassName('hiddenForm');

        // add class names
        form_1.addClassName('hiddenForm');
        form_2.addClassName('visibleForm');
    }
    return false
}

function updateSelect_2 ()
{
	var url = 'updateSelect_2.php';
	var pars = 'manufacturer=' + encodeURIComponent($F('lmanufacturer'));
	var target = 'lmodel';
	var myAjax = new Ajax.Updater(target, url, {method: 'get', parameters: pars});

}

function updateSelect_1 ()
{
	var url = 'updateSelect_1.php';
	var pars = 'manufacturer=' + encodeURIComponent($F('manufacturer'));
	var target = 'model';
	var myAjax = new Ajax.Updater(target, url, {method: 'get', parameters: pars});

}

function clickAttach ()
{
    // toggle form clicks
    var toggleFormButton_1 = $('toggleFormButton_1');
	Event.observe(toggleFormButton_1, 'click', toggleForm);

    //var toggleFormButton_2 = $('toggleFormButton_2');
	//Event.observe(toggleFormButton_2, 'click', toggleForm);

    var toggleFormButton_3 = $('toggleFormButton_3');
	Event.observe(toggleFormButton_3, 'click', toggleForm);

    // update select boxes on forms
    Event.observe("manufacturer", "change", updateSelect_1, false);
    Event.observe("lmanufacturer", "change", updateSelect_2, false);
}

function init ()
{
	clickAttach();
}

Event.observe(window, 'load', init);