/***************************/
//@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 "pages":
                //change status & style menu
                $(".menu li").removeClass("active");
                $("#pages").addClass("active");
                //display selected division, hide others
                $("div.content").css("display", "none");
                $("div.pages").fadeIn();
                break;
            case "cms":
                //change status & style menu
                $(".menu li").removeClass("active");
                $("#cms").addClass("active");
                //display selected division, hide others
                $("div.content").css("display", "none");
                $("div.cms").fadeIn();
                break;
            case "shops":
                //change status & style menu
                $(".menu li").removeClass("active");
                $("#shops").addClass("active");
                //display selected division, hide others
                $("div.content").css("display", "none");
                $("div.shops").fadeIn();
                break;
            case "portals":
                //change status & style menu
                $(".menu li").removeClass("active");
                $("#portals").addClass("active");
                //display selected division, hide others
                $("div.content").css("display", "none");
                $("div.portals").fadeIn();
                break;
            case "make-over":
                $(".menu li").removeClass("active");
                $("#make-over").addClass("active");
                //display selected division, hide others
                $("div.content").css("display", "none");
                $("div.make-over").fadeIn();
                break;
            case "translation":
                $(".menu li").removeClass("active");
                $("#translation").addClass("active");
                //display selected division, hide others
                $("div.content").css("display", "none");
                //$("div.content").fadeOut();
                $("div.translation").fadeIn();
                break;
        }
        //alert(e.target.id);
        return false;
    });
});