$(document).ready(function () {


    requestData($('.queries-clone p').eq(0).attr("data-id"));
    $('.queries p').eq(0).addClass('clicked');

    $('.queries-clone p').click(function () {

        requestData($(this).attr("data-id"));
        queryIndex = $(this).index();
        $(".queries p").removeClass("clicked");
        $('.queries p').eq(queryIndex).addClass('clicked');

    });

    $('body').on({
        mouseenter: function () {
            queryIndex = $(this).index();
            $('.queries p').eq(queryIndex).addClass('hovered');
        },
        mouseleave: function () {
            $('.queries p').eq(queryIndex).removeClass('hovered');
        }
    }, '.queries-clone p');
});



function requestData(QueryID) {

    $.get(QueryID+'.json',
            function (data) {
                //console.log(data);
                switch (data.status) {
                    case 'ERROR':
                        $(".questions-items-container").html('');
                        break;
                    case 'SUCCESS':
                        $(".top-five-cities").html('');
                        $(".top-five-cities").html(data.cities);

                        $(".hot-spot-map-fact").html('');
                        $(".hot-spot-map-fact").html(data.friskyFact);

                        $(".uk-map").html('');
                        $(".uk-map").html(data.pins);
                        break;
                }
            },
            "json"
            );

}