$(function() {
    baners($(".quoteimage"), $(".quotecontainer"), 4000);
    map();
    indexintrotext();
    indexmovesignupbaner();

    function indexintrotext() {
        var elm = $(".indexintrotext");
        var moreinfobox = $(".moreinfobox", elm);
        var hide = $(".hide", elm);
        var learnmore = $(".learnmore", elm)

        hide.click(function() {
            moreinfobox.slideUp();
            learnmore.show();
            hide.hide();
        });
        learnmore.click(function() {
            moreinfobox.slideDown();
            hide.show();
            learnmore.hide();
        });
    }

    function indexmovesignupbaner() 
    {
        var toreplace = $('[indextopsignupbanner="replace"]');
        var source = $('[indextopsignupbanner="source"]');
        source.addClass('indextopsignupbtn');
        toreplace.replaceWith(source);
    }
    
    function baners(elm1, elm2, timeout) {
        var data = [];

        set_data();
        show();

        function set_data() {
            for (var i = 1; i < 8; i++) {
                data.push({ img: "quotetxt" + i, bg: "quotetxtbg" });
            }
            for (var i = 1; i < 60; i++) {
                data.push({ img: "quotelogo" + i, bg: "quotelogobg" });
            }
        }

        function random() {
            return Math.floor(($(data).size() - 1) * (Math.random() % 1));
        }

        function show() {
            elm1.removeClass();
            elm2.removeClass();
            var n = random();
            elm1.addClass("quoteimage");
            elm2.addClass("quotecontainer");
            elm1.addClass(data[n].img).fadeIn();
            elm2.addClass(data[n].bg).fadeIn();
            setTimeout(show, timeout);
        }
    }

    function map() {
        points();
        turn();

        function points() {
            var tooltip = $('.locationmaptooltip');
            $("#Map > area").hover(
				function(event) {
				    var elm = $(this);
				    var offset = function() {
				        var contener1 = $(".container1").offset();
				        var coords = elm.attr("coords").split(",");
				        return { left: Number(coords[0]) + contener1.left, top: Number(coords[1]) + contener1.top };
				    } ();

				    event.stopPropagation();
				    tooltip.css({ 'display': 'block' });
				    $("#Map > area").css({ 'cursor': 'pointer' });
				    tooltip.find(".title").html(elm.attr("tooltip"));
				    tooltip.css({ left: offset.left - tooltip.width(), top: offset.top - 5 }).show();
				}
			);

            $(".mmap").mouseout(function() {
                tooltip.css({ 'display': 'none' });
            });
        }

        function turn() {
            var containerswitch1 = $(".container1");
            var containerswitch2 = $(".container2");

            $(".container1 .viewswitch").click(function() {
                $(containerswitch1).hide();
                $(".container1 .locationmaptooltip").css({ 'display': 'none' });
                $(containerswitch2).slideDown("slow");
            });

            $(".container2 .viewswitch").click(function() {
                $(containerswitch2).hide();
                $(containerswitch1).slideDown("slow");
            });
        }
    }
});