var aw=new widget.div2_win();

aw.build();
build_cata= function()
{
	

	
	
	//var aw = Builder.node('div', {style:'border:2px dotted black;background-color:white;display:none'});
	//ajax window
	
	aw_el  = aw.get_me();
	aw_el.hide();
	aw_el.style.backgroundColor='white';
	aw_el.style.border='1px dotted black';
	aw_el.style.position = 'absolute';
	
	//aw.set_pos(0, 0);
	aw_el.setOpacity(0.90);
	aw.up().style.backgroundColor = '#2b5082';
	aw.set_size(580, 25, 600);
	
	
	 if(screen.width>1100)
	 {
	 //alert(screen.width);
		aw.set_pos(300, 120);
	}else{
		aw.set_pos(150, 80);
	}
	aw_el.id = 'ajax_win';
	//aw_el.style.margin = 'auto';
	//aw.style.display = 'fixed';
	var close_button =  Builder.node('img', {src:'/s680_img/close3.gif', style:'float:right;'});
	
	close_button.style.cursor="pointer";
	
	close_button.onclick = function(){
		aw_el.hide();
		$('page_mask').hide();
	
	}
	
	var caption_div =  Builder.node('div', {style:'margin-left:2px;color:white;width:300px;float:left;'});
	aw.up().style.padding = '2px';
	aw.up().appendChild(caption_div);
	
	aw.up().appendChild(close_button);
	
	aw_el.style.zIndex= '28';
	// var img_map =  Builder.node('img', {src:'img/map.png', style:'left:50px;top:50px;position:absolute;'});
	// img_map.setOpacity(1);
	// aw.lp().appendChild(img_map);
	
	//pm = Builder.node('div',{style:'background-color:gray;width:100%;height:1260px;position:absolute;top:0;left:0;display:none;z-index:6'});
	
	//pm.id  ='page_mask';
		$('page_mask').setOpacity(0.5);
	
	
	//$('page_mask').style.display='';
	//pm.style.zIndex= '26';
	
	$('index_body').appendChild($('page_mask'));
	
	//$('page_mask').insert(aw_el, { position: 'before' });
	//$('full_page').appendChild(aw_el);
	$('index_body').appendChild(aw_el);

}
build_header = function(cid){
	
	var tag_bar = new tag_bar_3parts();
	
	
	tag_bar.add_tag('首页', '/index.html');
	if(cid==0)
	{
		tag_bar.add_active_tag('IBM', '/ibm1.html');
	
	}else{
		tag_bar.add_tag('IBM', '/ibm1.html');
	}
	if(cid==1)
	{
		tag_bar.add_active_tag('SUN', '/sun1.html');
	
	}else{
		tag_bar.add_tag('SUN', '/sun1.html');
		
	}
	
	if(cid==2)
	{
		tag_bar.add_active_tag('HP', '/hp1.html');
	
	}else{
		tag_bar.add_tag('HP', '/hp1.html');
	}
	
	
	if(cid==3)
	{
		tag_bar.add_active_tag('PC Server', '/pcserver1.html');
	
	}else{
		tag_bar.add_tag('PC Server', '/pcserver1.html');
	}
	
		if(cid==4)
	{
		tag_bar.add_active_tag('存储', '/storage1.html');
	
	}else{
		tag_bar.add_tag('存储', '/storage1.html');
	}
		if(cid==5)
	{
		tag_bar.add_active_tag('其它', '/others1.html');
	
	}else{
		tag_bar.add_tag('其它', '/others1.html');
	}
	tag_bar.build();
	$('header').appendChild(tag_bar.get_me());

	tag_bar.get_me().style.left='30px';
	tag_bar.get_me().style.top='20px';
	tag_bar.get_me().style.position='absolute';
	//tag_bar.get_me().style.marginLeft='20px';

	var big_bar= new widget.div_3parts(['/s680_img/big_bar_left.gif', '/s680_img/big_bar_body.gif', '/s680_img/big_bar_right.gif'], '650px', '67px');
	//var holder2=Builder.node('div', {style:'margin-top:0.2em'});
	//$("good_cat").hide();

	big_bar.build();
	$('header').appendChild(big_bar.get_me());
	//bigbar.id = 'bigbar';
	//#bigbar{ position:absolute;top:47px; margin:0; left:20px}
	big_bar.get_me().style.left='20px';
	big_bar.get_me().style.top='47px';
		
	big_bar.get_me().style.position='absolute';
	big_bar.get_me().style.color='#88b2ff';
	op.dom.append_a_with_bs_child(big_bar.get_me(), $('google_div'));
	
	
}

build_left = function(){
	//地图
	var div9_win_map= new widget.div_9parts(['/s680_img/win_div1_01.gif', '/s680_img/win_div1_02.gif', '/s680_img/win_div1_03.gif', '/s680_img/win_div1_04.gif', '/s680_img/win_div1_06.gif', '/s680_img/win_div1_07.gif', '/s680_img/win_div1_08.gif', '/s680_img/win_div1_09.gif'], 180, 250, 26, 6, 3, 3);


	div9_win_map.build();
	$('left_content').appendChild( div9_win_map.get_me());
	div9_win_map.get_holder_top().style.textAlign='center';
	div9_win_map.get_holder_top().appendChild(document.createTextNode('地址'));


	map_el =  div9_win_map.get_holder();
	map_el.style.fontSize='10pt';
	map_el.style.lineHeight="150%";

	//div9_win_map.get_holder_top().style.marginTop="2";
	//div9_win_map.get_holder_top().style.padding="0";





	 pop_map = function(){
	      //window.open('map.html', '_blank', 'toolbar=no,location=no,directories=no,status=no,menubar=no, scrollbars=yes,resizable=no,copyhistory=no,width=505, height=440,top=100,left=50');
		 //  alert($('ajax_win').style.visibility);
		  //  $('full_page').style.zIndex='0';
		 $('ajax_win').show();
		// $('ajax_win').style.display= 'table-row';
		
		 //$('ajax_win').style.display='';
		//aw.get_me().show();
		$('page_mask').show();
		//alert('aa');
		
		aw.lp().innerHTML= "<div><img src='/s680_img/map.png' style='position:relative;left:50px;top:20px;' alt=''/></div>";
			
		aw.up().firstChild.innerHTML= "地图";
			
			
		// function onMapFin(transport){
			// //alert('fin');
			// mapWin_data = transport.responseText.evalJSON();
			
			// aw.lp().innerHTML= mapWin_data.lp;
			
			// aw.up().firstChild.innerHTML= mapWin_data.caption;
			
			// //alert(mapWin_data.lp);
			// //alert(aw.get_me().innerHTML);
		
		// }
		// var aaa= new Ajax.Request('http://127.0.0.1/s680_ajax/map.html', {onComplete: onMapFin,method:'get'});

	}
	var map_a = Builder.node('a', {href:'javascript:pop_map()',style:'position:relative;'}, Builder.node('img', {src:'/s680_img/map_sm.png', border:'0'}) );

	var zoom_a = Builder.node('a', {href:'javascript:pop_map()',className:'normal'}, '放大');
	


	map_el.style.textAlign='center';

	map_el.appendChild(Builder.node('br'));

	map_el.appendChild(document.createTextNode('地图'));
	map_el.appendChild(Builder.node('br'));
	map_el.appendChild(map_a);
	map_el.appendChild(Builder.node('br'));
	map_el.appendChild(zoom_a);


	 map_el.appendChild(Builder.node('br'));
	// map_el.appendChild(document.createTextNode('电话:62082530(31)'));
	map_el.appendChild(Builder.node('br'));
	map_el.appendChild(document.createTextNode('北京海淀区牡丹北里'));
	map_el.appendChild(Builder.node('br'));
	map_el.appendChild(document.createTextNode('都景苑小区3号楼106室'));

	//<A class=smallcg HREF="javascript:popmap()"><IMG SRC="map_sm.png" BORDER="0" ALT=""><br>点此看地图</A>


//->>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>


	var div9_win_link= new widget.div_9parts(['/s680_img/win_div1_01.gif', '/s680_img/win_div1_02.gif', '/s680_img/win_div1_03.gif', '/s680_img/win_div1_04.gif', '/s680_img/win_div1_06.gif', '/s680_img/win_div1_07.gif', '/s680_img/win_div1_08.gif', '/s680_img/win_div1_09.gif'], 180, 200, 26, 6, 3, 3);

	div9_win_link.build();

	$('left_content').appendChild( div9_win_link.get_me());

	div9_win_link.get_me().style.top='5px';
	div9_win_link.get_me().style.position='relative';

	div9_win_link.get_holder_top().style.textAlign='center';
	div9_win_link.get_holder_top().appendChild(document.createTextNode('链接'));

	// <a class=smallcg href="http://www.dostor.com" target="_blank">存储在线</a><br><br>
	// <a class=smallcg href="http://www.loveunix.net" target="_blank">LoveUnix社区</a><br><br>
	// <a class=smallcg href="http://www.linuxfans.org/nuke/index.php" target="_blank">中国linux公社</a><br><br>
	// <a class=smallcg href="http://www.idopkg.com" target="_blank">idopkg软件安装大师</a><br><br>



	link_el =  div9_win_link.get_holder();
	link_el.style.textAlign='center';

	var a1 = Builder.node('a', {href:'http://www.dostor.com', className:'normal'}, '存储在线');
	var a2 = Builder.node('a', {href:'http://www.loveunix.net', className:'normal'}, 'LoveUnix社区');
	var a3 = Builder.node('a', {href:'http://www.linuxfans.org', className:'normal'}, '中国Linux公社');
	var a4 = Builder.node('a', {href:'http://www.idopkg.com', className:'normal'}, 'idopkg软件安装大师');

	 link_el.appendChild(Builder.node('br'));
	 link_el.appendChild(a1);link_el.appendChild(Builder.node('br'));
	 link_el.appendChild(a2);link_el.appendChild(Builder.node('br'));
	 link_el.appendChild(a3);link_el.appendChild(Builder.node('br'));
	 link_el.appendChild(a4);
	 //op.dom.append_a_with_bs_child(link_el, $('map_inner'));
	//swapDOM(link_el, $('test_inner'));
	 //div9_win_link.append_holder_with_childs($('map_inner'));
	//div9_win_link.get_me().replaceChild(document.getElementById('test_inner'), div9_win_link.get_holder());
	 
}
function build_main()
{
	



	var div9_win_newgood= new widget.div_9parts(['/s680_img/win_div1_01.gif', '/s680_img/win_div1_02.gif', '/s680_img/win_div1_03.gif', '/s680_img/win_div1_04.gif', '/s680_img/win_div1_06.gif', '/s680_img/win_div1_07.gif', '/s680_img/win_div1_08.gif', '/s680_img/win_div1_09.gif'], 580, 1100, 26, 6, 3, 3);

	div9_win_newgood.build();

	

	//div9_win_newgood.get_me().style.top='5px';
	//div9_win_newgood.get_me().style.position='relative';

	//div9_win_newgood.get_holder_top().style.textAlign='center';
	//div9_win_newgood.get_holder_top().appendChild(document.createTextNode('本类商品'));
	
	newgood_el =  div9_win_newgood.get_holder();
	newgood_el.style.fontSize='10pt';
	newgood_el.style.lineHeight="150%";


	$('main_content').appendChild( div9_win_newgood.get_me());


	op.dom.append_a_with_bs_child(newgood_el, $('goods'));
	op.dom.append_a_with_bs_child(div9_win_newgood.get_holder_top(), $('goods_caption'));


}