$(document).ready(function() {
    $("#pop1").css("opacity", 1);
    $("#pop2").css("opacity", 1);
    $("#pop3").css("opacity", 1);

    $("#btn1 a").click(ChangeCss1);
    $("#btn2 a").click(ChangeCss2);
    $("#btn3 a").click(ChangeCss3);

    $(".shDetail").mousemove(function(e) {
        var obj = this;
        var id = obj.id;
        var detail = "#popDetail_"
        //  SetValue(detail+id,obj.shape);
        //The sharp property not work in IE8X
        var name = $(this).text();
        if (name.match("能源") == null) {
            //alert("能源");
        }
        var Content = obj.shape;

        $(this).simpletip({ position: 'right', offset: [30, -10], content: Content });
    }).mouseout(function(e) {
        var obj = this;
        var id = obj.id;
        var detail = "#popDetail_"
        SetValue(detail + id, "");
    });

});
	
	function ChangeCss1(){	
	    var obj="#btn1 a";
		var cnm = $(obj).attr("class");
		if (cnm != "selected")
		{
		  var thisTarget = $(this).attr("href");
		  $(obj).removeClass("selected");
		  $(obj+"[@href="+thisTarget+"]").addClass("selected");
		  FunDown("pop2");
		  FunDown("pop3");
		  $("#btn2 a").removeClass("selected");
		  $("#btn3 a").removeClass("selected");
		  funUp("pop1");
		}
		else
		{
			RemoveSelected();
			FunDown("pop1");
		}				
	}
	
	function ChangeCss2(){	
	    var obj="#btn2 a";
		var cnm = $(obj).attr("class");
		if (cnm != "selected")
		{
		  var thisTarget = $(this).attr("href");
		  $(obj).removeClass("selected");
		  $(obj+"[@href="+thisTarget+"]").addClass("selected");
		  FunDown("pop1");
		  FunDown("pop3");
		  $("#btn1 a").removeClass("selected");
		  $("#btn3 a").removeClass("selected");
		  funUp("pop2");
		}
		else
		{
			RemoveSelected();
			FunDown("pop2");	
		}				
	}
	
	function ChangeCss3(){	
	    var obj="#btn3 a";
		var cnm = $(obj).attr("class");
		if (cnm != "selected")
		{
		  var thisTarget = $(this).attr("href");
		  $(obj).removeClass("selected");
		  $(obj+"[@href="+thisTarget+"]").addClass("selected");
		  FunDown("pop1");
		  FunDown("pop2");
		  $("#btn1 a").removeClass("selected");
		  $("#btn2 a").removeClass("selected");
		  funUp("pop3");
		}
		else
		{
			RemoveSelected();
			FunDown("pop3");	
		}				
	}

	function funUp(obj) {   /* 弹出框从下往上慢慢升起,其中还包括了透明度的变化 */		
	    var xtop="218"
	    switch(obj) {
	        case "pop1" :
	            xtop="199";
	            break;
	       case "pop2" :
	            xtop="141";
	            break;
	       case "pop3" :
	            xtop="218";
	            break;
	       default :
	            xtop="218";
	            break;
	    }
	    xtop +="px";		
		$("#"+obj).css("display", "block");
			$("#"+obj).animate({
				top: xtop,
				opacity: 1
			},200);
	}
	function FunDown(obj) {   /* 弹出框从上往下降下去 */
		$("#"+obj).css("display", "block");
			$("#"+obj).animate({
				top: "349px",
				opacity: 1
			},200);
	}
	function RemoveSelected(){
		$("#btn1 a").removeClass("selected");
		$("#btn2 a").removeClass("selected");
		$("#btn3 a").removeClass("selected");
	}
	
	function SetValue(obj,value){
	    //alert(obj+"  "+value);
	    $(obj).html(value);
	}