$j(document).ready(function($) {
    $j('#slideshow ul').before('<div class="nav"><div class="inner"></div></div>').cycle({
        fx: 'fade',
        speed: 'slow',
        timeout: 9000,
        pager: '#slideshow .nav .inner',
        pause: 1
    });

    $j(".quote p").append($("<span />").html("&nbsp;").addClass("endQuote"));


    lastBlock = $("#accordion #accordion-item-1");
    maxWidth = 844;
    minWidth = 50;

    bg = $j("#slideshow").css("background");
    $j("#slideshow .intro").css({ "background": bg });

    $j("#accordion div.item").click(function() {
        $j(lastBlock).animate({ width: minWidth }, { queue: false, duration: "slow" });
        $j(this).animate({ width: maxWidth }, { queue: false, duration: "slow" });
        lastBlock = this;
    });

    $j("#slideshow .intro .button.toSlide").click(function() {
        id = $j(this).attr("href");

        $j("#slideshow").hide();
        $j(id).parents("#accordion").show();
        $j(id).parents(".videoSlide").show();

        if ($j(id).hasClass("item")) { $j(id).click(); $j("#accordion").show(); }
        if ($j(id).hasClass("videoSlide")) { $j(id).show(); }
        return false;
    });

    $j(".backButton").click(function() {
        $j("#slideshow").show();
        $j("#accordion").hide();
        $j(".videoSlide").hide();
        return false;
    });

    // insert div's to create te corners
    $j('#slideshow').append('<div class="corner-lt"></div><div class="corner-lb"></div><div class="corner-rt"></div><div class="corner-rb"></div>');
    $j('#accordion').append('<div class="corner-lt"></div><div class="corner-lb"></div><div class="corner-rt"></div><div class="corner-rb"></div>');
    $j('.videoSlide').append('<div class="corner-lt"></div><div class="corner-lb"></div><div class="corner-rt"></div><div class="corner-rb"></div>');
});