function nextLegenda(i) {
    $('#desc').cycle(i);
}

function nextThumb(i) {
    $("#tooltip").cycle(i);

}

function applyFilter() {
    $('.description p').css('filter', 'dropshadow(color=#000000,offx=1,offy=1,positive=1,)');
}

function removeFilter() {
    $('.description p').css('filter', '');
}

function addObj(n) {
    switch (n) {
        case 1:
            $('.arrowThumb').css('display', 'block')
            $('.arrowThumb').addClass('thumbPosition1');
            $('.tooltip').addClass('tooltipPosition1');
            break;

        case 2:
            $('.arrowThumb').css('display', 'block')
            $('.arrowThumb').addClass('thumbPosition2');
            $('.tooltip').addClass('tooltipPosition2');
            break;

        case 3:
            $('.arrowThumb').css('display', 'block')
            $('.arrowThumb').addClass('thumbPosition3');
            $('.tooltip').addClass('tooltipPosition3');
            break;

        case 4:
            $('.arrowThumb').css('display', 'block')
            $('.arrowThumb').addClass('thumbPosition4');
            $('.tooltip').addClass('tooltipPosition4');
            break;

        case 5:
            $('.arrowThumb').css('display', 'block')
            $('.arrowThumb').addClass('thumbPosition5');
            $('.tooltip').addClass('tooltipPosition5');
            break;

        case 6:
            $('.arrowThumb').css('display', 'block')
            $('.arrowThumb').addClass('thumbPosition6');
            $('.tooltip').addClass('tooltipPosition6');
            break;

        case 7:
            $('.arrowThumb').css('display', 'block')
            $('.arrowThumb').addClass('thumbPosition7');
            $('.tooltip').addClass('tooltipPosition7');
            break;
    }
}

function removeObj(n) {
    switch (n) {
        case 1:
            $('.arrowThumb').css('display', 'none')
            $('.arrowThumb').removeClass('thumbPosition1');
            $('.tooltip').removeClass('tooltipPosition1');
            break;

        case 2:
            $('.arrowThumb').css('display', 'none')
            $('.arrowThumb').removeClass('thumbPosition2');
            $('.tooltip').removeClass('tooltipPosition2');
            break;

        case 3:
            $('.arrowThumb').css('display', 'none')
            $('.arrowThumb').removeClass('thumbPosition3');
            $('.tooltip').removeClass('tooltipPosition3');
            break;

        case 4:
            $('.arrowThumb').css('display', 'none')
            $('.arrowThumb').removeClass('thumbPosition4');
            $('.tooltip').removeClass('tooltipPosition4');
            break;

        case 5:
            $('.arrowThumb').css('display', 'none')
            $('.arrowThumb').removeClass('thumbPosition5');
            $('.tooltip').removeClass('tooltipPosition5');
            break;

        case 6:
            $('.arrowThumb').css('display', 'none')
            $('.arrowThumb').removeClass('thumbPosition6');
            $('.tooltip').removeClass('tooltipPosition6');
            break;

        case 7:
            $('.arrowThumb').css('display', 'none')
            $('.arrowThumb').removeClass('thumbPosition7');
            $('.tooltip').removeClass('tooltipPosition7');
            break;
    }
}

$(document).ready(function () {

    //Monta o paginador e envelopa todos os grupos de banner
    $('.featured').before("<div id='nav'>").cycle({
        fx: 'scrollLeft', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
        timeout: 9000,
        pager: '#nav',
        before: removeFilter,
        after: applyFilter,
        pagerAnchorBuilder: function (i, Slide) {

            //Pego o retorno do atributo rel e insiro na função
            var $link = $(Slide).val(function () {

                var rel = this.rel;

                var string = rel.split(",");

                var type = string[0];
                var url = string[1];
                var empreendimento = string[2];
                var cidade = string[3];
                var bairro = string[4];
                var areaPrivativa = string[5];
                var dormitorios = string[6];
                var suites = string[7];
                LoadThumb(type, url, empreendimento, cidade, bairro, areaPrivativa, dormitorios, suites)

            });
            return '<a href="#" onclick="nextLegenda(' + (i) + ')" onmouseover="nextThumb(' + i + ')" class="screenshot">' + (i + 1) + '</a>'
        }
    });

    //Função que carrega as thumbs
    function LoadThumb(type, url, empreendimento, cidade, bairro, areaPrivativa, dormitorios, suites) {

        if (type == 0) {
            $("#tooltip").append("<span class='single'><a class='linkThumb'><img src='" + url + "' border='0' alt='' /></a></span>");
        } else if (type == 2) {
            $("#tooltip").append("<span class='thumbDescription'><a class='linkThumb'><img src='" + url + "' border='0' alt='' /><p><strong>" +
                                        empreendimento + "</strong><br/>" + cidade + " - " + bairro + "<br />" +
                                        areaPrivativa + "</p></a></span>");
        } else if (type == 3) {
            $("#tooltip").append("<span class='thumbDescription'><a class='linkThumb'><img src='" + url + "' border='0' alt='' /><p><strong>" +
                                        empreendimento + "</strong><br/>" + cidade + " - " + bairro + "<br />" +
                                        areaPrivativa + " - " + dormitorios + " - " + suites + "</p></a></span>");
        }
    }


    //Descrição do empreendimento
    $('#desc').cycle({
        fx: 'fade',
        timeout: 9000,
        before: function () { $("#desc").css("display", "block"); }
    });

    //Descrição do empreendimento
    $('#tooltip').cycle({
        fx: 'none',
        timeout: 0
    });

    $('.thumbDescription').css('position', 'static');
    $('.single').css('position', 'static');
    //Lista de banners
    $('.group').cycle({
        fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
        timeout: 3000
    });
    //Tooltip para exibir a thumb do banner

    var count = $('a.screenshot').size();
    var n;

    $('a.screenshot').hover(function (e) {
        $('#tooltip').css('display', 'block');
        $('.arrowThumb').css('display', 'block');
        $('a.screenshot:last').addClass("last");

        n = parseInt($(this).text())

        if (count == 1) {
            n = n + 5;
        }
        if (count == 2) {
            n = n + 4;
        }
        if (count == 3) {
            n = n + 3;
        }
        if (count == 4) {
            n = n + 2;
        }
        if (count == 5) {
            n = n + 1;
        }
        if (count == 6) {
            n = n;
        }

        addObj(n);


    }, function () {
        $('.tooltip').css('display', 'none');
        $('.arrowThumb').css('display', 'none');
        removeObj(n);
    });
});