// Add image preload support to jQuery
jQuery.preloadImages = function() {
	for(var i=0; i<arguments.length; i++)	{
		jQuery('<img>').attr('src', arguments[i]);
	}
}

var IMG_TOGGLE  = '/img/tab-toggle.gif';
var IMG_TOGGLED = '/img/tab-toggled.gif';

$.preloadImages(IMG_TOGGLED);

function hideTab(img) {
    $(img).attr('src', IMG_TOGGLE).parent().next().hide();
    $(img).parent().css('border-bottom', '1px solid white');
}
function showTab(img) {
    $(img).attr('src', IMG_TOGGLED).parent().next().show();
    $(img).parent().css('border-bottom', 'none');
}
/*
function hideTabById(id) {
    //console.log($(id).prev().next());
    //console.log($(id).prev().next().children());
    $(id).hide();
}
*/

$(document).ready(function() {
    // toggle tabs
    $('div#tabContainer img.toggle').click(function() {
        $(this).attr('src') == IMG_TOGGLED ? hideTab(this) : showTab(this);
    });
    // hide specific tabs
    //hideTabById('div#callback');

    // callback
    /*
    $('form#callbackform').click(function() {
        if($('select#callbackTopic').attr('value') == 'anleger') {
            $('input#callbackPhone').css('display', 'block');
            $('input#callbackName').css('display', 'block');
            $('input#callbackBrokerNr').css('display', 'none');
        } else if($('select#callbackTopic').attr('value') == 'vermittler') {
            $('input#callbackPhone').css('display', 'none');
            $('input#callbackName').css('display', 'none');
            $('input#callbackBrokerNr').css('display', 'block');
        }
    });
    */
});