﻿<style type="text/css">
#divLinkContenter div {
	width:180px; height:50px;
	margin:2 0;	
	cursor:pointer;
}
</style>
<script language="javascript" type="text/javascript" src="/Javascript/jquery.js"></script>
<script type="text/javascript">
(function(){
	// init objects
	var pics = [{value:"img2.quotes.ws.126.net/chart/stimechart3/0000001.png",name:"上证指数"},
	{value:"img2.quotes.ws.126.net/chart/stimechart3/1399000.png",name:"深成指数"},
	{value:"img.quotes.money.163.com/hkchart/stimechart/110000.png",name:"恒生指数"},
	{value:"img2.quotes.ws.126.net/usstock/smalltimechart1/DOWJONES.png",name:"道琼斯工业指数"},
	{value:"img2.quotes.ws.126.net/usstock/smalltimechart1/NASDAQ.png",name:"纳斯达克指数"},
	{value:"quotes.money.163.com/futures/futuresfiles/forpage/stimechart/thismonth.png",name:"股指期货"},
	{value:"quotes.money.163.com/futures/futuresfiles/forpage/stimechart/au1012.png",name:"黄金期货"},
	{value:"img1.quotes.ws.126.net/forex/stimechart/USDJPY.png",name:"美元/日元"},
	{value:"img1.quotes.ws.126.net/forex/stimechart/EURUSD.png",name:"欧元/美元"},
	{value:"img1.quotes.ws.126.net/forex/stimechart/USDCNY.png",name:"美元/人民币"}];
	var baseURI = "http://";
	var divTitleIdPrefix = "idxPicTitle";
	var imgWrapperIdPrefix = "idxPicImgWrapper";
	// image height
	var idxImgInterval = 40;
	
	$(document).ready(drawIdxPic);
	
	// stores which image is currently expanded
	var expandedImg;
	var canSwitch = true;
	
	function drawIdxPic()
	{
		var divContainer = document.getElementById("indexPicContainer");
                divContainer.style.width = "180px";

		for(var i=0; i<pics.length; i++)
		{
			var divTitleContainer = document.createElement("div");
                        divTitleContainer.style.borderTop = "#afafb0 1px dashed";
                        divTitleContainer.style.cursor= "pointer";
			var divTitle = document.createElement("div");
			divTitle.id = divTitleIdPrefix + i;
                        divTitle.style.paddingTop = "5px";
                        divTitle.style.paddingBottom = "5px";
                        divTitle.style.paddingLeft = "5px";
			divTitle.innerText = pics[i].name;
			divTitle.onmouseover = switchImg;
			divTitleContainer.appendChild(divTitle);
		
			var divImgWrapper = document.createElement("div");
			divImgWrapper.id = imgWrapperIdPrefix + i;
                        divImgWrapper.style.overflow = "hidden";
                        divImgWrapper.style.position = "relative";
			var img = document.createElement("img");
			var url = baseURI +　pics[i].value;
			img.src = url;
                        img.style.width = "180px";
                        img.style.height = "112px";
                        img.style.position = "absolute";
			divImgWrapper.appendChild(img);
			if(i==0)
			{
	                    expandedImg = divImgWrapper;
                            divImgWrapper.style.height = "120px";
                        }
                        else
                        {
                            divImgWrapper.style.height = "0px";
                        }
		
			divContainer.appendChild(divTitleContainer);
			divContainer.appendChild(divImgWrapper);
		}
	}
	
	// event handler for mouseover, switch index pictures
	function switchImg()
	{
		// if elements is switching, 
		if(!canSwitch)
			return;
		var titleId = event.srcElement.id;
		var idNum = titleId.replace(divTitleIdPrefix, "");
		var wrapperId = imgWrapperIdPrefix + idNum;
		// if the corresponding image is already expanded, then do nothing
		if(expandedImg.id == wrapperId)
			return;
			
		// do animation
		var currImg = document.getElementById(wrapperId);
                
		swapHeight(currImg, expandedImg);
	}
	
	function swapHeight(elemt1, elemt2)
	{
                canSwitch = false;
		elemt1.style.pixelHeight += 10;
		elemt2.style.pixelHeight -= 10;
                if(elemt2.style.pixelHeight<=0)
                {
                    expandedImg = elemt1;
                    canSwitch = true;
                }
                else
                    setTimeout(function(){swapHeight(elemt1, elemt2)}, idxImgInterval);
	}
	
})();
</script>
<DIV class="RightLinkTitleStyle" style="margin-top:0px;">最新指数</DIV>
<div class="div-IndexPicContainer" id="indexPicContainer"></div>
<DIV class="RightLinkTitleStyle">协会概况</DIV>
<div style="text-indent:2em;line-height:200%; padding:3 5;">
北京证券协会（英文全称 The Securities Association of Beijing缩写SAB。以下简称：协会）是北京地区证券行业的自律性管理组织。
于1994年1月由北京证券有限公司等四家单位联合发起成立。是经北京市民政局社会团体行政主管机关核准注册登记的社会团体法人。
是中国证券业协会的特别会员。
</div>
<DIV class="RightLinkTitleStyle">远程培训</DIV>
<div style="text-align:center; background-color:fbfbfb;">
<a href="#"><img src="/PublishingImages/Parts/Remote_System.gif" title="远程培训" style="border:none;" /></a>
</div>
<DIV class="RightLinkTitleStyle">相关链接</DIV>
<div id="divLinkContenter" style="text-align:center; background-color:fbfbfb;">
<a href="http://www.sse.com.cn/" target="_blank"><div style="background:url('PublishingImages/Broad/sh.JPG') no-repeat;" title="上海证券交易所"></div></a>
<a href="http://www.szse.cn/" target="_blank"><div style="background:url('PublishingImages/Broad/sz.JPG') no-repeat;" title="深圳证券交易所"></div></a>
<a href="http://www.csrc.gov.cn/" target="_blank"><div style="background:url('PublishingImages/Broad/csrc.JPG') no-repeat;" title="中国证监会"></div></a>
<a href="http://www.sac.net.cn/newcn/home/index.html" target="_blank"><div style="background:url('PublishingImages/Broad/sac.JPG') no-repeat;" title="中国证券业协会"></div></a>
</div>

