$(function(){ 
            var r = raphael("paper", 760, 620);
			var rs= raphael("svgpaper", 760, 620);
            var attr = {
                fill: "#e2e1df",
                stroke: "#fff",
                "stroke-width":1.5,
                "stroke-linejoin": "round",
				"opacity":"1"
            };
			var attr2 = {
                fill: "#86c2ea",
                stroke: "#fff",
                "stroke-width":1.5,
                "stroke-linejoin": "round",
				"opacity":"0"
            };
			var len=patharray.length
			var arry=new array()
			for(var st in patharray)
			{
				arry[st]=rs.path(patharray[st]).attr(attr)
			}
			
            var aus =new array()
			for(var st in patharray)
			{
				aus[st]=r.path(patharray[st]).attr(attr2)
			}
	
	
			//alert(r)
			//$("#svgpaper").html(aus.map10)
            for (var state in aus) {
                (function (st, state) {
					var varst=st[0]
					$(varst).mouseover(function(){
							//alert(state)
							$(this).css({"cursor":"pointer"})
							arry[state].animate({fill: "#cca884", stroke: "#fff",opacity:1}, 100);
					});

					$(varst).mouseout(function(){
							arry[state].animate({fill: "#e2e1df", stroke: "#fff",opacity:1}, 100);
					});
					
					$(varst).click(function(e){
						var x=$(".map_box").offset().left
						var y=$(".map_box").offset().top
						$(".cl .cont").html($(".province_ul li").eq(state).find(".hidden .cont").html())
                    /*$(".cl").show().animate({left:600,top:0},100)*/
                        $(".cl").show().animate({ left: 480, top: 400 }, 100)
						if($(".cl .cont").html()=="")
						{
						$(".cl").hide()	
						}
						})
					$(".cl .tit a").click(function(){
						$(".cl").hide()	
						})
                    /*st[0].style.cursor = "pointer";
                    st[0].onmouseover = function () {
                        current && aus[current].animate({fill: "#333", stroke: "#666"}, 500) 
                        st.animate({fill: "#ddd", stroke: "#ccc"}, 100);
                        document.getelementbyid(state).style.display = "block";
                        alert(raphael.getcolor())
                    };
                    st[0].onmouseout = function () {
                        st.animate({fill: "#333", stroke: "#666"}, 100);
                    };
					if (state == "map1") {
                        st[0].onmouseover();
                    }*/
					
                })(aus[state], state);
            }
        });