var SET_AREA_LAYOUT_URL = "/company/website2/layout/setAreaLayout.action";

/**
 * 上移
 * @param {Object} clickDivId 点击层的divid
 */
function areaMoveUp(clickDivId){
    var prevDiv = $('#' + clickDivId).prevAll("div[@id^=area]:visible");
    if (prevDiv.length == 0) 
        return;
    $(prevDiv[0]).animate({
        opacity: 0.5
    }, 500).animate({
        opacity: 1
    }, 500, function(){
        $(prevDiv[0]).before($('#' + clickDivId));
        face_text_init();
        var l_mulitId = getModuleID(clickDivId) + "|" + getModuleID($(prevDiv[0]).attr("id"));
        ajaxConnectionForLayout(SET_AREA_LAYOUT_URL, l_mulitId);
    });
}

/**
 * 下移
 * @param {Object} clickDivId
 */
function areaMoveDown(clickDivId){
    var nextDiv = $('#' + clickDivId).nextAll("div[@id^=area]:visible");
    if (nextDiv.length == 0) 
        return;
    $(nextDiv[0]).animate({
        opacity: 0.5
    }, 500).animate({
        opacity: 1
    }, 500, function(){
        $(nextDiv[0]).after($('#' + clickDivId));
        face_text_init();
        var l_mulitId = getModuleID(clickDivId) + "|" + getModuleID($(nextDiv[0]).attr("id"));
        ajaxConnectionForLayout(SET_AREA_LAYOUT_URL, l_mulitId);
    });
}

function ajaxConnectionForLayout(url, multiID){
    $.post(url, {
        "multiID": multiID
    }, function(data){
        //alert("Data Loaded:   " + data);
    });
}


/**
 * 删除区域模块
 * @param {Object} divId
 */
function delAreaModule(divId){
    $('#' + divId).hide();
    var l_mulitId = getModuleID(divId);
    var l_url = "/company/website2/layout/delAreaModule.action";
    ajaxConnectionForLayout(l_url, l_mulitId);
}

/**
 * divId: areaBDivIndex1111
 * @param {Object} divId
 * @return 1111
 */
function getModuleID(divId){
    return divId.substr(divId.toLowerCase().indexOf('index') + 5);
}


var showMoveDiv = function(obj, url){
    var offset = $(obj).offset();
    var height = $(obj).height();
    $('#moveDiv').attr('top', offset.top + height);
    $('#moveDiv').attr('left', offset.left);
    $('#moveDiv').show('fast');
}


/**
 * 版面初始化
 */
$(document).ready(function(){
    init_area_a();
    init_area_b();
});

/**
 * 最大导航显示条目visiable
 */
var NAVI_MAX_LEN = 9;

/**
 * 导航样式初始化
 */
var init_navi_links = function(){
    var naviCa = $("#naviCarouselLite");
    //9为一行显示LI数
    if (naviCa.find("li").size() > NAVI_MAX_LEN) {
        //生成滚动导航a
        var currentIndex = 0;
        var naviStart = 0;
        var a_array = $('a[@id^=naveModule_]');
        currentIndex = a_array.index(a_array.filter('.current')) + 1;
        //超过最大模块后导航起始序列
        if (currentIndex >= NAVI_MAX_LEN) {
            naviStart = currentIndex - NAVI_MAX_LEN + 1;
        }
        naviCa.parent().find('.moreButton').show();
        naviCa.jCarouselLite({
            btnNext: "#moreNext",
            btnPrev: "#moreBefore",
            start: naviStart,
            //显示navi最大条目
            visible: NAVI_MAX_LEN,
            circular: false
        });
    }
}




/**
 * A区初始化
 */
var init_area_a = function(){
    //初始化静态显示数据
    $('span[@tipid^=LAYOUTLANG]').each(function(){
        $(this).html(eval($.trim($(this).attr('tipid'))))
    })
    //初始化导航栏
    init_navi_links();
    //初始化招牌文字 
    face_text_init();
}

/**
 * 招牌文字展现初始化
 */
var face_text_init = function(){
    var zhaopaituwen = $(".zhaopaituwen");
    var offset = zhaopaituwen.offset();
    //前景
    var frontT = $('#frontText');
    var h = zhaopaituwen.height();
    var th = frontT.height();
    var dk = parseInt((h - th) / 2) + 2;
    frontT.css({
        top: (offset.top) + dk + 'px',
        left: (offset.left) + 'px',
        display: 'block'
    });
    //阴影
    $('#frontTextBack').css({
        top: (offset.top + 1 + dk) + 'px',
        left: (offset.left + 1) + 'px',
        display: 'block'
    }).show();
}

/**
 * B区初始化
 */
var init_area_b = function(){
    //
    var lang = $('#lang').val();
    lang = lang.toLowerCase();
    if (lang == 'en') {
        //$('span').attr('style', 'color:#616161;font-size:14px');
        $('span').css('.newsshow dd table tr');
        $('#username').html(LAYOUTLANG.B_USERNAME);
        $('#password').html(LAYOUTLANG.B_PASSWORD);
        $('#search_conent').html(LAYOUTLANG.B_SEARCH_TITLE);
        $('#login_button').val(LAYOUTLANG.B_LOGIN_BUTTON);
        $('#search_button').val(LAYOUTLANG.B_SEARCH_BUTTON);
        $('#product_no').html(LAYOUTLANG.B_PRODUCT_MES);
        //$('#links_no').html(LAYOUTLANG.B_LINKS_MES);
        $('span[@id=links_no]').html(LAYOUTLANG.B_LINKS_MES);
        $('#invite_no').html(LAYOUTLANG.B_INVITE_MES);
        $('#news_no').html(LAYOUTLANG.B_NEWS_MES);
        $('#intro_no').html(LAYOUTLANG.B_INTRO_MES);
        //修改登录宽
        //        $("input[@name^=sessionAccount]").attr('style', 'width:140px');
        $("input[@name=searchString]").attr('style', 'width:140px');
    }
}

/**
 * 删除LOGO
 * @param {Object} obj
 */
function showLogoDeleDiv(obj, face_info_id, delFlag){
    var offset = $("#" + obj).offset();
    var height = $("#" + obj).height();
    $("#logo_del_").unbind("click").click(function(){
        $.post('/company/website2/c_websetting!deleFaceLogo.action', {
            face_info_id: face_info_id
        }, layout_face_reload())
        $('#logo_da_div').hide();
        return false;
    });
    $("#logo_add_").unbind("click").click(function(){
        showEditorPanel('/company/website2/c_websetting!faceEditInput.action', 'face');
        $('#logo_da_div').hide();
        return false;
    });
    if (delFlag == 'del') {
        $('#logo_da_div').css('top', offset.top + height + 'px').css('left', offset.left + 'px').show().find('li').show().filter('#logo_add_').hide();
        
    }
    else {
        $('#logo_da_div').css('top', offset.top + height + 'px').css('left', offset.left + 'px').show().find('li').show().filter('#logo_del_').hide();
    }
}


/**
 * @param {Object} obj        点击编辑对象 如main_c.jsp 第10行
 * @param {Object} url        编辑层点开来 中编辑内容的链接  如果象登录这种没有的请输入空
 * @param {Object} area       所在区块   mainright  mainleft
 * @param {Object} divid      所在模块 boxoutline 的 divid
 * @param {object} noUpdateAlias 不显示修改别名
 * @param {object} noDeleteView   不显示删除模块
 * @param {object} panelModule 编辑的模块名称
 * @author luojun
 */
var showMoveDiv = function(obj, url, area, divid, noUpdateAlias, noDeleteView, panelModuleName){
    var offset = $("#" + obj).offset();
    var height = $("#" + obj).height();
    
    $('#moveDiv').css('top', offset.top + height + 'px').css('left', offset.left - 62 + 'px');
    $('#moveDiv li').show();
    
    if (noUpdateAlias == '1') {
        $("#editAlias").hide();
    }
    else {
        $("#editAlias").show();
    }
    if (noDeleteView == '1') {
        $("#delModule").hide();
    }
    else {
        $("#delModule").show();
    }
    //	var areasize = $('#'+area).find("div[@id^=area]").size();
    
    $("#editup").unbind("click");
    $("#editdown").unbind("click");
    $("#delModule").unbind("click");
    $("#editAlias").unbind("click");
    $("#editModule").unbind("click");
    $('#editModule').click(function(){
        if (panelModuleName) {
            showEditorPanel(url, panelModuleName);
            $('#moveDiv').hide();
        }
        else {
            document.location.href = url;
        }
        return false;
    });
    $("#editup").click(function(){
        areaMoveUp(divid);
        $('#moveDiv').hide('fast');
        return false;
    });
    $("#editdown").click(function(){
        areaMoveDown(divid);
        $('#moveDiv').hide('fast');
        return false;
    });
    $("#delModule").click(function(){
        delAreaModule(divid);
        $('#moveDiv').hide('fast');
        return false;
    });
    $("#editAlias").click(function(){
        modifyAliasNameInput(getModuleID(divid));
        $('#moveDiv').hide('fast');
        return false;
    });
    if (url == "") {
        $('#editModule').hide();
    }
    else {
        $('#editModule').show();
    }
    $('#moveDiv').show();
}

/**
 * @param {Object} obj
 * @param {Object} parentDiv
 */
var showAddModuleDiv = function(obj, parentDiv){
    setShowDivLocation(obj, 'addAreaModuleDiv');
    $('#add_module_list_id').html('');
    var hiddenDiv = $('#' + parentDiv + ' div[@id^=area]:hidden');
    //hidden为0 没有可添加模块
    if (hiddenDiv.length == 0) {
        var l_add_moudle_li = '<li><a href="#" id="add_module_li_no">没有可添加模块</a></li>';
        $('#add_module_list_id').append(l_add_moudle_li);
        $("#add_module_li_no").click(function(){
            $('#addAreaModuleDiv').hide();
            return false;
        });
    }
    
    for (var j = 0; j < hiddenDiv.length; j++) {
        var moduleName = $(hiddenDiv[j]).find('div .boxtopouttitlebg').html();
        var divId = $(hiddenDiv[j]).attr('id');
        
        var l_add_moudle_li = '<li><a href="#" id="add_module_li_' + j + '" name="' + divId + '">' + moduleName + '</a></li>';
        $('#add_module_list_id').append(l_add_moudle_li);
        $("#add_module_li_" + j).click(function(j, moduleName){
            addModule(this.id);
            $('#addAreaModuleDiv').hide(); //隐藏
            return false;
        });
        //alert(moduleName);
    }
    
    $('#addAreaModuleDiv').show(); //显示show
}

/**
 * 添加模块
 * @param {Object} divId
 */
function addModule(divId){
    var divId = $('#' + divId).attr('name');
    $('#' + divId).show();
    var l_mulitId = getModuleID(divId);
    var l_url = "/company/website2/layout/addAreaModule.action";
    
    $('#modifyAliasDiv' + l_mulitId + '_2').hide();
    $('#modifyAliasDiv' + l_mulitId + '_1').show();
    
    ajaxConnectionForLayout(l_url, l_mulitId);
}


function modifyAliasNameInput(moduleId){
    $('#modifyAliasName' + moduleId).val($.trim($('#modifyAliasDiv' + moduleId + '_1').text()));
    $('#modifyAliasDiv' + moduleId + '_1').hide();
    $('#modifyAliasDiv' + moduleId + '_2').show();
    $('#modifyAliasName' + moduleId).focus();
}

function modifyAliasNameFocus(moduleId){
    $('#modifyAliasDiv' + moduleId + '_2').hide();
    $('#modifyAliasDiv' + moduleId + '_1').show();
    
    //新的text值
    var l_newModuleName = $.trim($('#modifyAliasName' + moduleId).val());
    
    var l_url = "/company/website2/f_website2_moduleNameUpdate.action";
    
    var l_map = {
        id: moduleId,
        moduleName: l_newModuleName
    };
    
    if (l_newModuleName == '') {
        return;
    }
    
    if (getByteLength(l_newModuleName) > 12) {
        return;
    }
    
    $.post(l_url, l_map, function(result){
        if (result == 'success') {
            $('#modifyAliasDiv' + moduleId + '_1').text(l_newModuleName);
        }
    });
}


/**
 * @param {Object} obj
 * @param {Object} divId
 */
function setShowDivLocation(obj, divId){
    var offset = $("#" + obj).offset();
    var height = $("#" + obj).height();
    var top = offset.top;
    var left = offset.left;
    $('#' + divId).css('top', offset.top + height + 'px');
    $('#' + divId).css('left', offset.left - 32 + 'px');
}

/**
 * 显示编辑区（包括皮肤，框架，主题，招牌编辑区）
 */
function showEditorPanel(url, panelModuleName){
    //上层语言
    var layout_lang = $('#layout_lang').val();
    //editpanel加载内容
    $('#editPanel').load(url, {
        lang: layout_lang
    }, function(){
        //ajax加载效果初始化
        ajax_loading_();
        
        //招牌
        if (panelModuleName == 'face') {
            //加载分页
            load_face_lib_page(1);
            //字体变大小初始化
            font_size_change_init();
            //字体变化初始化
            font_font_change_init();
            //color picker init
            init_cp();
            if ($.browser.mozilla) {
                //Mozilla的基于DOM的滚轮事件 
                window.addEventListener('DOMMouseScroll', close_edit_face_txt_editorPanel, false);
            }
            else 
                //mousewheel时消失编辑层 IE/Opera
                window.onmousewheel = document.onmousewheel = close_edit_face_txt_editorPanel;
        }
        //主题
        if (panelModuleName == 'subject') {
            load_sub_lib_page(1);
        }
        //框架选择 
        if (panelModuleName == 'struc') {
            //框架选择初始化操作 
            struc_input_init();
        }
        //打开公共编辑区
        open_editorPanel();
    });
    //else if theme skin structure
}

/**
 * 招牌关闭编辑层时保存招牌内容
 * @param {Object} event
 */
function close_edit_face_txt_editorPanel(event){
    //保存企业招牌文字修改
    edit_face_txt($('#edit_faceinfo_id').val());
    //关闭编辑
    close_editorPanel();
    
}




/**
 * 关闭版面编辑层(框架，皮肤，主题，招牌共用）
 */
function close_editorPanel(){
    $('#editPanel').hide();
    jQuery.unblockUI('#editPanel');
    //color picker close关color面板
    $(".colorpicker").hide();
}

/**
 * 打开版面编辑层(框架，皮肤，主题，招牌共用）
 */
function open_editorPanel(){
    jQuery.blockUI({
        message: jQuery('#editPanel'),
        css: {
            padding: 0,
            margin: 0,
            width: '50%',
            top: '5%',
            left: '25%',
            border: '0px solid #606060',
            cursor: 'auto'
        },
        overlayCSS: {
            backgroundColor: '#eee',
            opacity: '0.3',
            cursor: 'auto'
        },
        fadeout: 0,
        baseZ: 900,
        centerX: true,
        centerY: true,
        allowBodyStretch: true,
        applyPlatformOpacityRules: true
    });
}

/**
 * CP初始化
 */
function init_cp(){
    $('#colorSelector').ColorPicker({
        //        color: '#0000ff',
        onShow: function(colpkr){
            $(colpkr).fadeIn();
            return false;
        },
        onHide: function(colpkr){
            $(colpkr).fadeOut();
            return false;
        },
        onChange: function(hsb, hex, rgb){
            $('#colorSelector div').css('backgroundColor', '#' + hex);
            $('input#hidden_faceContentColor').val('#' + hex);
        }
    });
}

/**
 * 版面部分重新加载招牌
 */
function layout_face_reload(){
    //取头前的语言项
    $('div.zhaopai2').parent().load("/company/website2/layout/showAreaAAction.action" + ' div.zhaopai2', {
        lang: $('input#layout_lang').val()
    }, function(){
        if ($.browser.mozilla) {
            //Mozilla的基于DOM的滚轮事件 
            window.removeEventListener('DOMMouseScroll', close_edit_face_txt_editorPanel, false);
        }
        else {
            window.onmousewheel = document.onmousewheel = function(){
            }
        }
        face_text_init();
    });
}

/**
 * 版面部分重新加载主题
 */
function layout_theme_reload(){
    $('#head  div.zhuti').parent().load("/company/website2/layout/showAreaAAction.action" + ' div.zhuti', {
        lang: $('input#layout_lang').val()
    });
}

/**
 * 版面部分重新加载皮肤
 */
function layout_skin_reload(){
    //TODO
}

/**
 * 版面部分重新加载框架
 */
function layout_structure_reload(checkVal){
    if (checkVal == '1') {
        $('#mainleft').attr('style', "float:left");
        $('#mainright').attr('style', "float:right");
    }
    if (checkVal == '2') {
        $('#mainleft').attr('style', "float:right");
        $('#mainright').attr('style', "float:left");
    }
}