/**
 * Tagcload functionality.
 * 
 * @author Patrick info@d-media.nl
 * @version 24-06-2011
 */
function setState1() {
    $('#outer').addClass('big');
    $('#middle').addClass('small nolabel');
    $('#center').addClass('small nolabel');
}

function setState2() {
    $('#outer').addClass('nolabel');
    $('#middle').addClass('big');
    $('#center').addClass('small nolabel');
}

function setState3() {
    $('#outer').addClass('nolabel');
    $('#middle').addClass('big nolabel');
    $('#center').addClass('big');
}

function returnState() {
    $('#outer').removeClass('big nolabel');
    $('#middle').removeClass('big small nolabel');
    $('#center').removeClass('big small nolabel');
}

function positionItems(itemID) {
    var numItems = $('#'+itemID+' ul li').length;
    var step = (2*Math.PI)/numItems;

    if(itemID == 'outer') {
        var angle=79;
        var circleCenterX = 225;
        var circleCenterY = 225;
        var radiusCompensatie = 60;
    }
    else {
        var angle=65;
        var circleCenterX = 170;
        var circleCenterY = 170;
        var radiusCompensatie = 30;
    }

    var radius = (parseInt($('#'+itemID+'').css('height'))/2) - radiusCompensatie;

    for(var i = 0; i<numItems; i++) {
        var left=Math.round(circleCenterX+radius*Math.cos(angle)) - 42;
        var top=Math.round(circleCenterY+radius*Math.sin(angle)) - 42;

        $('#'+itemID+' ul li:nth-child('+(i+1)+')').css('left', left);
        $('#'+itemID+' ul li:nth-child('+(i+1)+')').css('top', top);
        angle+=step;
    }
}

$(document).ready(function() {
    positionItems('outer');
    positionItems('middle');
    positionItems('center');
    //drawVirtual();
    $('#outer').mouseover(function() {
       returnState();
       setState1();
    });

    $('#outer').mouseout(function() {
       returnState();
    });

    $('#middle').mouseover(function() {
       returnState();
       setState2();
    });

    $('#middle').mouseout(function() {
       returnState();
    });

    $('#center').mouseover(function() {
       returnState();
       setState3();
    });

    $('#center').mouseout(function() {
       returnState();
    });
})