var className ;
var i=1;

window.alert = function(title,txt){
	Ext.MessageBox.alert(title,txt,function(){
		//prompt("提示框关闭");
	});
}
window.prompt =  function(){
	Ext.MessageBox.prompt("Ext输入框","输入内容",function(btn,txt){
		alert("prompt","按钮："+btn+";内容："+txt);
	},this,100);
}
window.confirm = function(){
	Ext.MessageBox.confirm("Ext确认框","请确认",function(btn){
		alert("confirm","确认按钮是："+btn);
	}
	);
}
extjsCustom = function(){
	var config = {
		title:"自定义",
		msg:"自定义msg",
		width:100,
		multiline:true,
		closable:false,
		buttons:Ext.MessageBox.YESNOCANCEL,
		icon:Ext.MessageBox.QUESTION,
		fn:function(btn,txt){
			alert("custom","点击了:"+btn+";内容:"+txt);
		}
		//animEl:'fly'
	};
	Ext.MessageBox.show(config);
}

extjsProcess = function(){
	var config = {
		title:"请等待",
		msg:"正在加载...",
		width:200,
		progressText:"正在初始化...",
		progress:true,
		closable:false
	}
	Ext.MessageBox.show(config);
	var f = function(v){
		return function(){
			if(v==12){
				Ext.MessageBox.hide();
				Ext.MessageBox.alert("完成","成功加载完成!");
			}else{
				i =v/11;
				Ext.MessageBox.updateProgress(i,Math.round(i*100)+'% 已完成');
			}
		};
	};
	for(var i=1;i<13;i++){
		setTimeout(f(i),i*500);
	}
}

Ext.onReady(function(){
//	Ext.get("btn").on("click",function(){
//		alert("click","buttion被点击了");
//	});
	
//	Ext.get("a1").applyStyles({position:"absolute",top:200,left:400,
//		backgroundColor:"red",width:100,height:100}).ghost('b',{
//			easing:"easeOut",
//			duration:5,
//			remove:false,
//			useDisplay:false
//		});

//	Ext.get("a1").applyStyles({position:"absolute",top:100,left:100,
//		backgroundColor:"red",width:200,height:200}).hide(true);

//	var dp = new Ext.DatePicker({
//		renderTo:Ext.get("xxx"),
//		dayNames:['日','一','二','三','四','五','六'],
//		monthNames : ['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一','十二'],
//		todayText:"今天",
//		minDate:Date.parseDate("2009-01-01","Y-m-d"),
//		maxDate:Date.parseDate("2009-12-30","Y-m-d"),
//		value:Date.parseDate("2009-12-1","Y-m-d"),
//		handler:function(){
//			Ext.Msg.alert("日期",Ext.util.Format.date(this.getValue(),'Y-m-d'));
//		}
//	});
	
	var btn = new Ext.Button({
		//renderTo:Ext.get("a1"),
		text:"搜索",
		type:"button",
		handler:function(){
			Ext.Ajax.request({
				url:"/yujinmingzuan/queryLuozuanAction.do?command=ajax",
				success:function(response,config){
					Ext.Msg.alert("提交成功",response.responseText);
				},
				failure:function(){
					Ext.Msg.alert("fail","请求失败");
				},
				method:"post",
				params:{name:"张毅"}
			});
		}
	});

	var city = [
		[1,"济南市"],
		[2,"青岛市"],
		[3,"烟台市"],
		[4,"威海市"]
	];
	var proxy = new Ext.data.HttpProxy({
		url:"/yujinmingzuan/ajax"
	});
	var City = Ext.data.Record.create([
		{name:"cid",type:"int",mapping:"cid"},
		{name:"cname",type:"string",mapping:"cname"}
	]);
	var reader = new Ext.data.JsonReader({
		totalProperty:"totalProperty",
		root:"root"
	},City);
	var store = new Ext.data.Store({
		proxy:proxy,
		reader:reader
	});
	var combobox = new Ext.form.ComboBox({
		//renderTo:Ext.get("a1").applyStyles({position:"absolute",top:100,left:200}),
		triggerAction:"all",
		store:store,
		displayField:"cname",
		valueField:"cid",
		mode:"remote",
		emptyText:"请选择城市",
		readOnly:true,
		pageSize:4
	});
	
	var btn = new Ext.Button({
		//renderTo:Ext.get("a1"),
		text:"选择的城市",
		handler:function(){
			Ext.Msg.alert("选择的城市是","实际值："+combobox.getValue()+";显示值："+combobox.getRawValue());
		}
	});
	
//	Ext.get("btn").on("click",function(){
//		Ext.Ajax.request({
//			url:"/yujinmingzuan/common/fileUploadAction.do?command=uploadFile",
//			isUpload:true,
//			form:"upform",
//			success:function(response,config){
//				Ext.Msg.alert("fileup","上传成功");
//			}
//		});
//	});
	
	var toolBar1 = new Ext.Toolbar({
		buttons:[{
			text:"新建",
			handler:function(){
				Ext.Msg.alert("new","新建演示操作");
			}
		},
			{xtype: "tbseparator"},
			{text:"打开"},
			{text:"保存"}
		]
	});
	 var toolBar2 = new Ext.Toolbar({
	 	 buttons:[
	 	 	{text:"上一步",
	 	 	 icon:"./extjs/resources/images/default/dd/drop-add.gif",
	 	 	 cls:"x-btn-text-icon"
	 	 	},
	 	 	{text:"下一步",
	 	 	 icon:"./extjs/resources/images/default/dd/drop-yes.gif",
	 	 	 cls:"x-btn-text-icon"
	 	 	},
	 	 	"",
	 	 	{text:"退出"}
	 	 ]
	 });
	 
	 var panel = new Ext.Panel({
	 	//renderTo:"a1",
		title:"simple panel",
		width:400,
		titleCollapse:true,
		collapsible:true,
		html:"无法加载",
		autoLoad:{url:"./common/importdata.jsp"},
		tbar:toolBar1,
		bbar:toolBar2,
		tools:[{
			id:"refresh",
			handler:function(event,toolEl,p){
				p.getUpdater().update({
					url:"./common/importdata.jsp",
					script:true
				});
			}
		},{
			id:"up",
			handler:function(event,toolEl,p){
				p.collapse(true);
			}
		},{
			id:"down",
			handler:function(event,toolEl,p){
				p.expand(true);
			}
		},{
			id:"help",
			handler:function(event,toolEl,p){
				Ext.MessageBox.alert("about","this is help .");
			}
		},{
			id:"close",
			handler:function(event,toolEl,p){
				p.hide();
			}
		}]
	});
	
//	new Ext.Window({
//		title:"win",
//		width:400,
//		height:300,
//		items:[
//			new Ext.Button({text:"按钮"}),
//			new Ext.DatePicker({})
//		]
//	}).show(Ext.getBody());
	
	var newWinBtn = new Ext.Button({
		text:"新建窗口",
		pressed:true,
		handler:function(){
			var win = new Ext.Window({
				title:"窗口"+(i++),
				width:400,
				height:300,
				minimizable:true,
				listeners:{
					minimize:function(window){
						window.hide(win.button.id);
					},
					close:function(window){
						var delObj = document.getElementById(win.button.id);
						delObj.parentNode.parentNode.removeChild(delObj.parentNode);
					}
				}
			});
			win.show(newWinBtn.id);
			win.getUpdater().update({url:"./common/importdata.jsp"});
			
			win.button = new Ext.Button({
				//win:win,
				id:"id"+i,
				text:win.title,
				pressed:true,
				handler:function(btn){
					Ext.apply(this,{win:win});
					btn.win.show(btn.id);
				}
			});
			toolBar.addButton(win.button);
		}
	});
	
		var toolBar = new Ext.Toolbar({
		height:25,
		renderTo:"a1",
		items:[
			newWinBtn
		]
	});
	
});

//function sethighlight(srcEl){
//	Ext.get(srcEl).highlight("ffffff",{
//		attr:"background-color",
//		duration:1,
//		endColor:"ffff00"
//	});
//}
//
//function unhighlight(srcEl){
//	Ext.get(srcEl).highlight("ffff00",{
//		attr:"background-color",
//		duration:1,
//		endColor:"ffffff"
//	});
//}

function sethighlight(srcEl){
	var nodes = srcEl.childNodes;
	className = nodes[0].className;
	for(var i=0;i<nodes.length;i++){
		nodes[i].className = 'listTableLineYellow';
	}
}

function unhighlight(srcEl){
	var nodes = srcEl.childNodes;
	for(var i=0;i<nodes.length;i++){
		nodes[i].className = className;
	}
}