var position_x = 360;
var position_y = 360;
var indentShop = 5;
var indentLinks = 2;
var start, end;
var wordCounter = 0;
var startPoint = 0;
var letter = [];
var R;
var cursor_x,cursor_y;

$(document).ready(function() {
    $(document).mousemove(function(e) {
        cursor_x = e.pageX;
        cursor_y = e.pageY;
        $('#tooltip').css('left', cursor_x - 230);
        $('#tooltip').css('top', cursor_y - 20);
    });

    $('#submit a').click(function() {
        $(this).blur();
        return false;
    });
    $('#submit a').mousedown(function() {
        $(this).blur();
        return false;
    });
    R = Raphael("holder", 720, 720)
    var i = R.image("images/wheel.png", 0, 0, 720, 720);
    loadElements();
    //        showSectorsLines();

});

function loadSectorShop(list, distance) {
    var shops = $('.link_site a');
    for (var k = 0; k < 6; k++) {
        var word = $(shops[k]).attr('href').replace(/https?:\/\/(?:.{2,5}\.)?/g, '').replace(/.(com|net|org).*$/g, '');
        word = word.substring(0, 10);
        word = word.replace(/(.*)\.(\w+)/g, '$1');
        var middle = wordMiddle(word);
        fillLettersShop(word, k, distance);
        //        fillLettersShop('right', word.substring(middle, word.length), k, distance);
    }
}
function loadSectorLinks(list, distance) {
    var relatedLinks = [];
    var links = [];
    var relatedCompleteList = $(list);
    for (var t = 0; t < relatedCompleteList.length; t++) {
        relatedLinks.push($(relatedCompleteList[t]).html());
    }
    for (var t = 0; t < relatedLinks.length; t++) {
        links.push($(relatedLinks[t]).filter(':eq(0)').text());
        links.push($(relatedLinks[t]).filter(':eq(1)').text());
        links.push($(relatedLinks[t]).filter(':eq(2)').text());
    }
    for (var k = 0; k < 18; k++) {
        word = links[k].substring(0, 8);
        fillLettersLinks(word, k, distance);
    }
}
function sliceWords(position) {
    var words = [];
    var wordsSliced = [];
    var items = $("ul.shops li");
    for (var t = 0; t < items.length; t++) {
        words[t] = $(items[t]).html();
    }
    if (position == 'top') {
        wordsSliced = words.slice(0, 3);
    }
    else {
        wordsSliced = words.slice(3, words.length);
    }
    return wordsSliced;
}
function fillLettersShop(word, sectorNumber, distance) {
    var angle = 0;
    var sign = 1;
    //    alert(word.length);
    if (sectorNumber < 3) {
        positionNumber = distance - position_y;
        sign = 1;
    }
    else {
        positionNumber = position_y - distance;
        sign = -1;
        angle = 180;
    }
    for (var i = 0; i < word.length; i++) {
        letter[i] = R.text(position_x, position_y + positionNumber, word[i]);
        letter[i].attr({"font-family":"Arial Narrow","font-size":'30px','fill':'#89a'});
        letter[i].rotate(sign * i * indentShop + sectorNumber * 60 - 60 + angle - sign * 4 * word.length / 2, position_x, position_y);
    }
}

function fillLettersLinks(word, sectorNumber, distance) {
    var stretch = 2;
    var angle = -60;
    var sign = 1;
    var centerValue = 0;
    if (sectorNumber < 9) {
        positionNumber = distance - position_y;
        sign = 1;
        centerValue = -1;
    }
    else {
        word = word.split('').reverse().join('');
        positionNumber = position_y - distance;
        sign = 1;
        centerValue = -1;
        angle = 120;
    }
    for (var i = 0; i < word.length; i++) {
        if (i == 0) {
            stretch -= 1;
        }
        else {
            stretch += 0.3;
        }
        letter[i] = R.text(position_x, position_y + positionNumber, word[i]);
        letter[i].attr({"font-family":"Arial Narrow","font-size":'14px','font-weight':'normal','fill':'#fff'});
        //        alert(sign * i * indentLinks + sectorNumber * 20 - 20 + angle + sign * word.length / 2 * 4 * 0.7 + centerValue);
        letter[i].rotate(sign * i * indentLinks + sectorNumber * 20 - 20 + angle - sign * word.length / 2 * 1.4 + centerValue, position_x, position_y);
    }
    //    alert(sectorNumber);
}
function wordMiddle(word) {
    return parseInt(word.length / 2);
}
function showSectorsLines() {
    for (var i = 0; i < 18; i++) {
        var c = R.path("M" + position_x + " " + position_y + " L" + 100 + " " + position_y);
        if (i % 3 == 0) {
            c.attr({'stroke':"#000",'opacity':'0.5'});
        }
        else {
            c.attr({'stroke':"#000",'opacity':'0.1'});
        }
        c.rotate(20 * i, position_x, position_y);
    }
}
function loadElements() {
    $('text').remove();
    if (c === undefined) {
        var c = R.circle(position_x, position_y, 0);
        c.attr({'fill':'#fff','stroke':'none','opacity':'1'});
    }
    else {
        c.clear()
    }
}
function loadLinks() {
    similarSites = $('.similar_sites_list');
    var tempLinks = [];
    for (var t = 0; t < 6; t++) {
        tempLinks.push($(similarSites[t]).find('li:eq(0)').html());
        tempLinks.push($(similarSites[t]).find('li:eq(1)').html());
        tempLinks.push($(similarSites[t]).find('li:eq(2)').html());
    }
    for (var i = 0; i < 18; i++) {
        var c = R.rect(position_x - 50, position_y - 345, 100, 50);
        c.attr({fill: '#054',stroke:'none',href: $(tempLinks[i]).attr('href'),title:$(tempLinks[i]).text(),opacity:'0'});
        c.rotate(20 * i - 80, position_x, position_y);
        $(c.node).mouseover(function() {
            $(this).parent().attr('rel', $(this).parent().attr('title'));
            $(this).parent().removeAttr('title');
            $('#tooltip').html($(this).parent().attr('rel')).show();
            return false;
        });
        $(c.node).mouseout(function() {
            $('#tooltip').hide();
        });
    }

    relatedLinks = $('.related_links_list');
    tempLinks = [];
    for (var t = 0; t < 6; t++) {
        tempLinks.push($(relatedLinks[t]).find('li:eq(0)').html());
        tempLinks.push($(relatedLinks[t]).find('li:eq(1)').html());
        tempLinks.push($(relatedLinks[t]).find('li:eq(2)').html());
    }
    for (var z = 0; z < 18; z++) {
        var j = R.rect(position_x - 40, position_y - 285, 80, 50);
        j.attr({fill: '#654',stroke:'none',href: $(tempLinks[z]).attr('href'),title:$(tempLinks[z]).text(),opacity:'0'});
        j.rotate(20 * z - 80, position_x, position_y);
        $(j.node).mouseover(function() {
            $(this).parent().attr('rel', $(this).parent().attr('title'));
            $(this).parent().removeAttr('title');
            $('#tooltip').html($(this).parent().attr('rel')).show();
            return false;
        });
        $(j.node).mouseout(function() {
            $('#tooltip').hide();
        });
    }
    for (var z = 0; z < 6; z++) {
        var j = R.rect(position_x - 100, position_y - 220, 200, 50);
        var name = $('.site_name').filter(':eq(' + z + ')').html();
        var link = $('.link_site a')[z]
        j.attr({fill: '#054',stroke:'none',href: link,title:name,opacity:'0'});
        j.rotate(60 * z - 60, position_x, position_y);
        $(j.node).mouseover(function() {
            $(this).parent().attr('rel', $(this).parent().attr('title'));
            $(this).parent().removeAttr('title');
            $('#tooltip').html($(this).parent().attr('rel')).show();
            return false;
        });
        $(j.node).mouseout(function() {
            $('#tooltip').hide();
        });
    }

}
