$ = jQuery.noConflict();

$(function() {

    function f(a) {
        if (a < 1) a = i;
        else if (a > i) a = 1;
        $("#focusarea").find("li:visible").fadeOut("slow").end().find("li:nth-child(" + a + ")").fadeIn("slow");
        $markers.find("a.active").removeClass("active").end().find("li:nth-child(" +
        a + ") a").addClass("active")
    }
    function j() {
        var a = 2 + $markers.find("a.active").parent().index();
        f(a);
        g = setTimeout(j, k)
    }

	$("#focusarea").show();
	$("#focusarea").find("li").hide().end().find("li:first").show();
	
    $markers = $("#feature ul.markers");
    var i = $("#focusarea").children().length,
    k = 7E3,
    g = setTimeout(j, k);
    $("#focusnext, #focusprev").click(function(a) {
        a.preventDefault();
        clearTimeout(g);
        a = 2 * $(this).hasClass("nextslide") + $markers.find("a.active").parent().index();
        f(a)
    });
    $markers.delegate("a", "click",
    function(a) {
        a.preventDefault();
        clearTimeout(g);
        f($(this).parent().index() + 1)
    });
});