var _mView,_aboutS,_clientS,_panel;
function Get_view()
{
_mView = new Ext.DataView
    ({
        id :'mView',
        renderTo :'WorkingArea',
        autoShow :true,
        autoHeight:true,
        overClass:'',
        itemSelector:'div.thumb-wrap',
        emptyText: '<div class="loading-indicator">Loading...</div>',
        loadingText :'Loading...',
        prepareData: function(data)
        {
            if (data.Icon_File =="")data.Icon_File ="bullet.gif";
            data.Icon ='<img align="absmiddle" border="0" src="Res/Uploaded/'+ data.Icon_File +'"vspace="4" />';
            return data;
        }
    });
}
Ext.onReady(function(){
Ext.QuickTips.init();
    Get_view();
    _panel = new Ext.Panel({bodyStyle:'background-color:#EAEFF2;border:0px;',frame:false,border :false,width:760,id:'mPanel'});
    _aboutS = new Ext.data.JsonStore
    ({
        url: 'Scripts/GetData.ashx',
        autoLoad :false,
        baseParams :{Table:'About'},
        root: 'data',
        fields: ['id','Title','Icon_File','TheText']
    });
    _solutionS = new Ext.data.JsonStore
    ({
        url: 'Scripts/GetData.ashx',
        baseParams :{Table:'Products'},
        root: 'data',
        autoLoad :false,
        fields: ['id','Title','Icon_File','Description']
    });
    _FaqS = new Ext.data.JsonStore
    ({
        url: 'Scripts/GetData.ashx',
        baseParams :{Table:'FAQ'},
        root: 'data',
        autoLoad :false,
        fields: ['id','Question','Answer']
    });
_SStore = new Ext.data.JsonStore
    ({
        url: 'Scripts/GetData.ashx',
        baseParams :{Table:'Stuff'},
        root: 'data',
        autoLoad :true,
        fields: ['ID','Name','Job','Ext','Phone','Email']
    });
    _NewsS = new Ext.data.JsonStore
    ({
        url: 'Scripts/GetData.ashx',
        baseParams :{Table:'News'},
        root: 'data',
        autoLoad :false,
        fields: ['ID','Title','TheText']
    });
    _clientS = new Ext.data.JsonStore
    ({
        url: 'Scripts/GetData.ashx',
        baseParams :{Table:'Clients'},
        root: 'data',
        autoLoad :false,
        fields: ['id','ClientName','LogoFile','ClientLink','Description']
    });
    if(location.search.indexOf('download')>0)
{
    ShowSupport();
}else{
    FixHome();
}
});

// Flash Function
function recieveClick(ind) 
{
    _rotator = Ext.getCmp('OurStuff');
    if(_rotator)
    {
        _rotator.stop();
    }
    document.body.style.marginTop =0;
    //_mView.overClass='x-view-over';
    switch (ind)
    {
        case ('About'):
            if(_aboutS.getTotalCount()==0)_aboutS.load();
            _mView.setStore(_aboutS);
            _mView.tpl = _abtpl;
            //_mView.overClass='';
            _mView.itemSelector ='div.thumb-wrap';
            _mView.refresh();
            _panel.destroy();
        break;
        case ('Clients'):
            if(_clientS.getTotalCount()==0)_clientS.load();
            _mView.setStore(_clientS);
            _mView.tpl = _Cltpl;
            _mView.itemSelector ='div.thumb-Client';
            _mView.refresh();
            _panel.destroy();
        break;
        case ('Solutions'):
            if(_solutionS.getTotalCount()==0)_solutionS.load();
            _mView.setStore(_solutionS);
            _mView.tpl = _Sltpl;
            _mView.itemSelector ='div.thumb-wrap';
            _mView.refresh();
            _panel.destroy();
        break;
        case ('Faq'):
            document.getElementById("MenuFlash").UpdateFlash();
            if(_FaqS.getTotalCount()==0)_FaqS.load();
            _mView.setStore(_FaqS);
            _mView.tpl = _Faqtpl;
            _mView.itemSelector ='div.thumb-Faq';
            _mView.refresh();
            _panel.destroy();
        break;
        case ('News'):
              document.getElementById("MenuFlash").UpdateFlash();
            if(_NewsS.getTotalCount()==0)_NewsS.load();
            _mView.setStore(_NewsS);
            _mView.tpl = _Newstpl;
            _mView.itemSelector ='div.thumb-Faq';
            _mView.refresh();
            _panel.destroy();
        break;
        case ('Contact'):
            if (_mView.tpl)
            {
                _mView.tpl = _dummy;
                _mView.refresh();
            }
            if (!Ext.getCmp('mPanel'))_panel = new Ext.Panel({bodyStyle:'border:0px;background-color:#EAEFF2',frame:false,border :false,width:760,id:'mPanel'});
            _panel.render('WorkingArea');
            _panel.load({url: "Pages/Contact.htm",scripts: true});
        break;
        case ('Download'):
          document.getElementById("MenuFlash").UpdateFlash();
        case ('Support'):
            ShowSupport();
        break;
    }
}
function ShowSupport()
{
if (_mView.tpl)
            {
                _mView.tpl = _dummy;
                _mView.refresh();
            }
            if (!Ext.getCmp('mPanel'))_panel = new Ext.Panel({bodyStyle:'border:0px;background-color:#EAEFF2',frame:false,border :false,width:760,id:'mPanel'});
            _panel.render('WorkingArea');
            _panel.load({url: "Pages/Support.htm",scripts: true});
}
//Main Function
function FixHome()
{
    padd = (document.documentElement.clientHeight - 434 )/2;
    document.body.style.marginTop =padd;
}
//About Page
    var _abtpl = new Ext.XTemplate(
		'<tpl for=".">',
            '<div class="thumb-wrap" id="{id}">',
		    '<div class="aboutTitle">{Icon}{Title}</div>',
		    '<div class="aboutDes">{TheText}</div></div>',
        '</tpl>',
        '<div class="x-clear"></div>'
	);
	var _Faqtpl = new Ext.XTemplate(
		'<tpl for=".">',
            '<div class="thumb-Faq" id="{id}">',
		    '<div class="Question"><img align="absmiddle" src="Res/Images/Ques.gif">{Question}</div>',
		    '<div class="Answer">{Answer}</div></div>',
        '</tpl>',
        '<div class="x-clear"></div>'
	);
	var _Stufftpl = new Ext.XTemplate(
		'<tpl for=".">',
            '<div id="{id}">',
		    '<div class="StufName">{Name}</div>',
		    '<div class="StufJob">{Job}</div><div class="StufPhone">Mob:{Phone} Ext:{Ext}</div>',
            '<div class="StufEmail">{Email}</div></div>',
        '</tpl>',
        '<div class="x-clear"></div>'
	);
	var _Newstpl = new Ext.XTemplate(
		'<tpl for=".">',
            '<div class="thumb-Faq" id="{id}">',
		    '<div class="Question"><img align="absmiddle" src="Res/Images/Ques.gif">{Title}</div>',
		    '<div class="Answer">{TheText}</div></div>',
        '</tpl>',
        '<div class="x-clear"></div>'
	);
	var _dummy = new Ext.XTemplate(
		'<tpl for=".">',
        '</tpl>',
        '<div class="x-clear"></div>'
	);
//Client Page
    var _Cltpl = new Ext.XTemplate(
		'<tpl for=".">',
            '<div class="thumb-Client" id="{id}">',
		    '<div class="CLientTitle"><img align="absmiddle" src="Res/Images/Ques.gif"><a target="_blank" href="{ClientLink}">{ClientName}</a></div></div>',
        '</tpl>',
        '<div class="x-clear"></div>'
	);
var _Sltpl = new Ext.XTemplate(
		'<tpl for=".">',
            '<div class="thumb-wrap" id="{id}">',
		    '<div class="aboutTitle">{Icon}{Title}</div>',
		    '<div class="aboutDes">{Description}</div></div>',
        '</tpl>',
        '<div class="x-clear"></div>'
	);
function _nsubmit(FrmName)
{
    _priceFrm = Ext.getCmp(FrmName).getForm();
    _priceFrm.getEl().dom.action ='Scripts/AjaxScripts.aspx';
    _priceFrm.getEl().dom.target = 'dwnldFrm';
    if (_priceFrm.isValid())_priceFrm.getEl().dom.submit();
}	
function doErr(msg)
{
    msg = Ext.Msg.show({title:'Error',msg: msg,buttons: Ext.Msg.OK ,minWidth :250,icon: Ext.MessageBox.ERROR});
}
function CreateControl(DivID, CLSID, ObjectID,WIDTH, HEIGHT, URL)
{
  var d = document.getElementById(DivID);
  d.innerHTML = 
    '<object classid=' + CLSID + ' id=' + ObjectID + 
    ' codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" '
    + ' width=' + WIDTH + ' height=' + HEIGHT +'><param name="movie" value=' + URL 
    + '><param name="quality" value="High"><param name="wmode" value="transparent">'
    +'<embed src="Res/swf/Menu.swf" quality="high" wmode="transparent" width="'+WIDTH+'" height="'+HEIGHT+'" name="'+ObjectID+'"'
    +' align="middle" allowscriptaccess="always" type="application/x-shockwave-flash" '
    +' pluginspage="http://www.macromedia.com/go/getflashplayer"/></object>';
}