sprintfWrapper = {

    init : function () {

        if (typeof arguments == "undefined") {
            return null;
        }
        if (arguments.length < 1) {
            return null;
        }
        if (typeof arguments[0] != "string") {
            return null;
        }
        if (typeof RegExp == "undefined") {
            return null;
        }

        var string = arguments[0];
        var exp = new RegExp(/(%([%]|(\-)?(\+|\x20)?(0)?(\d+)?(\.(\d)?)?([bcdfosxX])))/g);
        var matches = new Array();
        var strings = new Array();
        var convCount = 0;
        var stringPosStart = 0;
        var stringPosEnd = 0;
        var matchPosEnd = 0;
        var newString = '';
        var match = null;

        while (match = exp.exec(string)) {
            if (match[9]) {
                convCount += 1;
            }

            stringPosStart = matchPosEnd;
            stringPosEnd = exp.lastIndex - match[0].length;
            strings[strings.length] = string.substring(stringPosStart, stringPosEnd);

            matchPosEnd = exp.lastIndex;
            matches[matches.length] = {
                match: match[0],
                left: match[3] ? true : false,
                sign: match[4] || '',
                pad: match[5] || ' ',
                min: match[6] || 0,
                precision: match[8],
                code: match[9] || '%',
                negative: parseInt(arguments[convCount]) < 0 ? true : false,
                argument: String(arguments[convCount])
            };
        }
        strings[strings.length] = string.substring(matchPosEnd);

        if (matches.length == 0) {
            return string;
        }
        if ((arguments.length - 1) < convCount) {
            return null;
        }

        var code = null;
        var match = null;
        var i = null;

        for (i=0; i<matches.length; i++) {

            if (matches[i].code == '%') {
                substitution = '%'
            }
            else if (matches[i].code == 'b') {
                matches[i].argument = String(Math.abs(parseInt(matches[i].argument)).toString(2));
                substitution = sprintfWrapper.convert(matches[i], true);
            }
            else if (matches[i].code == 'c') {
                matches[i].argument = String(String.fromCharCode(parseInt(Math.abs(parseInt(matches[i].argument)))));
                substitution = sprintfWrapper.convert(matches[i], true);
            }
            else if (matches[i].code == 'd') {
                matches[i].argument = String(Math.abs(parseInt(matches[i].argument)));
                substitution = sprintfWrapper.convert(matches[i]);
            }
            else if (matches[i].code == 'f') {
                matches[i].argument = String(Math.abs(parseFloat(matches[i].argument)).toFixed(matches[i].precision ? matches[i].precision : 6));
                substitution = sprintfWrapper.convert(matches[i]);
            }
            else if (matches[i].code == 'o') {
                matches[i].argument = String(Math.abs(parseInt(matches[i].argument)).toString(8));
                substitution = sprintfWrapper.convert(matches[i]);
            }
            else if (matches[i].code == 's') {
                matches[i].argument = matches[i].argument.substring(0, matches[i].precision ? matches[i].precision : matches[i].argument.length)
                substitution = sprintfWrapper.convert(matches[i], true);
            }
            else if (matches[i].code == 'x') {
                matches[i].argument = String(Math.abs(parseInt(matches[i].argument)).toString(16));
                substitution = sprintfWrapper.convert(matches[i]);
            }
            else if (matches[i].code == 'X') {
                matches[i].argument = String(Math.abs(parseInt(matches[i].argument)).toString(16));
                substitution = sprintfWrapper.convert(matches[i]).toUpperCase();
            }
            else {
                substitution = matches[i].match;
            }

            newString += strings[i];
            newString += substitution;

        }
        newString += strings[i];

        return newString;

    },

    convert : function(match, nosign){
        if (nosign) {
            match.sign = '';
        } else {
            match.sign = match.negative ? '-' : match.sign;
        }
        var l = match.min - match.argument.length + 1 - match.sign.length;
        var pad = new Array(l < 0 ? 0 : l).join(match.pad);
        if (!match.left) {
            if (match.pad == "0" || nosign) {
                return match.sign + pad + match.argument;
            } else {
                return pad + match.sign + match.argument;
            }
        } else {
            if (match.pad == "0" || nosign) {
                return match.sign + match.argument + pad.replace(/0/g, ' ');
            } else {
                return match.sign + match.argument + pad;
            }
        }
    }
}

sprintf = sprintfWrapper.init;

$(document).ready(function(){

    $('#FORM_create input[type=text]').addClass("ui-state-default").focus(function(){
        $(this).removeClass("ui-state-error").select().addClass("ui-state-focus");
    }).blur(function(){
        $(this).removeClass("ui-state-focus");
    });

    $('#FORM_create textarea').addClass("ui-state-default").focus(function(){
        $(this).removeClass("ui-state-error").select().addClass("ui-state-focus");
    }).blur(function(){
        $(this).removeClass("ui-state-focus");
    });

    $('#FORM_create').submit(function(){
        $.each($('#FORM_create input[type=text]'), function(index, obj){
            $(obj).val($.trim($(obj).val()));
        });

        validate = true;
        // validate
        if (!$('#FORM_create input[name=url]').val().match(/^http[s]?:\/\/.+$/)){
            $('#FORM_create input[name=url]').addClass("ui-state-error");
            validate = false;
        }

        if ($('#FORM_create input[name=title]').val().match(/^$/)){
            $('#FORM_create input[name=title]').addClass("ui-state-error");
            validate = false;
        }

        if ($('#FORM_create input[name=username]').val().match(/^$/)){
            $('#FORM_create input[name=username]').addClass("ui-state-error");
            validate = false;
        }

        if (!$("#FORM_create input[name=contact]").val().match(/^[\w(\.)-]+@(\w+)\.[\w(\.)]{2,}$/)){
            $("#FORM_create input[name=contact]").addClass("ui-state-error");
            validate = false;
        }

        if (!validate) return false;

        //
        $(this).ajaxSubmit({
            success : function(result){
                if (result == Resource.RM_ADD_SUCCEED){ // server return res created
                    Resource.OnCreateSucceed(result);
                } else Resource.OnCreateFailed(result);
                $("#REGION_create").dialog("close");
            }
        });
        return false;
    });

    var Template = {
        VideoTable : "<table class=\"video\"><tr><td valign=\"top\" width=\"160\"><div class=\"preview\" url=\"%s\"><a href=\"%s\" target=\"_blank\"><img border=\"0\" src=\"images/preview/%s.jpg\" title=\"%s !---! %s\" url=\"%s\" embed_src=\"%s\" /></a></div></td><td valign=\"top\" style=\"overflow:hidden; position: relative\"><p class=\"video_title\">%s</p><p class=\"video_caption\">作者<span class=\"video_information\">%s</span></p><p class=\"video_caption\">浏览次数<span class=\"video_information\">%s</span></p><p class=\"video_caption\">上载日期<span class=\"video_information\">%s</span></p><a class=\"ui-state-default ui-corner-all dialog_button\" href=\"%s\" target=\"_blank\"><span class=\"ui-icon ui-icon-newwin\"></span>播放</a><a class=\"ui-state-default ui-corner-all dialog_button\" href=\"#\" tag=\"popup\" url=\"%s\" video_title=\"%s\" video_http=\"%s\"><span class=\"ui-icon ui-icon-play\"></span>播放</a></td></tr></table>",
        // VideoTable : "<table class=\"video\"><tr><td valign=\"top\" width=\"160\"><div class=\"preview\" url=\"%s\"><a href=\"%s\" target=\"_blank\"><img border=\"0\" src=\"images/preview/%s.jpg\" title=\"%s !---! %s\" url=\"%s\" embed_src=\"%s\" /></a></div></td><td valign=\"top\" style=\"overflow:hidden; position: relative\"><p class=\"video_title\">%s</p><p class=\"video_caption\">Submited by<span class=\"video_information\">%s</span></p><p class=\"video_caption\">View Count<span class=\"video_information\">%s</span></p><p class=\"video_caption\">Create Date<span class=\"video_information\">%s</span></p><a class=\"ui-state-default ui-corner-all dialog_button\" href=\"%s\" target=\"_blank\"><span class=\"ui-icon ui-icon-newwin\"></span>Play</a><a class=\"ui-state-default ui-corner-all dialog_button\" href=\"#\" tag=\"popup\" url=\"%s\" video_title=\"%s\" video_http=\"%s\"><span class=\"ui-icon ui-icon-play\"></span>Play</a></td></tr></table>",
        // Title -> Author -> View Count -> Create Date
        FillVideoTable : function(jsonObj, element){
            $.each(jsonObj, function(index, obj){                
                obj.description = obj.description.split("\n").join("<br />");
                tags = sprintf(Template.VideoTable, obj.url, obj.url, obj.res_id, obj.title, obj.description, obj.url, obj.embed_src, obj.title, obj.author_name, obj.rating, obj.create_date, obj.url, obj.embed_src, obj.title, obj.url);
                $(tags).appendTo(element);
            });
            $("a.dialog_button").unbind().mouseover(function(){
                $(this).addClass("ui-state-hover");
            }).mouseout(function(){
                $(this).removeClass("ui-state-hover");
            });

            $("img[title]").click(function(){
                if ($(this).attr("embed_src") != ""){

                    $("#VIDEO_SRC").empty();
                    flash = $(unescape($(this).attr("embed_src")));
                    flash.appendTo($("#VIDEO_SRC"));
                    requiredWidth = (parseInt(flash.attr("width")) + 20);

                    $("#REGION_video").dialog({
                        bgiframe : true,
                        autoOpen : true,
                        modal : true,
                        width : requiredWidth,
                        title : $(this).attr("video_title"),
                        resizable : false,
                        buttons : {
                            "关闭" : function(){
                                $(this).dialog("destroy")
                            }
                        }
                    });
                    return false;
                } else {
                    
            }
            });

            $("img[title]").tooltip({
                track : true,
                showURL : false,
                extraClass : "ui-corner-all ui-state-default tips",
                showBody : " !---! ",
                delay : 0
            });

            $.each($("a[tag=popup]"), function(index, obj){
                if ($(obj).attr("url") == "") $(obj).remove();
                else {
                    $(obj).prev().hide();
                    $(obj).click(function(){
                        $("#VIDEO_SRC").empty();
                        flash = $(unescape($(obj).attr("url")));
                        flash.appendTo($("#VIDEO_SRC"));
                        requiredWidth = (parseInt(flash.attr("width")) + 20);

                        $("#REGION_video").dialog({
                            bgiframe : true,
                            autoOpen : true,
                            modal : true,
                            width : requiredWidth,
                            title : $(obj).attr("video_title"),
                            resizable : false,
                            buttons : {
                                "关闭" : function(){
                                    $(this).dialog("destroy")
                                }
                            }
                        });

                        return false;
                    });
                }
            });
        }
    }

    var Helper = {
        fixScroll : function(){
            // $("html").css("overflow", "hidden");
            // $(".ui-widget-overlay").height("100%").width($(window).outerWidth());
        },
        unfixScroll : function(){
            // $("html").css("overflow", "auto");
        }
    }

    var Resource = {
        // Defintions
        RM_ADD_SUCCEED : 1,         // Items added
        RM_ADD_FLOOD_GUARD : 2,     // Items not added due to flooding control
        RM_ADD_DB_ERROR : 3,        // Items not added due to DB error
        RM_ADD_DUPLICATED : 4,      // Items already exists

        RM_SORT_BY_TIME : 1,        // Items sort by time
        RM_SORT_BY_RATING : 2,      // Items sort by rating
        RM_SORT_BY_RANDOM : 3,      // Items sort by random

        RM_SORT_ASCENDING : 0,      // Items sort in ascending order
        RM_SORT_DECENDING : 1,      // Items sort in decending order

        // Private members
        ResourceListing : null,

        // Methods
        Create : function(result){

        },

        GetResourceListing : function(sort_by, sort_order, callback){
            if (Resource.ResourceListing) Resource.ResourceListing = null;
            $.ajax({
                type : "GET",
                url : "control/Controller.ResourceManager.php",
                dataType : "json",
                data : {
                    "function"  : "GetResourceListing",
                    "sortby"    : sort_by,
                    "sortorder" : sort_order
                },
                success : function(jsonObj){
                    Resource.ResourceListing = jsonObj;
                    if (callback) callback();
                }
            });
        },

        //Events
        OnCreateSucceed : function(result){
            div = $("<div />");
            $("<p><span class='ui-icon ui-icon-circle-check' style='margin: 0 7px 50px 0; float: left' />你的申请已获受理.</p><p>请耐心等候审批结果. 审批完成后, 你会收到我们发出之电子邮件通知.</p>").appendTo(div);

            div.appendTo($("body")).dialog({
                modal : true,
                title : "申请已获受理",
                resizable : false,
                draggable : false,
                bgiframe : true,
                buttons : {
                    "确定" : function(){
                        $(this).dialog("close").remove();
                    }
                }
            });
        },
        OnCreateFailed : function(result){
            div = $("<div />");
            $("<p><span class='ui-icon ui-icon-circle-close' style='margin: 0 7px 50px 0; float: left' />发生一个错误, 代号 : "+ result +"</p><p>请重试. 如问题无法解决, 请与 Union Creations 联络.</p>").appendTo(div);

            div.appendTo($("body")).dialog({
                modal : true,
                title : "申请失败",
                resizable : false,
                draggable : false,
                bgiframe : true,
                buttons : {
                    "确定" : function(){
                        $(this).dialog("close").remove();
                    }
                }
            });
        }
    }

    $(".ul_button li").css({
        backgroundPosition: '0px 0px'
    }).hover(function(){
        $(this).stop().css("backgroundPosition", "0px -51px")
        .animate({
            backgroundPosition : "15px -51px"
        }, {
            duration : 200
        });
    }, function(){
        $(this).stop().animate({
            backgroundPosition : "0px 0px"
        }, {
            duration : 200
        });
    });

    $("[tag=LINK_create]").click(function(){
        $("#REGION_create").dialog("open");
        return false;
    });

    $("[tag=LINK_terms]").click(function(){
        $("#REGION_terms").dialog("open");
        return false;
    });

    $("#REGION_create").dialog({
        bgiframe : true,
        autoOpen: false,
        width: 400,
        modal: true,
        resizable : false,

        // events
        open : function(event, ui){
            $("input[name=url]", $(this)).val($("input[name=url]", $(this)).attr("default_value")).select().focus().click(function(){
                $(this).val("").unbind("click").unbind("keydown");
            }).keydown(function(){
                $(this).unbind("click").unbind("keydown");
            });

            $("#REGION_create ~ div > button:last-child").css({
                float : "left",
                marginLeft : "7px"
            });
        },
        // end of events

        buttons : {
            '取消' : function(){
                $(this).dialog("close");
            },
            '提交' : function(){
                // $(this).dialog("close");
                $("#FORM_create").submit();
            },
            '相关条款' : function(){
                $("#REGION_terms").dialog("open");
            }
        }
    });

    $("#REGION_terms").dialog({
        bgiframe : true,
        autoOpen : false,
        width: 500,
        modal: true,
        resizable : false,
        buttons : {
            "关闭" : function(){
                $(this).dialog("close")
            }
        }
    });

    $("#tabs").tabs({
        cache : true,
        spinner : "载入中...",
        load : function(event, ui){

        }
    });

    $("a.dialog_button").unbind().mouseover(function(){
        $(this).addClass("ui-state-hover");
    }).mouseout(function(){
        $(this).removeClass("ui-state-hover");
    });

    Resource.GetResourceListing(Resource.RM_SORT_BY_TIME, Resource.RM_SORT_DECENDING, function(){
        Template.FillVideoTable(Resource.ResourceListing, $("#tabs-1"));
    });

    Resource.GetResourceListing(Resource.RM_SORT_BY_RATING, Resource.RM_SORT_DECENDING, function(){
        Template.FillVideoTable(Resource.ResourceListing, $("#tabs-2"));
    });

    Resource.GetResourceListing(Resource.RM_SORT_BY_RANDOM, Resource.RM_SORT_DECENDING, function(){
        Template.FillVideoTable(Resource.ResourceListing, $("#tabs-3"));
    });

});