//RIGHT MENU
$(document).ready(function() {
    // show sidebar and overlay
    function showSidebar() {
        sidebar.css('margin-left', '0');
		sidebar.css('visibility', 'visible');
		sidebar.css('overflow', 'visible');

        overlay.show(0, function() {
            overlay.fadeTo('500', 0.7);
        });   
    }

    // hide sidebar and overlay
    function hideSidebar() {
        sidebar.css('margin-left', sidebar.width() * -1 + '%');
		sidebar.css('overflow', 'hidden');

        overlay.fadeTo('500', 0, function() {
            overlay.hide();
        });;
    }

    // selectors
    var sidebar = $('[data-sidebar]');
    var button = $('[data-sidebar-button]');
    var overlay = $('[data-sidebar-overlay]');
	var close = $('[data-sidebar-close]');

    // add height to content area
    overlay.parent().css('min-height', 'inherit');

    // hide sidebar on load
    sidebar.css('margin-left', sidebar.width() * -1 + '%');

    sidebar.show(0, function() {
        sidebar.css('transition', 'all 0.6s ease');
    });

    // toggle sidebar on click
    button.click(function() {
        if (overlay.is(':visible')) {
            hideSidebar();
        } else {
            showSidebar();
        }

        return false;
    });

    // hide sidebar on overlay click
    overlay.click(function() {
        hideSidebar();
    });
	close.click(function() {
        hideSidebar();
    });
});

/*Open Layer*/
$(document).ready(function() {
     $(".open_layer").click(function() {
        if ($(".layer").hasClass("open")) {
            $(".layer").removeClass("open");
        } else {
            $(".layer").addClass("open");
        }
    });
	$(".layer .btn_x").click(function() {
		$(".layer").removeClass("open");
    });
});

//Share Layer*/
$(document).ready(function() {
    $(".btn_share span").click(function() {
		$("#layer_share").addClass("on");
		$("#layer_dimmed").addClass("on");
    });
	$("#layer_dimmed").click(function() {
		$("#layer_share").removeClass("on");
		$("#layer_dimmed").removeClass("on");
    });
	$(".share_box .btn_x").click(function() {
		$("#layer_share").removeClass("on");
		$("#layer_dimmed").removeClass("on");
    });
});

//SIDE MENU Accordion
$(document).ready(function() {
	$('#main_menu [data-accordion]').accordion();
});

//토글버튼
$(document).ready(function() {
    $(".btn_tgl").click(function() {
        if ($(this).hasClass("on")) {
            $(this).removeClass("on");
        } else {
			$(".btn_tgl").removeClass("on");
            $(this).addClass("on");
        }
    });    
});