﻿$(function () {
    $("a.btn").each(function () {        
        var _class = [];
        var _second_class = "";
        _class = $(this).attr("class").split(" ");
        var _baseCss = "btn";
        if (_class[1] != "") {
            _second_class = _class[1];
            _baseCss += " " + $.trim(_second_class);
        }
        //alert(_baseCss)
        var _cloneNode = $(this).clone();
        var _href = _cloneNode.attr("href");
        var _onclick = _cloneNode.attr("onclick");
        var _val = _cloneNode.text();

        var _span_frame = $("<span class=\"btn frame\"></span>");
        $(this).parent().append(_cloneNode.text("").append(_span_frame.append("<span class=\"" + _baseCss + " left\"></span>").append($("<span class=\"" + _baseCss + " content\">" + _val + "</span>")).append("<span class=\"" + _baseCss + " right\"></span>")));

        $(this).parent().find("a").find("span[class='btn frame']").hover(function () {
            if (_second_class == null) {
                $(this).find("span.btn").addClass("highlight");
            }
            else {
                $(this).find("span.btn").addClass("highlight"+"_"+_second_class)
            }

        }, function () {
            if (_second_class == null)
                $(this).find("span.btn").removeClass("highlight");
            else

                $(this).find("span.btn").removeClass("highlight" + "_" + _second_class);
        });
        $(this).remove();
    })
})


function _fn_apply_btn_hover_effect() {
    $("span[class='btn frame']").hover(function () {
        $(this).find("span.btn").each(function () {
            var _class = $(this).attr("class");
            var _class_array = $(this).attr("class").split(" ");
            var _extend_class = _class_array[1];
            //alert(_class_array.length)
            if (_class_array.length == 2)
                $(this).addClass("highlight");
            else
                $(this).addClass("highlight" +"_"+ _extend_class);
        })
    }, function () {
        $(this).find("span.btn").each(function () {
            var _class = $(this).attr("class");
            var _class_array = $(this).attr("class").split(" ");
            var _extend_class = _class_array[1];
            if (_class_array.length == 3)
                $(this).removeClass("highlight");
            else
                $(this).removeClass("highlight" + "_" + _extend_class);
        })
    })        
}

