/***************************/
//@Author: Adrian "yEnS" Mato Gondelle & Ivan Guardado Castro
//@website: www.yensdesign.com
//@email: yensamg@gmail.com
//@license: Feel free to use it, but keep this credits please!					
/***************************/

$(document).ready(function() {
    $(".menu > li").click(function(e) {
        switch (e.target.id) {


            case "BestSellers":
                //change status & style menu
                $("#BestSellers").addClass("active");
                $("#NewAdditions").removeClass("active");
                $("#SpecialDeals").removeClass("active");
                //display selected division, hide others
                $("div.BestSellers").fadeIn();
                $("div.NewAdditions").css("display", "none");
                $("div.SpecialDeals").css("display", "none");

                break;

            case "NewAdditions":
                //change status & style menu
                $("#NewAdditions").addClass("active");
                $("#BestSellers").removeClass("active");
                $("#SpecialDeals").removeClass("active");
                //display selected division, hide others
                $("div.NewAdditions").fadeIn();
                $("div.BestSellers").css("display", "none");
                $("div.SpecialDeals").css("display", "none");

                break;

            case "SpecialDeals":
                //change status & style menu
                $("#SpecialDeals").addClass("active");
                $("#BestSellers").removeClass("active");
                $("#NewAdditions").removeClass("active");
                //display selected division, hide others
                $("div.SpecialDeals").fadeIn();
                $("div.BestSellers").css("display", "none");
                $("div.NewAdditions").css("display", "none");

                break;

            case "portraits":
                //change status & style menu
                $("#portraits").addClass("active");
                $("#canvas").removeClass("active");
                $("#subjects").removeClass("active");
                $("#artists").removeClass("active");
                $("#frames").removeClass("active");
                $("#title").removeClass("active");
                //display selected division, hide others
                $("div.portraits").fadeIn();
                $("div.canvas").css("display", "none");
                $("div.subjects").css("display", "none");
                $("div.artists").css("display", "none");
                $("div.frames").css("display", "none");
                $("div.title").css("display", "none");

                break;
            case "canvas":
                //change status & style menu
                $("#canvas").addClass("active");
                $("#portraits").removeClass("active");
                $("#subjects").removeClass("active");
                $("#artists").removeClass("active");
                $("#frames").removeClass("active");
                $("#title").removeClass("active");
                //display selected division, hide others
                $("div.canvas").fadeIn();
                $("div.portraits").css("display", "none");
                $("div.subjects").css("display", "none");
                $("div.artists").css("display", "none");
                $("div.frames").css("display", "none");
                $("div.title").css("display", "none");
                break;
            case "subjects":
                //change status & style menu
                $("#subjects").addClass("active");
                $("#portraits").removeClass("active");
                $("#canvas").removeClass("active");
                $("#artists").removeClass("active");
                $("#frames").removeClass("active");
                $("#title").removeClass("active");

                //display selected division, hide others
                $("div.subjects").fadeIn();
                $("div.portraits").css("display", "none");
                $("div.canvas").css("display", "none");
                $("div.artists").css("display", "none");
                $("div.frames").css("display", "none");
                $("div.title").css("display", "none");

                break;
            case "artists":
                //change status & style menu
                $("#artists").addClass("active");
                $("#portraits").removeClass("active");
                $("#canvas").removeClass("active");
                $("#subjects").removeClass("active");
                $("#frames").removeClass("active");
                $("#title").removeClass("active");

                //display selected division, hide others
                $("div.artists").fadeIn();
                $("div.portraits").css("display", "none");
                $("div.canvas").css("display", "none");
                $("div.subjects").css("display", "none");
                $("div.frames").css("display", "none");
                $("div.title").css("display", "none");

                break;
            case "frames":
                //change status & style menu
                $("#frames").addClass("active");
                $("#portraits").removeClass("active");
                $("#canvas").removeClass("active");
                $("#subjects").removeClass("active");
                $("#artists").removeClass("active");
                $("#title").removeClass("active");

                //display selected division, hide others
                $("div.frames").fadeIn();
                $("div.portraits").css("display", "none");
                $("div.canvas").css("display", "none");
                $("div.subjects").css("display", "none");
                $("div.artists").css("display", "none");
                $("div.title").css("display", "none");

                break;
            case "title":
                //change status & style menu
                $("#title").addClass("active");
                $("#portraits").removeClass("active");
                $("#canvas").removeClass("active");
                $("#subjects").removeClass("active");
                $("#artists").removeClass("active");
                $("#frames").removeClass("active");

                //display selected division, hide others
                $("div.title").fadeIn();
                $("div.portraits").css("display", "none");
                $("div.canvas").css("display", "none");
                $("div.subjects").css("display", "none");
                $("div.artists").css("display", "none");
                $("div.frames").css("display", "none");

                break;
        }
        //alert(e.target.id);
        return false;
    });
});