var colorList = ["8e34fe", "3472b6", "00fcff", "c31158", "835c0a", "44b40d", "e85694", "ff6000", "0096ff", "957cf0", "a3b017", "21c8ec"];


var showMask = function(e) {
    var src = e.target || event.srcElement;
    var offset = $("#" + src.id).offset();
    var _left = offset.left;
    var _top = offset.top;

    $("#ImageMask").css("left", _left + "px");
    $("#ImageMask").css("top", _top + "px");
    $("#ImageMask").css("display", "block");
    emtyE();
    $("#Mask_body").append("<textarea  readonly='readonly' class='body_textarea'  id='descArea'>" + $("#" + arguments[1]).val() + "</textarea>");
    $("#Mask_foot").append("<a href='" + arguments[2] + "' id='readMeLink'>" + arguments[3] + "</a>");
    $("#ImageMask").css("display", "block");
    var n = arguments[4] - 1;
    if (n == 2 || n == 3) {

        $("#titleArea").css("color", "#000000");
        $("#descArea").css("color", "#000000");
        $("#readMeLink").css("color", "#000000");
    }

    $("#ImageMask").css("backgroundColor", "#" + colorList[n]);
    //alert(arguments[5]);
}

var _showMask = function(e) {

    $("#ImageMask").css("display", "block");

}
var removeMask = function(e) {

    $("#ImageMask").css("display", "none");
}
var emtyE = function() {
    $("#Mask_head").empty();
    $("#Mask_body").empty();
    $("#Mask_foot").empty();
}

var adjustCategoryHeight = function() {
    var h = ($("#category_content").height()) - 20;
    $("#category_content").css("height", h);
}

var showBorder = function(e) {

    var src = e.target || event.srcElement;
    var n = arguments[1] - 1;
    var bgURL = "static/css/bg_color_assets/" + arguments[2] + "/" + colorList[n] + ".gif";
    $("#" + arguments[3]).css("background-image", "url(" + bgURL + ")");

    if (arguments[4]) {
        $("#" + arguments[4]).css("color", "#" + colorList[n]);
    }

    if (arguments[5]) {
        $("#" + arguments[5]).css("color", "#343434");
    }

    if (arguments[6]) {  //height
        sr.css("height", arguments[6] + "px");
    }

    if (arguments[7]) { // Width
        sr.css("width", arguments[7] + "px");
    }

    if (arguments[8]) {

        sr.css("background-position", arguments[8]);

    }

}

var hideBorder = function(e) {
    var src = e.target || event.srcElement;
    $("#" + arguments[1]).css("background-image", "url(static/img/p.gif)");
    if (arguments[2]) {  
        $("#" + arguments[2]).css("color", "#a9a9a9");
    }
    if (arguments[3]) {
        $("#" + arguments[3]).css("color", "#5e5e5e");
    }

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

var sub_mask = function() {
    var argument1 = document.getElementById("subcategory_Navigation");

    if (argument1) {
        var offset = $("#subcategory_Navigation>.SubCategory_item_selected").offset();
        var _left = offset.left;
        var _top = offset.top;
        if (!$.browser.msie) {
            _top = _top + 14;
        } else {
        _top = _top + 15;
        }
        var argument2 = offset.left;
        if (argument2) {
            var width = $("#subcategory_Navigation>.SubCategory_item_selected").width() - 2;
            //if ($.browser.msie) {
            //    if (Number($.browser.version) <= 6) {
                    _left = _left + 1
              //  }
           // }
            $("#subCategory_masker").css("width", width + "px");
            $("#subCategory_masker").css("left", _left + "px");
            $("#subCategory_masker").css("top", _top + "px");
            $("#subCategory_masker").css("display", "block");
            $("#subCategory_masker").css("color", "white");
        } else {
            $("#subCategory_masker").css("display", "none");
        }
    } else {
        $("#subCategory_masker").css("display", "none");
    }

}