// -------------------------------------------------------------- carrosserie
var carrOpened=false;
function carrOpen() {
    carrOpened=true;
    var mpan = $('#carrPanel');
    var mbut = $('#carrButton');
    var mfr = $('#carrFrame');
    
    mbut.unbind('click');
    mbut.bind('click', carrClose);
    
    carrRead();
    carrPosition();
    mpan.slideDown('fast', function() {
       var a = mpan.offset().top + mpan.outerHeight();
       var b = $(document).scrollTop() + $(window).height();
       if (a > b)
           $(document).scrollTop($(document).scrollTop() + a - b); 
    });
    mfr.show();
    //mpan.bind('mouseenter', function() {
    //    mpan.bind('mouseleave', carrClose);
    //});
    $("body").bind('scroll',carrPosition);
}
function carrClose() {
    carrOpened=false;
    $('#carrButton').unbind('click');
    $('#carrButton').bind('click', carrOpen);
    carrWrite();
    $('#carrPanel').slideUp('fast');
    $('#carrFrame').hide();
    $("body").unbind('scroll');
}
function carrPosition() {
    var mpan = $('#carrPanel');
    var mbut = $('#carrButton');
    var mfr = $('#carrFrame');
    var wd = mbut.width();
    var ht = mbut.height();
    var fwd = mpan.width();
    var fht = mpan.height();
    if (!jQuery.browser.msie) {
        wd = totalWidth(mbut);
        ht = totalHeight(mbut);
    }
    else {
        fwd = totalWidth(mpan);
        fht = totalHeight(mpan);
    }
    
    var fit = 0;
    if (!jQuery.browser.msie){
        fit = 4;
    }
    
    var lt = mbut.offset().left;// + wd - totalWidth(mpan);
    var tp = mbut.offset().top + ht - fit; //- $(window).scrollTop();
    mpan.css({ left: lt + 'px', top: tp + 'px' }); 
    mfr.css({ left: lt + 'px', top: tp + 'px', width: fwd + 'px', height: fht + 'px' }); 
}
function carrRead() {
    var s = jQuery.trim($(":hidden[name='carrosserie']").val());
    if (s == null || s == '')
       return;
    var ids = s.split(',');
    var imgs = $('#carrPanel table.carr img');
    for (i = 0; i < ids.length; i++) {
        var id = ids[i];
        for (j = 0; j < imgs.length; j++) {
            var img = imgs[j];
            if (img.src.indexOf(id + '1.gif') != -1) {
                img.src = img.src.replace('1.gif', '.gif');
                break;
            }
        }
    }
}
function carrWrite() {
    var ids = [];
    var names = [];
    $('#carrPanel table.carr img').each(function (index, item) {
        var src = item.src;
        if (src.indexOf('1.gif') == -1) {
            var i = src.lastIndexOf('/');
            var j = src.lastIndexOf('.gif');
            ids.push(src.substring(i + 1, j));
            names.push(item.title);
        }
    });
    $(":hidden[name='carrosserie']").val(ids.join(','));
    $("#carrButtonInner").text(names.join(', '));
}
function carrSel(k) {
    if (k == 1)
        $('#carrPanel img').each(function(index, item) {
            carrSelect(item);
        });
    else if (k == 2)
        $('#carrPanel img').each(function(index, item) {
            carrUnselect(item);
        });
}
function carrClicked() {
    //carrSel(2);
    carrToggle(this);
}
function carrToggle(img) {
    var src = img.src;
    var i = src.indexOf('.gif');
    if (src.charAt(i - 1) == '1')
        img.src = src.substring(0, i - 1) + '.gif';
    else
        img.src = src.substring(0, i) + '1.gif';
    paramChanged();
}
function carrUnselect(img) {
    var src = img.src;
    var i = src.indexOf('.gif');
    if (src.charAt(i - 1) != '1')
        img.src = src.substring(0, i) + '1.gif';
    paramChanged();        
}
function carrSelect(img) {
    var src = img.src;
    var i = src.indexOf('.gif');
    if (src.charAt(i - 1) == '1')
        img.src = src.substring(0, i - 1) + '.gif';
    paramChanged();
}