var step = 1;
var timer;

$(document).ready(function () {
    FeatureInit();
});

function FeatureInit() {
    SetFeatures();
    SetClasses(-2);
    TurnPrevNextOn(true);
    SetTimer(true);
}

function SetFeatures() {
    var featureCol = $('#homeFeature #features a');
    var i = 0;

    for (i = featureCol.length; i < 5; i++) {
        $('#homeFeature #features').append("<a></a>");
    }

    featureCol = $('#homeFeature #features a');

    for (i = 1; i < featureCol.length + 1; i++) {
        var feature = featureCol[i - 1];
        feature.id = 'featureItem_' + i.toString();
    }

    $('#homeFeature').bind('mouseenter', function () {
        SetTimer(false);
    });

    $('#homeFeature').bind('mouseleave', function () {
        SetTimer(true);
    });
}

function SetClasses(stepAmount) {
    step = step + stepAmount;
    var cnt = $('#homeFeature #features a').length;

    if (step > cnt) {
        step = 0 + (step - cnt);
    } else if (step <= 0) {
        step = cnt - (0 - step);
    }

    var cur = step;
    var i;

    $('#homeFeature a').removeAttr('class');
    $('#homeFeature a').css({ 'display': '', 'opacity': '', 'left': '', 'width': '' });

    for (i = 0; i < 5; i++) {
        var feature = $('#homeFeature #features a:nth-child(' + cur.toString() + ')');
        var cssClass = 'feature' + (i + 1).toString();
        feature.addClass(cssClass);

        cur = cur + 1;
        if (cur > cnt) {
            cur = 1;
        } else if (cur == 0) {
            cur = cnt;
        }            
    }
}

function TurnPrevNextOn(onOff) {
    if (onOff) {
        $('#homeFeature #prevBtn').live('click', function () {
            MovePrev();
        });

        $('#homeFeature #nextBtn').live('click', function () {
            MoveNext();
        });
    }
    else {
        $('#homeFeature #prevBtn').die();
        $('#homeFeature #nextBtn').die();
    }
}

function SetTimer(onOff) {
    if (onOff) {
        $('#homeFeature').everyTime(7000, function () {
            MoveNext();
        }, 0);
    } else {
        $('#homeFeature').stopTime();
    }
}

function MoveNext() {
    TurnPrevNextOn(false);

    var feature1 = $('#homeFeature #features .feature1');
    var feature2 = $('#homeFeature #features .feature2');
    var feature3 = $('#homeFeature #features .feature3');
    var feature4 = $('#homeFeature #features .feature4');
    var feature5 = $('#homeFeature #features .feature5');
    var background = '';

    feature1.css('display', 'none');

    feature2.animate({
        opacity: 0
    }, 500, function () {
        //complete
    });

    feature3.animate({
        left: 28,
        width: 212
    }, 500, function () {
        //complete
    });

    feature4.animate({
        left: 253,
        width: 362
    }, 500, function () {
        //complete
    });

    feature5.css('opacity', '0')
    feature5.animate({
        opacity: 1
    }, 750, function () {
        SetClasses(1);
        TurnPrevNextOn(true);
    });
}

function MovePrev() {
    TurnPrevNextOn(false);

    var feature1 = $('#homeFeature #features .feature1');
    var feature2 = $('#homeFeature #features .feature2');
    var feature3 = $('#homeFeature #features .feature3');
    var feature4 = $('#homeFeature #features .feature4');
    var feature5 = $('#homeFeature #features .feature5');
    var background = '';

    feature5.css('display', 'none');

    feature4.animate({
        opacity: 0
    }, 500, function () {
        //complete
    });

    feature3.animate({
        left: 628,
        width: 212
    }, 500, function () {
        //complete
    });

    feature2.animate({
        left: 253,
        width: 362
    }, 500, function () {
        //complete
    });

    feature1.css('opacity', '0')
    feature1.animate({
        opacity: 1
    }, 750, function () {
        SetClasses(-1);
        TurnPrevNextOn(true);
    });
}