/* ************************************************************************************************************
	Options
************************************************************************************************************ */
function colors() {
	reset_option_title();
	hide_all_options();
	$('optionList1').style.display = 'block';
	$('color_title').style.fontWeight = 'bold';
}
function handles() {
	reset_option_title();
	hide_all_options();
	$('optionList2').style.display = 'block';
	$('handle_title').style.fontWeight = 'bold';
}
function doors() {
	reset_option_title();
	hide_all_options();
	$('optionList3').style.display = 'block';
	$('door_title').style.fontWeight = 'bold';
}
function additional() {
	reset_option_title();
	hide_all_options();
	$('optionList4').style.display = 'block';
	$('additional_title').style.fontWeight = 'bold';
}

function hide_all_options() {
	$('optionList1').style.display = 'none';
	$('optionList2').style.display = 'none';
	$('optionList3').style.display = 'none';
	$('optionList4').style.display = 'none';
}
function reset_option_title() {
	$('color_title').style.fontWeight = 'normal';
	$('handle_title').style.fontWeight = 'normal';
	$('door_title').style.fontWeight = 'normal';
	$('additional_title').style.fontWeight = 'normal';
}



/* ************************************************************************************************************
	Tabs
************************************************************************************************************ */
/*-----------------------------------------------------------
    Toggles element's display value
    Input: any number of element id's
    Output: none 
    ---------------------------------------------------------*/
function toggleDisp() {
    for (var i=0;i<arguments.length;i++){
        var d = $(arguments[i]);
        if (d.style.display == 'none')
            d.style.display = 'block';
        else
            d.style.display = 'none';
    }
}
/*-----------------------------------------------------------
    Toggles tabs - Closes any open tabs, and then opens current tab
    Input:     1.The number of the current tab
                    2.The number of tabs
                    3.(optional)The number of the tab to leave open
                    4.(optional)Pass in true or false whether or not to animate the open and close of the tabs
    Output: none 
    ---------------------------------------------------------*/
function toggleTab(num,numelems,opennum,animate) {
    if ($('tabContent'+num).style.display == 'none'){
        for (var i=1;i<=numelems;i++){
            if ((opennum == null) || (opennum != i)){
                var temph = 'tabHeader'+i;
                var h = $(temph);
                if (!h){
                    var h = $('tabHeaderActive');
                    h.id = temph;
                }
                var tempc = 'tabContent'+i;
                var c = $(tempc);
                if(c.style.display != 'none'){
                    if (animate || typeof animate == 'undefined')
                        Effect.toggle(tempc,'blind',{duration:0.5, queue:{scope:'menus', limit: 3}});
                    else
                        toggleDisp(tempc);
                }
            }
        }
        var h = $('tabHeader'+num);
        if (h)
            h.id = 'tabHeaderActive';
        h.blur();
        var c = $('tabContent'+num);
        c.style.marginTop = '2px';
        if (animate || typeof animate == 'undefined'){
            Effect.toggle('tabContent'+num,'blind',{duration:0.5, queue:{scope:'menus', position:'end', limit: 3}});
        }else{
            toggleDisp('tabContent'+num);
        }
    }
}





/* ********************************************************* OPTIONS TAB ************************************************************************/

function toggleOptionDisp() {
    for (var i=0;i<arguments.length;i++){
        var d = $(arguments[i]);
        if (d.style.display == 'none')
            d.style.display = 'block';
        else
            d.style.display = 'none';
    }
}

function toggleOptionTab(num,numelems,opennum) {
    if ($('tab'+num).style.display == 'none'){
        for (var i=1;i<=numelems;i++){
            if ((opennum == null) || (opennum != i)){
                var temph = 'tab_title_'+i;
                var h = $(temph);
                if (!h){
                    var h = $('tab_title_active');
                    h.id = temph;
                }
                var tempc = 'tab'+i;
                var c = $(tempc);
                if(c.style.display != 'none'){
                        toggleOptionDisp(tempc);
                }
            }
        }
        var h = $('tab_title_'+num);
        if (h)
            h.id = 'tab_title_active';
        h.blur();
        var c = $('tab'+num);
        c.style.marginTop = '2px';
		toggleOptionDisp('tab'+num);

    }
}