//no conflict jQuery
jQuery.noConflict();
//Rotating Images Stuff
jQuery(function($) {
    $('.pics').each(function() {
        // this == div.pics
        var that = this;
        $(this).children('img').each(function () {
            // this == img
            $(this).load(function() {
                if($(that).width() <= $(this).width()) {
                    $(that).width($(this).width());
                }
                if($(that).height() <= $(this).height()) {
                    $(that).height($(this).height());
                }
            });
        });
    });
    $(".pics").cycle({
        fx: "fade",
        timeout: 4000, //Time between transitions
        delay: -4000, //Cause the first transition to happen immediately, which is so firefox will update the page layout correctly
        before: function(a, b, c ,d) {
            var that = $(a).parent();
            if($(that).width() <= $(a).width()) {
                $(that).width($(a).width());
            }
            if($(that).height() <= $(a).height()) {
                $(that).height($(a).height());
            }
        }
        });
});