var common;
common = function(){
	var urllink = location.toString();
	var box = null;
	var color = "";
	var picwd = urllink.indexOf('accessories') != -1 ? 'accessories' : 'products';
	var aa = ['<table width="640" border="0" cellpadding="0" cellspacing="0" background="images/'+picwd+'_more_54.jpg"><tr>',
		'<td width="110" align="left" valign="bottom"><img src="images/'+picwd+'_more_45.jpg" width="110" height="37" border="0" /></td>',
		'<td width="104" align="left" valign="bottom"><a href="javascript:common.createTab(\'1\')"><img src="images/'+picwd+'_more_47.jpg" width="104" height="32" border="0" /></a></td>',
		'<td width="108" align="left" valign="bottom"><a href="javascript:common.createTab(\'2\')"><img src="images/'+picwd+'_more_48.jpg" width="108" height="32" border="0" /></a></td>',
		'<td width="318" align="left" valign="bottom">&nbsp;</td></tr></table>'].join('');
	var ab = ['<table width="640" border="0" cellpadding="0" cellspacing="0" background="images/'+picwd+'_more_54.jpg"><tr>',
		'<td width="106" align="left" valign="bottom"><a href="javascript:common.createTab(\'0\')"><img src="images/'+picwd+'_more_55.jpg" width="106" height="32" border="0" /></a></td>',
		'<td width="110" align="left" valign="bottom"><img src="images/'+picwd+'_more_52.jpg" width="110" height="37" border="0" /></td>',
		'<td width="106" align="left" valign="bottom"><a href="javascript:common.createTab(\'2\')"><img src="images/'+picwd+'_more_56.jpg" width="106" height="32" border="0" /></a></td>',
		'<td width="318" align="left" valign="bottom">&nbsp;</td></tr></table>'].join('');
	var ac = ['<table width="640" border="0" cellpadding="0" cellspacing="0" background="images/'+picwd+'_more_54.jpg"><tr>',
		'<td width="108" align="left" valign="bottom"><a href="javascript:common.createTab(\'0\')"><img src="images/'+picwd+'_more_61.jpg" width="108" height="32" border="0" /></a></td>',
		'<td width="104" align="left" valign="bottom"><a href="javascript:common.createTab(\'1\')"><img src="images/'+picwd+'_more_62.jpg" width="104" height="32" border="0" /></a></td>',
		'<td width="116" align="left" valign="bottom"><img src="images/'+picwd+'_more_59.jpg" width="116" height="37" border="0" /></td>',
		'<td width="312" align="left" valign="bottom">&nbsp;</td></tr></table>'].join('');
		
	function createInquiry(value){
		var data = value.split('|');
		return ['<div class="meg_div1" id="inquiryBox">',
			'<table width="100%" border="0" cellspacing="0" cellpadding="0">',
			'<tr><td height="180" align="center" valign="middle">',
			'<table width="150" border="0" cellspacing="0" cellpadding="0" bgcolor="FFFFFF"><tr><td height="168" align="center" valign="middle">',
			'<img src="'+data[1]+'" width="96" height="100" border="0" />',
			'</td></tr></table></td></tr>',
			'<tr><td align="center">You selected the <br />“'+data[0]+'” <br />to your inquiry list !</td></tr>',
			'<tr><td height="55" align="center" valign="middle"><img src="images/meg_div_16.jpg" width="79" height="19" border="0" usemap="#Map" /></td></tr>',
			'<tr><td align="center"><a href="javascript:common.inquiryend(2)"><img src="images/meg_div_20.jpg" width="163" height="29" border="0" /></a></td></tr>',
			'</table>',
			'<map name="Map" id="Map">',
			'<area shape="rect" coords="0,-6,29,14" href="javascript:common.inquiryend(0)" /><area shape="rect" coords="50,-4,82,15" href="javascript:common.inquiryend(1)" />',
			'</map></div>'].join('');
	}
	
	function noinquiry(){
		return ['<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr>',
			'<td height="200" align="center" valign="middle"><img src="images/support_inquiry_46.jpg" width="382" height="92" /></td>',
			'</tr></table>'].join('');
	}
	
	function verifyBox(){
		return ['<div class="meg_div3">',
			'<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr>',
			'<td height="81" align="center" valign="bottom" background="images/meg_div_08.jpg"><table width="100%" border="0" cellspacing="0" cellpadding="0">',
			'<tr><td align="center">',
			'<input name="verify" type="password" class="meg_div4_input" id="verify" />',
			'</td></tr>',
			'<tr><td height="5"></td></tr>',
			'</table></td></tr>',
			'<tr><td><table width="245" border="0" cellspacing="0" cellpadding="0"><tr>',
			'<td width="44"><img src="images/meg_div_10.jpg" width="44" height="16" /></td>',
			'<td width="156"><img src="images/meg_div_11.jpg" width="156" height="16" border="0" usemap="#Map2Map" /></td>',
			'<td width="45"><img src="images/meg_div_12.jpg" width="45" height="16" /></td>',
			'</tr></table></td></tr>',
			'<tr valign="top"><td background="images/meg_div_13.jpg" width="245" height="137">',
			'<br><div id="errorMsg" align="center" style="color:#F00"></div></td></tr>',
			'</table><map name="Map2Map" id="Map2Map">',
			'<area shape="rect" coords="77,0,157,16" href="javascript:common.closeWin()" />',
			'<area shape="rect" coords="-2,0,78,16" href="javascript:common.getFile()" /></map>',
			'</map></div>'].join('');
	}
	
	return {
		backupPic: null,
		maskDiv: null, 
		picTip: [],
		inContext: [],
		condition : [],
		toptab:[aa,ab,ac],
		stopOver: false, 
		
		init: function(){
			Ext.QuickTips.init();
			Ext.apply(Ext.QuickTips.getQuickTip(), {
				maxWidth: 500,
				minWidth: 300,
				dismissDelay: 0,
				cls: picwd+'_list_zoom_div2',
				trackMouse: true, 
				mouseOffset: [10, -200], 
				baseCls: '', 
				hideDelay: 0, 
				animCollapse: true, 
				headerAsText: false, 
				autoHeight: true
			});

			var gettext = Ext.query('td[width=213]');
			for(i=0;i<gettext.length;i++){
				if(gettext[i].innerHTML != '&nbsp;')
					Ext.get(gettext[i]).clean();
			}
			if(Ext.get('keyword')){
				var thename = new Ext.form.TextField({
					emptyText: ' ENTER YOUR SEARCH',
					fieldClass: '',
					invalidClass: '',
					emptyClass: '',
					focusClass: '',
					applyTo: 'keyword'
				});
				thename.getEl().removeClass('x-form-text')
				thename.getEl().removeClass('x-form-empty-field')
				thename.getEl().addKeyListener({key:13},function(){
					var parameter = Ext.urlDecode(urllink.substring(urllink.lastIndexOf('?')+1, urllink.length));
					this.gotosearch(parameter.Type);
				},this);
			}
			if(Ext.get('pdtContext')){
				Ext.get('pdtContext').setWidth(640);
				this.condition = Ext.getDom('tabOther').value.split('|');
				var contextType = Ext.getDom('tabType').value;
				this.inContext[0] = contextType == '1' ? '' : Ext.get('pdtContext').dom.innerHTML;
				if(this.inContext[0] == ''){
					this.toptab[1] = this.toptab[1].replace('<a href="javascript:common.createTab(\'0\')">','');
					this.toptab[2] = this.toptab[2].replace('<a href="javascript:common.createTab(\'0\')">','');
					this.toptab[1] = this.toptab[1].replace('</a>','');
					this.toptab[2] = this.toptab[2].replace('</a>','');
				}
				this.createTab(contextType);
			}
			if(Ext.get('spic1')){
				this.maskDiv = Ext.DomHelper.append(Ext.getBody(), {
					tag: 'div', cls: picwd+'_more_div1', 
					style: 'z-index: 10; display:block;'
				}, true);
				this.maskDiv.anchorTo('spic1', 'c-c');
//					this.backupPic = Ext.get('spic1');
//					this.backupPic.replaceClass('products_more_div2', picwd+'_more_div1');
			}
			if(urllink.indexOf('Type=way') != -1){
				Ext.get('selectBtn').update('<a href="javascript:common.selectAll()"><img src="images/support_inquiry_21.jpg" width="119" height="27" border="0" /></a><a href="javascript:common.unselectAll()"><img src="images/support_inquiry_way3_22.jpg" width="122" height="27" border="0" /></a>');
				var cb = function(a,success,rspn){
					if(success){
						var info = eval(rspn.responseText);
						for(i=0;i<info.length;i++){
							if(info[i].Type == 'products')
								Ext.getDom('pdt'+info[i].ID).checked = true;
							else
								Ext.getDom('acc'+info[i].ID).checked = true;
						}
					}
				}
				var cn = new Ext.data.Connection({url:"getdata.php?Type=getInquiry"}).request({
					scope: this, 
					method: "POST", 
					callback:cb
				});
			}
		},
		
		changeCate: function(upper){
			cate = Ext.getDom('Cate');
			var cb = function(a,success,rspn){
				if(success){
					var info = eval(rspn.responseText);
					for(i=0;i<info.length;i++){
						cate.options[i+1] = new Option(info[i].Name, info[i].ID)
					}
					upper.disabled = false;
				}
			}
			if(upper.value != ''){
				upper.disabled = true;
				var cn = new Ext.data.Connection({url:"getdata.php?Type=dropList"}).request({
					scope: this, 
					method: "POST", 
					params: {"paramID": upper.value}, 
					callback:cb
				});
			}
			for(i=cate.length-1;i>0;i--){
				cate.options[i] = null;
			}
		},
		
		gotoPdt: function(){
			if(Ext.getDom('Cate'))
				droplist = Ext.getDom('Cate').value;
			if(droplist == '')
				alert('Please Select Product Type!!');
			else
				window.location = droplist;
		},
		
		inquiry: function(num){
			this.inquiryNo = num;
            if(!this.msgCt){
                this.msgCt = Ext.DomHelper.insertFirst('Inquiry', {id:'msg-div', style:{'width':'300'}}, true);
            }
            if(this.inquiryel == null){
            	this.msgCt.anchorTo('bgimg', 'l-lt', [-5,0]);
            	this.inquiryel = Ext.DomHelper.append(this.msgCt, {html:createInquiry(Ext.getDom('inquiryImg').value)}, true);
            }else{
            	if(Ext.isGecko === false)
            		this.msgCt.anchorTo('bgimg', 'l-l', [-5,0]);
            }
            this.inquiryel.slideIn('l');
//            this.mask = new Ext.LoadMask(document.body, {
//            	msg: '',
//            	msgCls: '',
//            	removeMask: true
//            });
//            this.mask.show();
//            this.shadow = new Ext.Shadow({mode: 'drop'});
//            this.shadow.show('inquiryBox');
        },
        
        inquiryend: function(num){
			if(num == 0 || num == 2){
				var cb = function(a,success,rspn){
					if(success){
//						var info = rspn.responseText.split('|')[0];
//						if(info != ''){
//							alert(info);
//						}
						//var value = eval(rspn.responseText);
						if(num == 2)
							window.location.href = "support.php?Type=inquiry";
					}
				}
				var cn = new Ext.data.Connection({url:"getdata.php?Type=addInquiry"}).request({
					scope: this, 
					method: "POST", 
					params: {"paramID": this.inquiryNo, "paramTable": Ext.util.Format.capitalize(picwd)}, 
					callback:cb
				});
			}
        	this.inquiryel.slideOut("l");
//        	this.mask.disable();
        },
        
        selectAll: function(){
        	var allcheck = Ext.query('input[type=checkbox]');
        	for(i=0;i<allcheck.length;i++){
        		allcheck[i].checked = true;
        	}
        },
        
        unselectAll: function(){
        	var allcheck = Ext.query('input[type=checkbox]');
        	for(i=0;i<allcheck.length;i++){
        		allcheck[i].checked = false;
        	}
        },
        
        selectRemove: function(){
        	var checked = Ext.query('input:checked');
        	if(checked.length > 0)
        		Ext.MessageBox.confirm('Confirm', 'Are you sure you want to delete?', this.shareDelete,this);
        },
        
        selectInquiry: function(){
        	var checked = Ext.query('input:checked');
        	var pdt = '', acc = '';
        	for(i=0;i<checked.length;i++){
        		if(checked[i].id.indexOf('pdt') != -1){
        			pdt += ','+checked[i].id.replace('pdt','');
        		}else{
        			acc += ','+checked[i].id.replace('acc','');
        		}
        	}
        	if(checked.length > 0){
        		var cb = function(a,success,rspn){
					if(success){
						window.location.href = "support.php?Type=inquiry";
					}
				}
				var cn = new Ext.data.Connection({url:"getdata.php?Type=freeInquiry"}).request({
					scope: this, 
					method: "POST", 
					params: {"pdtID": pdt.replace(',',''), "accID": acc.replace(',','')}, 
					callback:cb
				});
        	}
        },
        
        shareDelete: function(btn){
        	if(btn == 'yes'){
	        	var checked = Ext.query('input:checked');
				var strwd = '';
	    		for(i=0;i<checked.length;i++){
	        		strwd = ',' + checked[i].id.replace('checkbox','') + strwd;
	        	}
	    		var cb = function(a,success,rspn){
					if(success){
						var info = eval(rspn.responseText);
						var el = Ext.get('inquiryList');
						Ext.get('total').update(info.length);
						this.fancy(el, this.inquiryWhile(info));
					}
				}
				var cn = new Ext.data.Connection({url:"getdata.php?Type=delInquiry"}).request({
					scope: this, 
					method: "POST", 
					params: {"paramID": strwd.replace(',','')}, 
					callback:cb
				});
        	}
        },
		
		changeImage: function(num){
			var ci = Ext.getDom('inquiryImg').value.split('|')[2].split(',');
			var spic = Ext.get('spic'+num);
//			if(this.backupPic != null)
//				this.backupPic.replaceClass(picwd+'_more_div1','products_more_div2');
//			spic.replaceClass('products_more_div2',picwd+'_more_div1');
			this.maskDiv.anchorTo(spic, 'c-c', [0, 0], true);
//			var takepic = spic.first(null,true).src;
//			var arypic = takepic.split('.');
//			arypic[arypic.length-2] += '_b';
			this.fancy(Ext.get('bgimg'), '<img src="'+ ci[num-1] +'" alt="" width="300" height="314" />');
			
//			this.backupPic = spic;
		},
		
		createTab: function(num){
			var topdiv = Ext.getDom('toptab');
			topdiv.innerHTML = this.toptab[num];
			
			this.tabContext(Ext.get('pdtContext'), num);
		},
		
		tabContext: function(el, num){
			el.update('');
			el.addClass("loading-indicator");
			el.setStyle({"background-position": "50%", "height": "100px"});
			if(this.inContext[num] == null){
				var cb = function(a,success,rspn){
					if(success){
						var value = eval(rspn.responseText);
						this.inContext[num] = num == 1 ? this.faqWhile(value) : this.dlWhile(value);
						this.fancy(el, this.inContext[num]);						
					}
				}
				var cn = new Ext.data.Connection({url:"getdata.php?Type=tab"+num}).request({
					scope: this, 
					method: "POST", 
					params: {"paramID": this.condition[num-1]}, 
					callback:cb
				});
			}else{
				this.fancy(el, this.inContext[num]);
			}
		},
		
		fancy: function(el, value){
			el.hide();
			el.removeClass("loading-indicator");
			el.stopFx();
			el.update(value, true);
			el.autoHeight(true);
			el.fadeIn({
			    endOpacity: 1, 
			    easing: 'easeBoth',
			    duration: 1
			})
		},
		
		dlWhile: function(store){
			var tpl = new Ext.XTemplate(
				'<br><table width="640" border="0" cellspacing="0" cellpadding="0">',
				'<tr><td width="640">',
				'<img src="images/accessories_donwload_list_22.jpg" width="640" height="35" /></td></tr><tr><td>',
				'<tpl for=".">',
					'<div class="support_dl_accessories_div1">',
					'<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr>',
					'<td width="251"><div class="support_dl_div2"><a href="javascript:common.downloadFile({ID})"> {Filename}</a></div></td>',
					'<td width="3">&nbsp;</td>',
					'<td width="102" align="center" valign="middle">{StartDate}</td>',
					'<td width="3" align="center" valign="middle">&nbsp;</td>',
					'<td width="70" align="center" valign="middle">{Revision}</td>',
					'<td width="3" align="center" valign="middle">&nbsp;</td>',
					'<td width="72" align="center" valign="middle">{Size}</td>',
					'<td width="3" align="center" valign="middle">&nbsp;</td>',
					'<td width="81" align="center" valign="middle">',
					'<tpl for="System">',
						'<img src="images/system/{.}.jpg" width="25" height="30" />',
					'</tpl>',
					'</td><td width="3" align="center" valign="middle">&nbsp;</td>',
					'<td width="49" align="center" valign="middle"><a href="javascript:common.downloadFile({ID})"><img src="images/type/{Type}.jpg" width="23" height="30" border="0" /></a></td>',
					'</tr></table></div>',
				'</tpl>',
				'</td></tr></table>'
			);
			var word = store.length > 0 ? tpl.apply(store) : '<br>目前尚無任何下載';
			return word;
		},
		
		faqWhile: function(store){
			var tpl = new Ext.XTemplate(
				'<tpl for=".">',
					'<table width="640"><tr><td class="support_list_div3" width="640">',
					'<table><tr><td><div class="support_accessories_list_div1">',
					'<table width="611" border="0" cellspacing="0" cellpadding="0"><tr>',
					'<td width="611" height="32" valign="middle"><a href="javascript:common.theSlideIn({#})" id="click{#}">{Question}</a></td>',
					'</tr></table></div>',
					'</td></tr><tr><td>',
					'<div class="support_list_div2" id="ans{#}">',
					'<table width="611" border="0" cellspacing="0" cellpadding="0"><tr>',
					'<td width="611" height="32" valign="middle">{Answer}</td>',
					'</tr></table></div></td></tr></table>',
					'</td></tr></table>',
				'</tpl>'
			);
			var word = store.length > 0 ? tpl.apply(store) : '<br>目前尚無任何FAQ';
			return word;
		},
		
		inquiryWhile: function(store){
			var tpl = new Ext.XTemplate(
				'<table width="640" border="0" cellspacing="0" cellpadding="0"><tr>',
				'<td width="640" align="left" valign="top">',
				'<tpl for=".">',
					'<div class="support_inquiry_div1">',
					'<table width="100%" border="0" cellspacing="0" cellpadding="0"></table>',
					'<a href="{Type}.php?Type=more&KindID={Cate}&ID={linkID}"><img src="{Img}" alt="{PN}" width="150" height="168" border="0" /></a>',
					'<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr></tr>',
					'<tr><td align="left" valign="top"><a href="{Type}.php">',
					'<tpl if="Type == \'products\'">',
						'<img src="images/support_inquiry_36.jpg" width="64" height="11" border="0" />',
					'</tpl>',
					'<tpl if="Type != \'products\'">',
						'<img src="images/support_inquiry_32.jpg" width="64" height="11" border="0" />',
					'</tpl>',
					'</a></td></tr>',
					'<tr><td><div class="support_inquiry_div2">',
					'<table width="150" border="0" cellspacing="0" cellpadding="0"><tr>',
					'<td width="22" height="23"><input type="checkbox" name="checkbox{#}" id="checkbox{#}" /></td>',
					'<td width="5" height="23">&nbsp;</td>',
					'<td height="23"><a href="{Type}.php?Type=more&KindID={Cate}&ID={linkID}" class="link_main_bt_w">{PN}</a></td>',
					'<td width="5">&nbsp;</td>',
					'</tr></table>',
					'</div></td></tr></table></div>',
				'</tpl>',
				'</td></tr>',
				'<tr><td><br />',
				'<table width="100%" border="0" cellspacing="0" cellpadding="0">',
				'<tr><td height="3" align="center" valign="middle" bgcolor="#e0e0e0"></td></tr>',
				'<tr><td height="50" align="center" valign="middle">',
				'<a href="javascript:history.go(-1)"><img src="images/support_inquiry_50.jpg" width="184" height="29" border="0" /></a>',
				'<a href="support.php?Type=inquiryed"><img src="images/support_inquiry_51.jpg" width="182" height="29" border="0" /></a>',
				'</td></tr></table>',
				'</td></tr></table>'
			);
			var word = store.length > 0 ? tpl.apply(store) : noinquiry();
			return word;
		},
		
		theSlideOut: function(num){
			boxel = Ext.get('ans'+num);
			boxel.slideOut('t',{
				afterStyle: {'height':"0px"},
				block: false,
				useDisplay: true,
				stopFx: true
			});
			boxdom = Ext.getDom('click'+num);
			boxdom.href = "javascript:common.theSlideIn("+num+")";
			boxdom.innerHTML = boxdom.innerHTML.replace('<STRONG>','');
			boxdom.innerHTML = boxdom.innerHTML.replace('</STRONG>','');
			boxdom.style.fontWeight = 'normal';
		},
		
		theSlideIn: function(num){
			if(Ext.get('pdtContext'))
				Ext.get('pdtContext').setStyle({'height':'auto','padding-bottom':'10px'});
			boxel = Ext.get('ans'+num);
			if(Ext.isIE6){
				boxel.slideIn('t',{
					afterStyle: {height:"auto"},
					block: false,
					useDisplay: true,
					stopFx: true
				});
			}else{
				boxel.dom.style.display = 'block';
				boxel.autoHeight(true);
			}
			boxdom = Ext.getDom('click'+num);
			boxdom.href = "javascript:common.theSlideOut("+num+")";
			boxdom.innerHTML = boxdom.innerHTML.replace('<STRONG>','');
			boxdom.innerHTML = boxdom.innerHTML.replace('</STRONG>','');
			boxdom.style.fontWeight = 'bold';
		},
		
		downloadFile: function(dvalue){
			this.fileID = dvalue;
			this.codeID = Math.random()*9999;
			var cb = function(a,success,rspn){
				if(success){
					if(rspn.responseText.indexOf(this.codeID) != -1){
						window.location.href = "downfile.php?ID="+rspn.responseText.replace(this.codeID,'');
					}else{
						this.win = this.floatWin(verifyBox());
						this.win.show(document.body);
					}
				}
			}
			var cn = new Ext.data.Connection({url:"downfile.php"}).request({
				scope: this, 
				method: "POST", 
				params: {"ID": dvalue, "Code": this.codeID}, 
				callback:cb
			});
		},
		
		getFile: function(){
			var cb = function(a,success,rspn){
				if(success){
					var errorwd = rspn.responseText;
					if(errorwd.indexOf(this.codeID) != -1){
						this.win.close();
						window.location.href = "downfile.php?ID="+errorwd.replace(this.codeID,'');
					}else{
						Ext.get('errorMsg').update(errorwd);
					}
				}
			}
			var cn = new Ext.data.Connection({url:"downfile.php"}).request({
				scope: this, 
				method: "POST", 
				params: {"ID": this.fileID, "Code": this.codeID, "PW": Ext.getDom('verify').value}, 
				callback:cb
			});
		},
		
		closeWin: function(){
			if(this.win)
				this.win.close();
		},
		
		floatWin: function(html){
			var win = new Ext.Window({
    			modal: true, 
    			baseCls: '', 
    			headerAsText: false, 
    			html: html, 
    			closable: false, 
    			resizable: false, 
    			shim: false, 
    			shadow: 'drop',
			    layout:'fit', 
			    closeAction:'hide', 
				animate: true
			});
			return win;
		}, 
		
		gotosearch: function(type){
			var keyword = Ext.getDom('keyword').value;
			if (keyword.trim() == "" || keyword.trim() == "ENTER YOUR SEARCH"){
				alert('Please Enter Year Search!!');
			}else{
				keyword = encodeURIComponent(keyword);
				var strURL="support.php?Type="+type+"&keyword="+keyword.trim();
				location.href=strURL;
			}
		},
		
		mouseOverIf: function(divtable){
			var num = divtable.id.replace('runpdt','');
//			if(this.backupPic == num) return;
//			if(this.maskDiv == null){
//				this.maskDiv = Ext.DomHelper.append(Ext.getBody(), {
//					tag: 'div', cls: 'new_'+picwd+'_div', 
//					style: 'z-index: 5; display:block;'
//				}, true);
//				this.maskDiv.anchorTo('pdtlist'+num, 'c-c');
//			}else{
//				this.maskDiv.anchorTo('pdtlist'+num, 'c-c', [0, 0], true);
//			}
//			this.backupPic = num;
			if(this.picTip[num]){
				this.picTip[num] = new Ext.ToolTip({
					target: divtable,
					id: 'tip'+index,
					html: '<img src="Uploads/Accessories/content_photo/MOBILE%20PHONES/small-BT-PHF39.jpg" width="300" border="0" />',
					dismissDelay: 0,
					animCollapse: false,
					trackMouse: true,
					bodyBorder: false, 
					boder: false, 
					height: 500,
					hideBorders: true, 
					minWidth: 30,
					maxWidth: 500
				});
			}
			var idiv = Ext.get(divtable);
			if(this.backupPic != null){
				this.backupPic.replaceClass('new_'+picwd+'_div', 'new_accessories_div-2');
			}
			idiv.replaceClass('new_accessories_div-2', 'new_'+picwd+'_div');
			this.backupPic = idiv;
		},
		
		showImage: function(obj){
			if(this.maskDiv1 == null){
				this.maskDiv1 = Ext.DomHelper.append(Ext.getBody(), {
					tag: 'div', cls: picwd+'_list_zoom_div2', 
					style: 'z-index: 14; display:block;width:300px', 
					html: '<img src="Uploads/Accessories/content_photo/MOBILE%20PHONES/small-BT-PHF39.jpg" width="300" border="0" />'
				}, true);
//				this.maskDiv1.hide();
			}
			this.maskDiv1.anchorTo(obj, 'bl-c', [0, 0]);
			this.maskDiv1.show(true);
		},
		
		hideImage: function(obj){
			this.maskDiv1.hide(true);
		},
		
		MM_jumpOver: function(divtable, dcls){
			var idiv = Ext.get(divtable.id);
			var num = divtable.id.replace('runpdt','');
			
//			if(this.backupPic != null){
//				this.backupPic.replaceClass(dcls, 'product_list_div1');
//				var backnum = this.backupPic.id.replace('runpdt','');
//				Ext.get('products_list_zoom_div'+backnum).hide();
//			}
//			idiv.replaceClass('product_list_div1', dcls);
//			
//			if(!Ext.get('products_list_zoom_div'+num)){
//				idiv.insertFirst({tag: 'div',
//					id: 'products_list_zoom_div'+num,
//					cls: 'products_list_zoom_div',
//					html: '<img src="images/products_list_24.jpg" width="22" height="22"/>'
//				});
//			}else{
//				Ext.get('products_list_zoom_div'+num).show();
//			}
//			
//			var index = num;
//			if (isNaN(num)){
//				picwd = num.split('_')[1];
//				color = 'other';
//			}
//			num = num.split('_')[0];
//			if(picwd == 'products')
//				box = parseInt(num)+10000;
//			else
//				box = parseInt(num)+20000;
//				
//			if(!this.picTip[box]){
//				this.picTip[box] = new Ext.ToolTip({
//					target: 'products_list_zoom_div'+index,
//					id: 'tip'+index,
//					autoLoad: {url: 'getdata.php?Type=morePdt',
//						params:{"paramID": num, "paramTable": Ext.util.Format.capitalize(picwd), "color": color},
//						text: "Loading...",
//						callback: this.showTip, 
//						scope: this,
//						timeout: 10},
//					dismissDelay: 0,
//					animCollapse: false,
//					trackMouse: true,
//					bodyBorder: false, 
//					boder: false, 
//					height: 500,
//					hideBorders: true, 
//					minWidth: 322,
//					maxWidth: 500
//				});
//			}
//			this.backupPic = idiv;
		},
		
		showTip: function(a,b,c){
			if(b){
				var wd = c.responseText;
				var theid = wd.substring(wd.indexOf('morebox')+7, wd.indexOf('_div'));
				
				if (isNaN(theid))
					picwd = theid.split('_')[1];
				theid = theid.split('_')[0];
				if(picwd == 'products')
					box = parseInt(theid)+10000;
				else
					box = parseInt(theid)+20000;
				
				this.picTip[box].removeClass('x-tip');
				var tipbox = this.positionTip(this.picTip[box].getBox(true));
//				this.picTip[box].mouseOffset = [100, -5];
				this.picTip[box].setPosition(tipbox[0], tipbox[1]);
				this.positionTip(this.picTip[box].getBox(true))
			}
		},
		
		positionTip: function(obj){
			sl = Ext.getBody().getScroll(); 
			bd = Ext.getBody().getViewSize(); 
//			alert(sl.left+','+sl.top+'|'+bd.width+','+bd.height+'|'+obj.width+','+obj.height+'|'+obj.x+','+obj.y);
			if(bd.width/2 > obj.width)
				x = (bd.width > obj.width + obj.x) ? obj.x : obj.x - obj.width - 50;
			else
				x = obj.x;
			y = (sl.top + bd.height > obj.height + obj.y) ? obj.y : obj.y - (obj.y + obj.height - sl.top - bd.height);
//			alert(x+','+y);
			return [x, y]
		}
	}
}();

function changeMenu(droplist, changeDrop){
	var drop = Ext.getDom(changeDrop);
	for (var m= drop.options.length; m > 0; m--) {
		drop.options[m] = null;
	}
	var cb = function(a,success,rspn){
        if(success){
        	var value = eval(rspn.responseText);
        	for(var i=0;i<value.length;i++){
        		drop.options[i+1] = new Option(value[i].Name, 'support.php?Type=download&KindID='+value[i].CategoryID+'&ID='+value[i].ID);
        	}
        }
    }
    if(droplist.value != ''){
		var cn = new Ext.data.Connection({url:"getdata.php?Type=download"}).request({
			scope: this, 
			method: "POST", 
			params: {"paramID": droplist.value.toString()}, 
			callback:cb
		});
    }
}

Ext.onReady(common.init, common);