function OpenView(idx) {
	var width = 1000;
	var height = 500;
	var scroll = false;
	var windowLeft = (screen.width-width)/2;
	var windowTop = (screen.height-height)/2;
	windowTop = windowTop>20 ? windowTop-20 : windowTop;
	var opener = window.open("http://sx3.arzz.com/view.php?idx="+idx,"","top="+windowTop+",left="+windowLeft+",width="+width+",height="+height+",scrollbars="+(scroll == true ? "1" : "0"));

	if (!opener) {
		alert("팝업이 차단되었습니다.");
	}
}

function MoveSX3(category) {
	if (!Ext.getCmp("SX3Panel")) AllRemove();

	var temp = Ext.getCmp("content").title.split(" - ");
	var title = temp[0]+" - ";
	switch (category) {
		case 1 :
			title+= "영화";
		break;

		case 2 :
			title+= "TV/드라마";
		break;

		case 3 :
			title+= "애니메이션";
		break;

		case 4 :
			title+= "유틸리티";
		break;

		case 5 :
			title+= "게임";
		break;

		case 6 :
			title+= "음악";
		break;

		case 7 :
			title+= "만화";
		break;

		case 8 :
			title+= "기타";
		break;
	}

	Ext.getCmp("content").setTitle(title);
	if (!Ext.getCmp("SX3Panel")) {
		CreateSX3Panel(category);
	} else {
		Ext.getCmp("SX3Panel").getStore().baseParams.category = category;
		Ext.getCmp("SX3Panel").getStore().load({params:{start:0,limit:50}});
	}

	Ext.getCmp("content").syncSize().doLayout();
}

function CreateSX3Panel(category) {
	var Store = new Ext.data.Store({
		proxy:new Ext.data.ScriptTagProxy({url:'/exec/sx3.php'}),
		reader:new Ext.data.JsonReader({
			root:'lists',
			totalProperty:'totalCount',
			fields:["idx","webhard","title","reg_date",{name:"end_date",type:"int"}]
		}),
		remoteSort:true,
		baseParams:{category:category,webhard:"",keyword:""},
		sortInfo:{field:"idx",direction:"DESC"}
	});

	Ext.getCmp("content").add(
		new Ext.grid.GridPanel({
			id:"SX3Panel",
			layout:"fit",
			border:false,
			tbar:[
				new Ext.form.ComboBox({
					id:"Webhard",
					width:100,
					typeAhead:true,
					triggerAction:"all",
					lazyRender:false,
					listClass:"x-combo-list-small",
					store:new Ext.data.SimpleStore({
						fields:["text","values"],
						data:[["파일노리","filenori"],["위디스크","wedisk"],["아이팝","ipop"],["엠파일","mfile"],["파일시티","filecity"],["짱파일","jjangfile"],["쉐어박스","sharebox"]]
					}),
					editable:false,
					mode:"local",
					displayField:"text",
					valueField:"values",
					emptyText:"웹하드별"
				}),
				' ',
				new Ext.form.TextField({
					id:"keyword",
					width:150,
					emptyText:"키워드를 입력하여 주세요."
				}),
				' ',
				new Ext.Button({
					text:"검색",
					icon:"/images/icon/icon_magnifier.png",
					handler:function() {
						Store.baseParams.webhard = Ext.getCmp("Webhard").getValue();
						Store.baseParams.keyword = Ext.getCmp("keyword").getValue();
						Store.load({params:{start:0,limit:50}});
					}
				}),
				'-',
				new Ext.Button({
					text:"원하는 자료를 더블클릭하세요.",
					disabled:true
				})
			],
			cm:new Ext.grid.ColumnModel([
				new Ext.grid.RowNumberer(),
				{
					id:"title",
					header:"자료명",
					dataIndex:"title",
					width:100,
					sortable:true,
					renderer:function(value,p,record) {
						return '<img src="http://sx3.arzz.com/images/sx3/icon_'+record.data.webhard+'.gif" style="vertical-align:middle;" /> '+value;
					}
				},{
					header:"수집일",
					dataIndex:"reg_date",
					width:140,
					sortable:true,
					renderer:function(value) {
						return '<div style="font-family:tahoma;">'+value+'</div>';
					}
				},{
					header:"만료일",
					dataIndex:"end_date",
					width:70,
					sortable:true,
					renderer:function(value) {
						if (value > 30) {
							return '<div style="text-align:right; color:blue;">'+value+'일 남음</div>';
						} else if (value > 10) {
							return '<div style="text-align:right; color:orange;">'+value+'일 남음</div>';
						} else if (value > 0) {
							return '<div style="text-align:right; color:red;">'+value+'일 남음</div>';
						} else {
							return '<div style="text-align:right; color:gray;">삭제예정</div>';
						}
					}
				}
			]),
			autoExpandColumn:"title",
			autoExpandMin:300,
			store:Store,
			bbar:new Ext.PagingToolbar({
				pageSize:50,
				store:Store,
				displayInfo:true,
				displayMsg:'{0} - {1} of {2}',
				emptyMsg:"데이터가 없습니다."
			}),
			listeners:{
				render:{fn:function() {
					Store.load({params:{start:0,limit:50}});
				}},
				rowdblclick:{fn:function(grid,row,event) {
					OpenView(grid.getStore().getAt(row).get("idx"));
				}}
			}
		})
	);
	Ext.getCmp("content").syncSize().doLayout();
}