var aw=new widget.div2_win();

aw.build();
build_index = 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(){
	
	var tag_bar = new tag_bar_3parts();

	tag_bar.add_active_tag('首页', 'index.html');
	tag_bar.add_tag('IBM', 'ibm1.html');
	tag_bar.add_tag('SUN', 'sun1.html');
	tag_bar.add_tag('HP', 'hp1.html');
	tag_bar.add_tag('PC Server', 'pcserver1.html');
	
	tag_bar.add_tag('存储', 'storage1.html');
	
	
	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_intro= 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'], 240, 195, 26, 6, 3, 3);

	div9_win_intro.build();

	

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

	div9_win_intro.get_holder_top().style.textAlign='center';
	div9_win_intro.get_holder_top().appendChild(document.createTextNode('主营项目'));

	intro_el =  div9_win_intro.get_holder();
	intro_el.style.fontSize='10pt';
	intro_el.style.lineHeight="150%";

	// p:first-line 
	// {
	// color: #0000ff;
	// font-variant: small-caps
	// }
	//intro_el.style.textIndent = '16';

	//intro_el.appendChild(Builder.node('br'));

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

	var intro_text = document.createTextNode('专业从事HP9000、HP安腾、IBM RS/6000、SUN、等全系列小型机售、租、修服务，提供上述平台、系统集成、网络工程、维修服务、升级改造、二手调剂、技术培训为一体的.知名小型机专业服务与产品供应商。');
	var p_intro = Builder.node('p');
	p_intro.appendChild(intro_text);
	p_intro.style.textIndent = '16px';

	intro_el.appendChild(p_intro);
	
	
	
	

var mq =new  widget.fade_img_list(['box_img/01.gif','box_img/02.gif','box_img/03.jpg'],300, 225,['num_img/1n.gif','num_img/2n.gif','num_img/3n.gif'], ['num_img/1h.gif','num_img/2h.gif','num_img/3h.gif'],26,17);
//alert($('main_content_top').tagName);
mq.build();

mq.get_me().style.cssFloat= 'left';
mq.get_me().style.styleFloat= 'left';
//mq.get_me().style.display= 'inline';


//mq.get_me().style.clear= 'none';

div9_win_intro.get_me().style.styleFloat= 'right';
div9_win_intro.get_me().style.cssFloat= 'right';
//alert(div9_win_intro.get_me().style.cssFloat);
//div9_win_intro.get_me().style.clear= 'none';
//div9_win_intro.get_me().style.display= 'inline';

//var test_div = Builder.node('div', {style:'width:300px;height:225px;border:1px solid black;'});


$('main_content_top').appendChild(mq.get_me());

//$('main_content_top').appendChild(test_div);

$('main_content_top').appendChild( div9_win_intro.get_me());




	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, 900, 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_body').appendChild( div9_win_newgood.get_me());


	op.dom.append_a_with_bs_child(newgood_el, $('newgoods_data'));



}