/*
 * Ext JS Library 3.0+
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license, iGlue library Copyright(c) 2007-2009 In4 Ltd. 
 */
Ext.ns("iGlue");iGlue.Site=new in4.base.App({initMainView:function(){this.viewPort=new in4.base.Component({id:"iglueSite",resizable:false,container:Ext.getBody(),width:"100%",height:"100%",elCls:"mainBg",listeners:{init:{fn:function(a){Ext.DomHelper.append(Ext.getBody(),{tag:"div",id:"logo",style:"position:absolute; top: 20px; left: 20px; width:126px;height: 41px; background: url(res/iglue/images/iglue_logo_beta.png);"});var b=Ext.DomHelper.insertFirst(Ext.get("iglueSite"),{tag:"div",id:"main-tools",style:"position:absolute; top:5px; right: 5px; width: 310px;",html:'<div style="height: 25px;"><div style="width: 100px; float:right;" id="languageSelect"></div><div style="line-height: 22px; vertical-align: middle; text-align: right; width: 200px;" id="loginLink"></div></div>'},true);this.langCombo=new in4.base.form.Combo({listCls:"dark-dropdown",defaultText:"",displayField:"name",valueField:"shortName",initialSelection:{id:this.lm.actual,name:this.lm.language},width:"100%",height:24,id:"lselector",autoHeight:true,container:b.child("#languageSelect"),mode:"local",scroll:false,rowTpl:"plain",data:this.lm.locales,listeners:{select:{scope:this,fn:function(d,e,c){this.lm.setLocale(d)}}}});Ext.DomHelper.insertFirst(Ext.get("iglueSite"),{tag:"img",id:"center-image",style:"position:absolute; top: 0px; left: "+((Ext.getBody().getWidth()-904)/2)+"px; width:904;height: 80px; ",src:"res/iglue/images/center-image.png"})},scope:this}},items:[{id:"mainv",gtype:"splitter",width:"100%",height:"100%",closed:true,enabled:false,collapsable:true,regionCfg:{sizeLR:"right"},setSideBar:function(a){if(a){this.open();this.collapser.removeClass("i-collapser-closed-"+this.regionCfg.sizeLR);this.enableCollapse()}else{this.close();this.collapser.addClass("i-collapser-closed-"+this.regionCfg.sizeLR);this.disableCollapse()}},items:[{gtype:"component",id:"center",region:"left",height:"100%",width:"100%",resizable:false,items:[]},{gtype:"component",id:"east",region:"right",width:350,minWidth:350,maxWidth:500,style:"padding-top: 10px;padding-right: 10px;",portal:true,resizable:false,scroll:true,wrapStyle:"padding-right: 10px;",listeners:{init:{fn:function(a){Ext.DomHelper.append(a.el,{tag:"div",cls:"i-let-upper-grad"})}}}}]},{gtype:"maintab",id:"tabbar",width:"100%",height:42,scrollButton:true,viewPort:"center",style:"padding-left: 178px",listeners:{activetabchange:{fn:function(b,a){if(b.activeTab&&a.sidebarActive!=b.activeTab.sidebarActive){this.container.items[0].setSideBar(a.sidebarActive)}}}}}]})},moduleLoadHandler:function(a,b){if(a=="search"&&this.initMainView!=Ext.emptyFn){in4.modules.search.app=this;in4.modules.search.init("center")}else{if(a=="info"&&this.initMainView!=Ext.emptyFn){in4.base.modules.iinfo.app=this;in4.base.modules.iinfo.init("center");in4.base.modules.iinfo.addInfo(b)}else{if(a=="east"&&this.initMainView!=Ext.emptyFn){in4.modules.east.app=this;in4.modules.east.init(b.entityId,b.discriminator.match(/(?:<span class="(?:iglue-hitname" alternate="[^"]*"|iglue-name")[^>]*>([^<]*)<\/span>)/)[1])}else{if(a=="auth"&&this.initMainView!=Ext.emptyFn){in4.modules.auth.app=this;in4.modules.auth.init("center")}else{if(a=="hierarchyeditor"&&this.initMainView!=Ext.emptyFn){in4.modules.hierarchyeditor.app=this;in4.modules.hierarchyeditor.init("center")}else{if(a=="language"&&this.initMainView!=Ext.emptyFn){in4.modules.language.app=this;in4.modules.language.init("center")}else{if(a=="similator"&&this.initMainView!=Ext.emptyFn){in4.modules.similator.app=this;in4.modules.similator.init("center")}}}}}}}},showWindow:function(a){if(!this.infoWindow){this.infoWindow=new iGlue.Site.HowToUse({container:Ext.getBody()})}else{this.infoWindow.show()}this.infoWindow.setActive(a)}});iGlue.Site.HowToUse=Ext.extend(in4.base.Panel,{mode:"window",gtype:"auth",height:660,width:730,elCls:"auth-window",boxCls:"a-pan",bodyCls:"auth-window-body",initComponent:function(){this.isModal={overlay:Ext.getBody()};this.rendered={};this.tpls={};this.tpls.searchtouse=(new Ext.XTemplate('<div><img class="modal-close i-link" src="res/iglue/images/auth/close.png" style="float: right;padding-right:24px;" />','<div style="width: 680px; height:540px; margin-left: 20px; margin-right: 20px;">','<object width="640" height="505">','<param name="movie" value="http://www.youtube.com/v/LGmUBfccPsg&hl=en_US&fs=1&rel=0&color1=0x234900&color2=0x4e9e00"></param>','<param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param>','<embed src="http://www.youtube.com/v/LGmUBfccPsg&hl=en_US&fs=1&rel=0&color1=0xc1c1c1&color2=0xf3f3f3" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="505"></embed>',"</object>","</div>",'<div class="field-set-main"><div class="field-set-tl"><div class="field-set-tr"><div class="field-set-tc"></div></div></div>','<div class="field-set-ml"><div class="field-set-mr"><div class="field-set-mc">','<span style="color:#77A600;">1. How to Search Video</span> | <span class="how-to-datasheet" style="cursor:pointer;cursor:hand;">2. How to use Datasheet Video</span>',"</div></div></div>",'<div class="field-set-bl"><div class="field-set-br"><div class="field-set-bc"></div></div></div></div></div>',{msg:msg}));this.tpls.datasheettouse=(new Ext.XTemplate('<div><img class="modal-close i-link" src="res/iglue/images/auth/close.png" style="float: right;padding-right:24px;" />','<div style="width: 680px;height:540px; margin-left: 20px; margin-right: 20px;">','<object width="640" height="505">','<param name="movie" value="http://www.youtube.com/v/yxQmY4P5dEs&hl=en_US&fs=1&rel=0&color1=0x234900&color2=0x4e9e00"></param>','<param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param>','<embed src="http://www.youtube.com/v/yxQmY4P5dEs&hl=en_US&fs=1&rel=0&color1=0xc1c1c1&color2=0xf3f3f3" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="505"></embed>',"</object>","</div>",'<div class="field-set-main"><div class="field-set-tl"><div class="field-set-tr"><div class="field-set-tc"></div></div></div>','<div class="field-set-ml"><div class="field-set-mr"><div class="field-set-mc">','<span class="how-to-search" style="cursor:pointer;cursor:hand;">1. How to Search Video</span> | <span style="color:#77A600;">2. How to use Datasheet Video</span>',"</div></div></div>",'<div class="field-set-bl"><div class="field-set-br"><div class="field-set-bc"></div></div></div></div></div>',{msg:msg}));iGlue.Site.HowToUse.superclass.initComponent.call(this);this.bodyEl.on("click",this.onBodyClick,this)},renderTab:function(a){if(this.rendered[a]||!this.tpls[a]){return}this.rendered[a]=this.tpls[a].append(this.bodyEl,{},true)},setActive:function(a){if(this.rendered[this.actTab]){this.rendered[this.actTab].addClass("i-nullheight")}if(this.rendered[a]){this.rendered[a].removeClass("i-nullheight")}else{if(this.tpls[a]){this.renderTab(a)}else{throw Ext.Error("Invalid view")}}this.actTab=a;this.resize(this,this.width,this.height);var c=Ext.getBody().getSize();var b=this.el.getSize();this.el.dom.style.left=(c.width-b.width)/2+"px";this.el.dom.style.top=(c.height-b.height)/2+"px";this.el.dom.style.position="absolute"},onBodyClick:function(c,b){var a=Ext.get(b);if(a.hasClass("how-to-search")){this.setActive("searchtouse")}else{if(a.hasClass("how-to-datasheet")){this.setActive("datasheettouse")}}if(a.hasClass("modal-close")){this.hide()}}});