// 
//


ccf_speed  = 500;
ccf_defaultInset = "64px";

function crapbrwoser_raise(inset){
    inset = inset || ccf_defaultInset;
    $(".raise").animate({left: inset}, ccf_speed);
    $("li.menuitem").not(".raise").animate({left: "0px"}, ccf_speed);
}

function ccf_raise(inset){
    inset = inset || ccf_defaultInset;
    $(".raise").animate({left: inset}, ccf_speed)
        .find("img.menuitem").animate({opacity: 1}, ccf_speed);  // Transparentcy doesnt work well on IE6
    $("li.menuitem").not(".raise").animate({left: "0px"}, ccf_speed)
        .find("img.menuitem").animate({opacity: 0.5}, ccf_speed);  // Transparentcy doesnt work well on IE6
}

function reveal(block){
    if ($(".visible").size() == 0) {
        block.slideDown();
    } else {
        $(".visible").slideUp(ccf_speed/2,function (){ block.slideDown(ccf_speed/2); });
    }
    $(".content").removeClass("visible");
    block.addClass("visible");
}

if ($.support.opacity){
    var raise = ccf_raise; 
    $("img.menuitem").fadeTo(1,0.5);
} else { 
    var raise = crapbrwoser_raise; 
}

function slideshow(){
    var $slides = $("div.visible div.slides");
    var $active = $slides.find("div.active");
    if ( $active.length == 0 ) {
        $active = $slides.find(":last");
    }
    var $next = $active.next()
    if ($next.length ==0) {
        $next = $slides.find(":first");
    }
    $active.removeClass("active").fadeOut( 500, function() {
            $next.addClass("active").fadeIn();
        });
}

function ccf_setup(){
    $(".content").each(function () { this.reveal = reveal; });
    $("li.menuitem").click(function(event) {
        $(".raise").removeClass("raise");
        $(this).addClass("raise");
        raise();
        var selection = "." + $(this).attr("id");
        reveal($(selection));
    });
    $("#about").toggleClass("raise");
    raise();
    reveal($("div.about"));
    $(function() { setInterval( "slideshow()", 5000) });
}

$(document).ready(function(){
    ccf_setup();


    $(".items").localScroll({ target: ".scrollable", axis:'x' });

});