/* 左边菜单 */
$(function() {
	//加载所有城�?
	var city=new Vcity.CitySelector({input:'citySelect'});
	
    $("#stusn-form input[name='start_date']").datetimepicker({
        language : 'zh-CN',
        format : 'yyyy-mm-dd hh:ii',
        autoclose : true
    }).on('changeDate', function(e) {
        var startTime = e.date;
        $("#stusn-form input[name='end_date']").datetimepicker('setStartDate', startTime);
    }).datetimepicker('setStartDate', new Date());
    $("#stusn-form input[name='end_date']").datetimepicker({
        language : 'zh-CN',
        format : 'yyyy-mm-dd hh:ii',
        autoclose : true
    });
    $("#stusn-form input[name='jion_deadline']").datetimepicker({
        language : 'zh-CN',
        format : 'yyyy-mm-dd hh:ii',
        autoclose : true
    }).datetimepicker('setStartDate', new Date());

    $("#zcy_beginTime").datetimepicker({
        language : 'zh-CN',
        format : 'yyyy-mm-dd',
        minView : 2,
        autoclose : true
    }).on('changeDate', function(e) {
        var startTime = e.date;
        $("#zcy_endTime").datetimepicker('setStartDate', startTime);
    });
    $("#zcy_endTime").datetimepicker({
        language : 'zh-CN',
        format : 'yyyy-mm-dd',
        minView : 2,
        autoclose : true
    });

    $("#ccy_beginTime").datetimepicker({
        language : 'zh-CN',
        format : 'yyyy-mm-dd',
        minView : 2,
        autoclose : true
    }).on('changeDate', function(e) {
        var startTime = e.date;
        $("#ccy_endTime").datetimepicker('setStartDate', startTime);
    });
    $("#ccy_endTime").datetimepicker({
        language : 'zh-CN',
        format : 'yyyy-mm-dd',
        minView : 2,
        autoclose : true
    });

    $("#fq_beginTime").datetimepicker({
        language : 'zh-CN',
        format : 'yyyy-mm-dd',
        minView : 2,
        autoclose : true
    }).on('changeDate', function(e) {
        var startTime = e.date;
        $("#fq_endTime").datetimepicker('setStartDate', startTime);
    });
    $("#fq_endTime").datetimepicker({
        language : 'zh-CN',
        format : 'yyyy-mm-dd',
        minView : 2,
        autoclose : true
    });
    if($("#communityLocation").val()!=null&&$("#communityLocation").val()!=""){
    	$("#citySelect").val($("#communityLocation").val());
    }else{

    	//获取当前位置
	    $.ajax({
	        type: "get",
	        async: false,
	        url: "//api.map.baidu.com/location/ip?ak=5cf32b027c8927baa94c0fc655ab422a&qq-pf-to=pcqq.discussion",
	        dataType: "jsonp",
	        jsonp: "callback",//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数�?一般默认为:callback)
	        jsonpCallback:"addressHandler",//自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名，也可以�??"，jQuery会自动为你处理数�?
	        success: function(json){
				//console.info(json);
				//var ajaxAddress = $("#ajaxAddress").text();
				//console.info("ajaxAddress:"+ajaxAddress);
				$("#citySelect").val(json.content.address);
	        },
	        error: function(){
	            console.info('fail');
	        }
	    });
    }
    initLeftMent();
    fromSubmit();
    moreSTuanEvent();
    viewSTuanEvent();
    stuanJoin();
    stuanQuery();
    viewjionedUserEvent();
});

/**
 * 搜索
 */
function stuanQuery() {
    // 我正在参与的S�?
    $("#btn_query_zcy").click(function() {
        var benginTime = $(this).parent().find("input.begin").val();
        var endTime = $(this).parent().find("input.end").val();
        var clas = $(this).attr("data_id");
        var $div = $("div." + clas);
        $.post("queryMyJoinSTuans.htm", {
            'benginDate' : benginTime,
            'endDate' : endTime
        }, function(result) {
            if (result.succee) {
                var tuanDiv = "";
                // 动态构造内�?
                $.each(result.stuans, function(key, value) {
                    tuanDiv = tuanDiv + createSTuanListDiv(value);
                });
                $div.empty();
                if (tuanDiv != "") {
                    $div.append(tuanDiv);
                    // 重新加载以后，需要重新注册事�?
                    viewSTuanEvent();
                } else {
                    $div.append("没有找到相关的S团！");
                }
            } else {
                if (!result.isLogin) {
                    window.location.href = $("#btn-signUp .btn").attr("href");
                } else {
                    alert(result.msg)
                }
            }
        }, "json");
    });
    // 我曾参与的S�?
    $("#btn_query_ccy").click(function() {
        var benginTime = $(this).parent().find("input.begin").val();
        var endTime = $(this).parent().find("input.end").val();
        var clas = $(this).attr("data_id");
        var $div = $("div." + clas);
        $.post("queryMyOnceJoinSTuans.htm", {
            'benginDate' : benginTime,
            'endDate' : endTime
        }, function(result) {
            if (result.succee) {
                var tuanDiv = "";
                // 动态构造内�?
                $.each(result.stuans, function(key, value) {
                    tuanDiv = tuanDiv + createSTuanListDiv(value);
                });
                $div.empty();
                if (tuanDiv != "") {
                    $div.append(tuanDiv);
                    // 重新加载以后，需要重新注册事�?
                    viewSTuanEvent();
                } else {
                    $div.append("没有找到相关的S团！");
                }
            } else {
                if (!result.isLogin) {
                    window.location.href = $("#btn-signUp .btn").attr("href");
                } else {
                    alert(result.msg)
                }
            }
        }, "json");
    });
    // 我发布的S�?
    $("#btn_query_fq").click(function() {
        var benginTime = $(this).parent().find("input.begin").val();
        var endTime = $(this).parent().find("input.end").val();
        var clas = $(this).attr("data_id");
        var $div = $("div." + clas);
        $.post("queryMyReleaseJoinSTuans.htm", {
            'benginDate' : benginTime,
            'endDate' : endTime
        }, function(result) {
            if (result.succee) {
                var tuanDiv = "";
                // 动态构造内�?
                $.each(result.stuans, function(key, value) {
                    tuanDiv = tuanDiv + createSTuanListDiv(value, true);
                });
                $div.empty();
                if (tuanDiv != "") {
                    $div.append(tuanDiv);
                    // 重新加载以后，需要重新注册事�?
                    viewSTuanEvent();
                    viewjionedUserEvent();
                } else {
                    $div.append("没有找到相关的S团！");
                }
            } else {
                if (!result.isLogin) {
                    window.location.href = $("#btn-signUp .btn").attr("href");
                } else {
                    alert(result.msg)
                }
            }
        }, "json");
    });
}

function createSTuanListDiv(item, isShowBtn) {
    // var divStr = "";
    // divStr = divStr + '<div   id="vgwymdcbaa"    class="col-md-6">';
    // divStr = divStr + '<a class="viewStuan" data_id="' + item.tuan_no + '">';
    // divStr = divStr + ' <img src="' + $("#imageStr").val() + item.image + '"/>';
    // divStr = divStr + '</a>';
    // divStr = divStr + '<h5>';
    // divStr = divStr + ' <span>' + item.title + '</span>';
    // divStr = divStr + '</h5>';
    // divStr = divStr + '<p>';
    // divStr = divStr + ' <small>';
    // divStr = divStr + ' 发起者： ';
    // divStr = divStr + ' <span>' + item.sponsor_user_name + '</span>';
    // divStr = divStr + ' </small>';
    // divStr = divStr + ' <br />';
    // divStr = divStr + ' <small>' + item.publish_date_str + '</small>';
    // divStr = divStr + ' </p>';
    // divStr = divStr + '</div>';
    var divStr = "";
    divStr = divStr + '<div   id="vgwymdcbaa"    class="col-md-6">';
    divStr = divStr + ' <a class="viewStuan" data_id="' + item.tuan_no + '">';
    divStr = divStr + '     <img src="' + $("#imageStr").val() + item.image + '"/>';
    divStr = divStr + '	</a>';
    divStr = divStr + '	<h5>';
    divStr = divStr + '		<span>' + item.title + '</span> <span style="float: right;"> 发起者： <span>' + item.sponsor_user_name + '</span></span>';
    divStr = divStr + '	</h5>';
    divStr = divStr + '	<p>';
    divStr = divStr + '	    <small>活动时间�?span>' + item.start_date_str + '</span>�?span>' + item.end_date_str + '</span></small>';
    divStr = divStr + '		<br />';
    divStr = divStr + '		<small>活动地点�?<span>' + item.location + '</span></small>';
    divStr = divStr + '		<br/>';
    divStr = divStr + '		<small>报名截止时间�?span>' + item.jion_deadline_str + '</span></small>';
    divStr = divStr + '     <br/>';
    divStr = divStr + '     <small>活动内容�?span>' + item.content + '</span></small>';
    divStr = divStr + '     <br/>';
    divStr = divStr + '     <small>人数限制�?span>' + item.count_limit + '</span>�?/small>';
    divStr = divStr + '     <br/>';
    divStr = divStr + '     <small>��用�?span>' + (item.fee == 0 ? '免费' : item.fee) + '</span></small>';
    divStr = divStr + '     <br/>';
    divStr = divStr + '     <small>注意事项�?span>' + item.announcements + '</span></small>';
    divStr = divStr + '     <br/>';
    divStr = divStr + '     <small>已报名人数：<span>' + item.count_jioned + '</span></small>';
    divStr = divStr + '	</p>';
    if (isShowBtn) {
        divStr = divStr + '	<p>';
        divStr = divStr + '	    <button class="btn_jioned" data_id="' + item.tuan_no + '">点击查看报名人信�?/button>';
        divStr = divStr + '	</p>';
    }
    divStr = divStr + '</div>';
    return divStr;
}

/**
 * 报名
 */
function stuanJoin() {
    jQuery.validator.addMethod("phone", function(value, element, param) {
        var tel = /^1\d{10}$/;
        return this.optional(element) || (tel.test(value));
    }, $.validator.format("请输入正确的手机号码"));
    $("#stuan_signUp_form").validate({
        submitHandler : function(form) {
            if ($("#stuan_signUp_form .btn:visible").text() != '您已报名') {
                $.post("joinSTuan.htm", {
                    'tuanNo' : $("#st_tuan_no").val(),
                    'phone' : $("#st_phone").val()
                }, function(result) {
                    if (result.succee) {
                        $("#btn-signUp").hide();
                        $("#btn-isSignUp").show();
                        alert(result.msg);
                    } else {
                        if (!result.isLogin) {
                            window.location.href = $("#btn-signUp .btn").attr("href");
                        } else {
                            alert(result.msg);
                        }
                    }
                }, "json");
            }
        },
        rules : {
            "phone" : {
                required : true,
                phone : true
            }
        },
        messages : {
            "phone" : {
                required : "请输入手机号�?
            }
        },
        success : function(label, element) {
            // 正确时的样式
            label.text(" ").addClass("success");
            // 正确时的样式
            $(element).removeAttr("style");
        },
        onkeyup : true,
        onclick : true,
        errorPlacement : function(error, element) {
            error.appendTo(element.parent());
            $(error).attr("style", "color:red");
            $(element).attr("style", "border:1px solid red");
        }
    });
}

/**
 * 查看S团报名人员列表信�?
 */
function viewjionedUserEvent() {
    var $st_image = $("#stj_image");
    var imageSrc = $("#st_image_path").val();
    $("#jionedModal #btn-mytuan").click(function() {
        $("#jionedModal").modal("hide");
    });
    $("#btn_jioned").unbind('click').click(function() {
        var tuan_no = $(this).attr("data_id");
        $.post("viewSTuan.htm", {
            'tuanNo' : tuan_no
        }, function(result) {
            if (result) {
                $st_image.attr("src", imageSrc + result.image);
                var userA = "";
                $.each(result.jioned_users, function(key, value) {
                    userA = userA + '<a target="_blank" href="' + $("#st_riji_url").val() + value.join_user_id + '">';
                    if (value.join_user_image) {
                        userA = userA + '<img src="' + $("#st_user_image").val() + value.join_user_image + '"/>';
                    } else {
                        userA = userA + '<img src="' + $("#st_user_default_image").val() + '"/>';
                    }
                    userA = userA + '   <p>';
                    userA = userA + '       <span class="userName">' + value.join_user_name + '</span>';
                    userA = userA + '       <span>联系方式�? + value.join_user_phone + '</span>';
                    userA = userA + '   </p>';
                    userA = userA + '</a>'; 
                });
                $("#jionedModal div.userlist").html(userA);
                $("#jionedModal").modal("show");
            } else {
                alert("查看S团信息失败！");
            }
        }, 'json');
    });
}

/**
 * 查看S团事件注�?
 */
function viewSTuanEvent() {
    var $st_tuan_no = $("#st_tuan_no");
    var $st_image = $("#st_image");
    var $st_title = $("#st_title");
    var $st_start_date = $("#st_start_date");
    var $st_end_date = $("#st_end_date");
    var $st_location = $("#st_location");
    var $st_content = $("#st_content");
    var $st_jion_deadline = $("#st_jion_deadline");
    var $st_count_limit = $("#st_count_limit");
    var $st_need_mobile = $("#st_need_mobile");
    var $st_phone = $("#st_phone");
    var $st_fee = $("#st_fee");
    var $st_announcements = $("#st_announcements");
    var $st_count_jioned = $("#st_count_jioned");
    var $st_jioned_user = $("#st_jioned_user");
    var $st_notes = $("#st_notes");
    $st_need_mobile.find("a").attr("readonly", "readonly");
    var imageSrc = $("#st_image_path").val();

    $("#signUpModal #btn-mytuan").click(function() {
        $("#signUpModal").modal("hide");
    });
    $("a.viewStuan").unbind('click').click(function() {
        var tuan_no = $(this).attr("data_id");
        $st_phone.removeAttr("readonly");
        $.post("viewSTuan.htm", {
            'tuanNo' : tuan_no
        }, function(result) {
            if (result) {
                $st_tuan_no.val(result.tuan_no);
                $st_image.attr("src", imageSrc + result.image);
                $st_title.text(result.title);
                $st_start_date.text(result.start_date);
                $st_end_date.text(result.end_date);
                $st_location.text(result.location);
                $st_content.text(result.content);
                $st_jion_deadline.text(result.jion_deadline);
                $st_count_limit.text(result.count_limit);
                if (result.is_my_stuan) {
                    $st_need_mobile.show();
                    $st_need_mobile.find(".td1").text("需要手机报�?);
                    $st_need_mobile.find(".td2 input").hide();
                    $st_need_mobile.find(".td2 span").show();
                    if ("1" == result.need_mobile) {
                        $st_need_mobile.find(".td2 span").text("�?);
                    } else {
                        $st_need_mobile.find(".td2 span").text("�?);
                    }
                } else {
                    $st_need_mobile.find(".td1").text("手机�?);
                    $st_need_mobile.find(".td2 span").hide();
                    $st_need_mobile.find(".td2 input").show();
                    if ("1" == result.need_mobile) {
                        $st_need_mobile.show();
                    } else {
                        $st_need_mobile.hide();
                    }
                }
                $st_fee.text(result.fee == 0 ? "免费" : result.fee);
                $st_announcements.text(result.announcements);
                $st_count_jioned.text(result.count_jioned);
                var userA = "";
                $.each(result.jioned_users, function(key, value) {
                    userA = userA + '<a target="_blank" href="' + $("#st_riji_url").val() + value.join_user_id + '">';
                    if (value.join_user_image) {
                        userA = userA + '<img src="' + $("#st_user_image").val() + value.join_user_image + '"/>';
                    } else {
                        userA = userA + '<img src="' + $("#st_user_default_image").val() + '"/>';
                    }
                    userA = userA + '</a>';
                });
                $st_jioned_user.html(userA);
                $st_notes.text(result.notes);
                if (result.is_my_stuan) {
                    $("#btn-mytuan").show();
                    $("#btn-signUp").hide();
                    $("#btn-isSignUp").hide();
                    $st_phone.attr("readonly", "readonly");
                } else {
                    $("#btn-mytuan").hide();
                    if (result.is_jioned) {
                        $("#btn-signUp").hide();
                        $("#btn-isSignUp").show();
                        $st_phone.val(result.jioned_phone);
                        $st_phone.attr("readonly", "readonly");
                    } else {
                        $("#btn-signUp").show();
                        $("#btn-isSignUp").hide();
                    }
                }
                $("#signUpModal").modal("show");
            } else {
                alert("查看S团信息失败！");
            }
        }, 'json');
    });
}

/**
 * S团更多按钮事�?
 */
function moreSTuanEvent() {
    $("#hot_more").click(function() {
        loadMoreSTuan(1);
        viewSTuanEvent();
        $('.hot-more').show();
        $('.cat_detail').hide();
    });
}

/**
 * 异步加载S团分页数�?
 * 
 * @param pageNum
 *            页码
 */
function loadMoreSTuan(pageNum) {
    if (!pageNum) {
        pageNum = 1;
    }
    $.post("moreSTuan.htm", {
        'pageNum' : pageNum
    }, function(result) {
        if (result) {
            var tuanDiv = "";
            // 动态构造内�?
            $.each(result.stuans, function(key, value) {
                tuanDiv = tuanDiv + createTuanDiv(value);
            });
            $("div.hot-more  div.row").empty();
            $("div.hot-more  div.row").append(tuanDiv);

            // 动态构造分页条
            var page = createTuanPageA(result.pageCount, pageNum);
            $("div.hot-more ul.pagination").empty();
            $("div.hot-more ul.pagination").append(page);
        }
    }, "json");
}

function createTuanPageA(countPage, pageNum) {
    var page = '<li><span><a href="javascript:loadMoreSTuan(1);">首页</a></span></li>';
    page = page + '<li><span><a href="javascript:loadMoreSTuan(' + ((pageNum - 1) <= 0 ? 1 : (pageNum - 1)) + ');">&lt;</a></span></li>';
    for (var i = 1; i <= countPage; i++) {
        page = page + '<li><span><a href="javascript:loadMoreSTuan(' + i + ');">' + i + '</a></span></li>';
    }
    page = page + '<li><span><a href="javascript:loadMoreSTuan(' + ((pageNum + 1) > countPage ? countPage : (pageNum + 1)) + ');">&gt;</a></span></li>';
    page = page + '<li><span><a href="javascript:loadMoreSTuan(' + countPage + ');">末页</a></span></li>';
    return page;
}

/**
 * 创建S团Div标签
 * 
 * @param value
 * @returns {String}
 */
function createTuanDiv(value) {
    var tuanDiv = '';
    var userImageSrc = $("#userImage").val();
    var notUserImageSrc = $("#notUserImage").val();
    if (value) {
        tuanDiv = tuanDiv + '<div   id="vgwymdcbaa"    class="col-md-6 hot-cont clearfix">';
        tuanDiv = tuanDiv + '<a class="clearfix viewStuan" data_id="' + value.tuan_no + '" href="javascript:viewSTuanEvent();">';
        tuanDiv = tuanDiv + '    <div   id="vgwymdcbaa"    class="pull-left">';
        if (value.sponsor_user_image || '') {
            tuanDiv = tuanDiv + '        <img class="hot-img" src="' + userImageSrc + value.sponsor_user_image + '"/>';
        } else {
            tuanDiv = tuanDiv + '        <img class="hot-img" src="' + notUserImageSrc + '"/>';
        }
        tuanDiv = tuanDiv + '    </div>';
        tuanDiv = tuanDiv + '    <div   id="vgwymdcbaa"    class="hot-img-div">';
        tuanDiv = tuanDiv + '        <h5>';
        tuanDiv = tuanDiv + '            <span class="name">' + value.title + '</span> ';
        // if (value.sponsor_user_name || '') {
        // tuanDiv = tuanDiv + ' <span class="name">' + value.sponsor_user_name + '</span> ';
        // } else {
        // tuanDiv = tuanDiv + ' <span class="name">' + value.sponsor_login_name + '</span> ';
        // }
        tuanDiv = tuanDiv + '            <small class="pull-right"> ' + value.count_jioned + '�?<br /> 已报�?/small>';
        tuanDiv = tuanDiv + '        </h5>';
        tuanDiv = tuanDiv + '    </div>';
        tuanDiv = tuanDiv + '</a>';
        tuanDiv = tuanDiv + '</div>';
    }
    return tuanDiv;
}

/**
 * 表单提交，并且增加验证器
 * 
 * @param from
 *            待提交的form表单（Jquery对象�?
 * @param submifun
 *            提交成功事件
 * @param addWords
 */
function fromSubmit() {
    $("#stusn-form").validate({
        submitHandler : function(form) {
            if ($("#doc").val() || '') {
                // 先异步上传图�?
                $.ajaxFileUpload({
                    url : 'uploadSTuanImage.htm', // 用于文件上传的服务器端请求地址
                    secureuri : false, // 一般设置为false
                    fileElementId : "doc", // 文件上传控件的id属�?<input type="file" id="file" name="file" /> 注意，这里一定要有name�?
                    // $("form").serialize(),表单序列化。指把所有元素的ID，NAME 等全部发过去
                    dataType : 'json',// 返回值类�?一般设置为json
                    complete : function(data) {// 只要完成即执行，最后执�?
                    },
                    success : function(data, status) {// 服务器成功响应处理函�?
                        if (data.success) {
                            $("#image").val(data.imgName);
                            // 然后异步提交数据
                            var dataPara = getFormJson(form);
                            $.ajax({
                                url : form.action,
                                type : form.method,
                                dataType : "text",
                                data : dataPara,
                                success : function(data) {
                                    var result = JSON.parse(data);
                                    if (!result.succee) {
                                        alert(result.msg);
                                    } else {
                                        alert("发布成功");
                                        window.location.reload();
                                    }
                                }
                            });
                            return false;

                        } /* * 这里就是做一些其他操作，比如把图片显示到某控件中去之类的�?*/
                    },
                    error : function(data, status, e) {// 服务器响应失败处理函�?
                        alert(e);
                    }
                });
            } else {
                alert("请选择活动图片�?);
            }
        },
        rules : {
            title : {
                required : true
            },
            "start_date" : {
                required : true
            },
            "end_date" : {
                required : true
            },
            "location" : {
                required : true
            },
            "content" : {
                required : true
            },
            "jion_deadline" : {
                required : true
            },
            "count_limit" : {
                required : true,
                digits : true
            },
            "fee" : {
                required : true,
                number : true
            },
            "announcements" : {
                required : true
            },
            "notes" : {
                required : true
            }
        },
        success : function(label, element) {
            // 正确时的样式
            $(element).removeAttr("style");

        },
        onclick : true,
        onfocusout : true,
        errorPlacement : function(error, element) {
            $(element).attr("style", "border:1px solid red;");
        }
    });
}

// 将form中的值转换为键值对�?
function getFormJson(frm) {
    var o = {};
    var a = $(frm).serializeArray();
    $.each(a, function() {
        if (o[this.name] !== undefined) {
            if (!o[this.name].push) {
                o[this.name] = [ o[this.name] ];
            }
            o[this.name].push(this.value || '');
        } else {
            o[this.name] = this.value || '';
        }
    });
    return o;
}
//切换城市
function selectCity(){
	setTimeout(function(){
	if($("#citySelect").val()==""){
	return false;
	}
	         $.ajax({
	             type: "post",
	             url: "ajax_setLocation.htm",
	             data: {location:$("#citySelect").val()},
	             dataType: "json",
	             success: function(data){
	            	 	if(data.succee){
	            	 		$("#ajaxAddress").text(data.location);
	                      }else{
	                    	  alert(data.msg);
	                      }
	             }	
	         });
	}, 500);
	
}
/**
 * 初始化左边菜�?
 */
function initLeftMent() {
    $(".prev_pic,.next_pic").hover(function() {
        $(this).fadeTo("show", 0.5);
    }, function() {
        $(this).fadeTo("show", 0.2);
    })
    $(".cat_brand").slide({
        effect : "left",
        autoPlay : false,
        interTime : 3000,
        delayTime : 700
    });
    $("#tmall_nav").slide({
        titCell : ".cate_nav li",
        mainCell : ".tmall_cat_content",
        autoPlay : false,
        interTime : 7400,
        delayTime : 0
    });
    $('.cate_nav li').click(function() {
        $('.hot-more').hide();
        $('.cat_detail').show();
    });
}