$(function () {

    $('img[hvr]').hover(function () {
        var currentImg = $(this).attr('src');
        $(this).attr('src', $(this).attr('hvr'));
        $(this).attr('hvr', currentImg);
    }, function () {
        var currentImg = $(this).attr('src');
        $(this).attr('src', $(this).attr('hvr'));
        $(this).attr('hvr', currentImg);
    });


    $("#MainImage").cycle();
});

jQuery.fn.counter = function () {

    $(this).each(function () {

        var max = $(this).attr('maxlength');
        var val = $(this).attr('value');
        var cur = 0;

        if (val)
            cur = val.length;

        var left = max - cur;

        $(this).after("<span class='charCounter'>" + left.toString() + "</span>");

        var c = $(this).next(".charCounter");

        $(this).keyup(function (i) {
            var max = $(this).attr('maxlength');
            var val = $(this).attr('value');
            var cur = 0;

            if (val)
                cur = val.length;

            var left = max - cur;

            $(this).next(".charCounter").text(left.toString());

            return this;
        });
    });
    return this;
}


jQuery.fn.countertextarea = function (set_max) {
    $(this).each(function () {

        var textarea = $(this).is('textarea');
        var max = set_max ? set_max : $(this).attr('maxlength');

        if (!max || max == 2147483647) { return; }

        var val = textarea ? $(this).val() : $(this).attr('value');
        var left = max - (val ? val.length : 0);

        $(this).after("<div class='counter'>" + left.toString() + "</div>");

        var c = $(this).next(".counter");
        c.width(40);
        c.css("position", "relative");
        c.css("top", -$(this).height() - 8);
        c.css("left", $(this).width() + 8);
        c.css("background", "yellow");
        $(this).keyup(function (e) {
            var val = textarea ? $(this).val() : $(this).attr('value');
            var left = max - (val ? val.length : 0);
            if (left < 0) {
                cutval = val.substr(0, max);
                textarea ? $(this).val(cutval) : $(this).attr('value', val);
                left = 0;
            }
            $(this).next(".counter").text(left.toString());
            return this;
        });
    });
    return this;
}