// JavaScript Document
$(document).ready(function () {
    var vp = $("ul#portfolio li:visible").size(),
        pw = $("ul#portfolio li").width() + 30,
        ph = $("ul#portfolio li").height() + 40,
        i = 0,
        j = 0,
        li;
    fp();

    $("ul#filter a").click(function () {
        li = $(this).attr("class");
        if (li != "all") {
            $("ul#portfolio li").hide();
            $("ul#portfolio li." + li).show();
            rfp();
        } else {
            $("ul#portfolio li").show();
            rfp();
        }
		$("ul#filter li").removeClass("current");
		$(this).parent("li").addClass("current");
        return false;
    });

    function fp() {
        $("ul#portfolio li:visible").each(function () {
            if (i == 2) {
                $(this).css({
                    "position": "absolute",
                    "top": ph * j,
                    "left": pw * i
                });
                i = 0;
                j++;
            } else {
                $(this).css({
                    "position": "absolute",
                    "top": ph * j,
                    "left": pw * i
                });
                i++;
            }
        });
        $("ul#portfolio").css({
            "height": (ph * j) + ph
        });
    }

    function rfp() {
        i = 0, j = 0
        $("ul#portfolio li:visible").each(function () {
            if (i == 2) {
                $(this).animate({
                    "top": ph * j,
                    "left": pw * i
                });
                i = 0;
                j++;
            } else {
                $(this).animate({
                    "top": ph * j,
                    "left": pw * i
                });
                i++;
            }
        });
        $("ul#portfolio").animate({
            "height": (ph * j) + ph
        });
        $("ul#portfolio li:not(:visible)").each(function () {
            if (i == 2) {
                $(this).animate({
                    "top": ph * j,
                    "left": pw * i
                });
                i = 0;
                j++;
            } else {
                $(this).animate({
                    "top": ph * j,
                    "left": pw * i
                });
                i++;
            }
        });
    }
});