$(document).ready(function(){

    //Login

    $("#trigger").click(function(event) {
        event.preventDefault();
        $("#box").slideToggle();
        if(typeof ClickTale=='function') ClickTaleExec("$(\"#box\").slideToggle()");
    });

    $("#box a.close").click(function(event) {
        event.preventDefault();
        $("#box").slideUp();
        if(typeof ClickTale=='function') ClickTaleExec("$(\"#box\").slideUp()");
    });

    //Forgot your pass

    $("#trigger-2").click(function(event) {
        event.preventDefault();
        $("#remember").slideToggle();
        if(typeof ClickTale=='function') ClickTaleExec("$(\"#remember\").slideToggle()");
    });


    //Cualquier toggle

	//Hide (Collapse) the toggle containers on load
	$(".toggle_container").hide();
    if(typeof ClickTale=='function') ClickTaleExec("$(\".toggle_container\").hide()");

	//Switch the "Open" and "Close" state per click
	$("a.trigger").toggle(function(){
		$(this).addClass("active");
		}, function () {
		$(this).removeClass("active");
	});

	$("a.trigger-x").toggle(function(){
		$(this).removeClass("active");
		}, function () {
		$(this).addClass("active");
	});

	//Slide up and down on click
	$("a.trigger").click(function(){
		$(this).next(".toggle_container").slideToggle("slow");
	});

	//Slide up and down on click
	$("a.trigger-x").click(function(){
		$(this).next(".toggle_container").slideToggle("slow");
	});
});