jQuery.fn.fadeSliderToggleLeft = function(settings){
    /* Damn you jQuery opacity:'toggle' that dosen't work!~!!!*/
    settings = jQuery.extend({
        speed: 600,
        easing: "swing"
    }, settings)
    
    caller = this
    
    $(caller).animate({
        opacity: 0,
        marginLeft: -200
    }, settings.speed, settings.easing, function(){
        $(caller).css("opacity", "0");
        $(caller).animate({
            opacity: 0,
            marginLeft: 200
        }, 1, settings.easing,function(){
            $(caller).animate({
                opacity: 1,
                marginLeft: 0
            }, settings.speed, settings.easing);
        });
       
    });
    
    
};
jQuery.preloadImages = function()
{
    for(var i = 0; i<arguments.length; i++)
    {
        jQuery("<img>").attr("src", arguments[i]);
    }
}

jQuery.fn.fadeSliderToggleUp = function(settings){
    /* Damn you jQuery opacity:'toggle' that dosen't work!~!!!*/
    settings = jQuery.extend({
        speed: 600,
        easing: "swing"
    }, settings)
    
    caller = this
    if ($(caller).css("display") == "none") {
        $(caller).animate({
            opacity: 1,
            height: 'toggle'
        }, settings.speed, settings.easing);
    }
    else {
        $(caller).animate({
            opacity: 0,
            height: 'toggle'
        }, settings.speed, settings.easing);
    }
    
    
    //?/////////////
    
    
    $(caller).css("left", 400);
    if ($(caller).css("display") == "none") {
    
        $(caller).animate({
            opacity: 0,
            height: 'toggle'
        }, settings.speed, settings.easing);
    }
    else {
        $(caller).animate({
            opacity: 1,
            height: 'toggle'
        }, settings.speed, settings.easing);
    }
    
};