/**
 * Created by davedavehong on 2015/9/3.
 */
var sly;

jQuery(function ($) {
    'use strict';
    // ==========================================================================
    //   Header example
    // ==========================================================================
    $("#mapGifWrapper").height($("#secD").height() - 40);
    $("#mapGif").height($("#secD").height() - 40);
    $("#mapGif").css("marginLeft", -($("#mapGif").width() - $("#mapGifWrapper").width()) / 2);
    var triggerMapSym = false;
    $("#triggerMap").click(function () {
        if (triggerMapSym) {
            $("#zddtBody").hide();
            $("#mapGifWrapper").show();
        } else {
            $("#zddtBody").show();
            $("#mapGifWrapper").hide();
        }
        triggerMapSym = !triggerMapSym;
    });
    $("#triggerMap").click();
    var $example = $('#example');
    var $frame = $example.find('.frame');
    sly = new Sly($frame, {
        horizontal: 1,
        itemNav: 'centered',
        activateMiddle: 1,
        smart: 1,
        activateOn: 'click',
        mouseDragging: 1,
        touchDragging: 1,
        releaseSwing: 1,
        startAt: null,
        scrollBy: 1,
        activatePageOn: 'click',
        speed: 200,
        moveBy: 600,
        elasticBounds: 1,
        dragHandle: 1,
        dynamicHandle: 1,
        clickBar: 1,

        //自动循环
        cycleBy: "items",
        cycleInterval: 20000,
        pauseOnHover: false,
        startPaused: false
    }).init();
    //
    var testRo = 1;
    sly.on('active', function (eventName, itemIndex) {
        var obj = $('.frame').find("li").eq(itemIndex);
        var lqid = $(obj).find("input").eq(0).val();
        var zsid = $(obj).find("input").eq(1).val();
        var qyid = $(obj).find("input").eq(2).val();
        loadSj(lqid, zsid, qyid);

        //切换风机状态图
        $("#mapGif").attr("src", "views/hkclient/common/map_gif/1" + testRo + ".gif");
        if (testRo) {
            testRo = 0;
        } else {
            testRo = 1;
        }
    });

    $("#secB").on("click", "li", function () {
        $("#secB").find("li").removeClass("active");
        $(this).addClass("active");
        var obj = $('.frame').find("li.active");
        var lqid = $(obj).find("input").val();
        hkclient.loadMobilePage("chartB", "getHkClient" + $(this).data("for") + "Main.htm?lqid=" + lqid);
    });

    $("#secA").on("click", "li", function () {
        $("#secA").find("li").removeClass("active");
        $(this).addClass("active");
        var obj = $('.frame').find("li.active");
        var lqid = $(obj).find("input").val();
        hkclient.loadMobilePage("chartA", "getHkClient" + $(this).data("for") + "Main.htm?lqid=" + lqid);
    });

    $(".cellName1").each(function(){
    	var wl = $(this).data("wl");
    	var zsmc = $(this).data("zsmc");
    	var length = zsmc.length;
    	var html = "";
    	var start = "<span class='glyphicon glyphicon-star'></span>";
    	if (wl != "1") {
    		if (length > 6) {
        		html = start +zsmc.substring(0,5)+"...";
        				}else {
        		html = start + zsmc;
        	}
    	}else {
    		if (length > 7) {
        		html = zsmc.substring(0,6)+"...";
        		}
    		else {
        		html = zsmc;
        	}
    	}
    	$(this).html(html);
    });
});