/*
       
   TRI-M HOMEPAGE
   
   VERSIE:                  3.5.1.0

   ONTWERPER/PROGRAMMEUR:   MJJ Smeets
   ONTWERPER/GRAFISCH:      M vd Einde

   DESIGN:                  Tri-M Homepage is een geavanceerd PHP script dat toegrijpt op een
                            MySQL database, en produceert zo een dynamische XHTML website met complexe
                            JavaScript en AJAX functionaliteit. Wij gebruiken het crossbrowser Javascript
                            framework "Ext.js", zodat onze site op alle browsers goed werkt.
   

*/

//Global variables

Ext.namespace("TriM");

var myTri = null;
var sw = false;
var elem = null;
var inlinewin = null;
var folioPopped = false;
var globindex = 0;

//////////////////Seek Panel///////////

var seekStore = new Ext.data.JsonStore({
    url: 'search.php?seekdescr=web',
    root: 'resultaten',
    fields: ['titel', 'omschrijving', 'url']
});

var seekPanel = new Ext.Panel({
    id:"search_panel",
    width:622,
    height:355,
    frame:true,
    layout:"border",
        items:[
            {
                xtype:"panel",
                region:"center",
                frame: true,
                split:true,
                collapsible:true,
                layout:"fit",
                width:613,
                height:123,
                items:{
                    xtype:'fieldset',
                    layout:'absolute',
                    items:[
                        {
                            xtype:"label",
                            text:"Website doorzoeken",
                            x:5,
                            y:1
                        },{
                            xtype:"textfield",
                            id:'zoekveld',
                            width:300,
                            x:120,
                            y:1
                        }
                    ]
                },
                buttons:[{
                    text:"Geavanceerd",
                    handler:function(){
                }
            },{
                text:"Doorzoek de site",
                handler:function(){
                    if (Ext.get('zoekveld').dom.value.length > 0) {
                        seekStore.removeAll();
                        var cOpdracht = Ext.get('zoekveld').dom.value;
                        seekStore.proxy = new Ext.data.HttpProxy({url: 'search.php?seekdescr=' + cOpdracht});
                        seekStore.reload();
                    } else {
                        Ext.Msg.alert('Foute invoer', 'U heeft geen zoekopdracht ingevoerd.');
                    }
                }
            }]
        },{
            xtype:"panel",
            id:"gridpanel",
            region:"south",
            frame: true,
            split:true,
            collapsible:true,
            layout:"absolute",
            width:613,
            height:230,
            items:new Ext.grid.GridPanel({
                id:"seekgrid",
                store: seekStore,
                columns: [
                    {id:'titel',header: "Titel", width: 100, sortable: true, dataIndex: 'titel'},
                    {id:'omschrijving',header: "Omschrijving", width: 200, sortable: true, dataIndex: 'omschrijving'},
                    {id:'url',header: "URL", width: 100, sortable: true, dataIndex: 'url'}
                ],
                listeners: {
                    rowdblclick:function(grid, rowIndex, e) {
                        var curPage = seekStore.data.items[rowIndex].data.url;
                        //window.open(curPage);
                        location = curPage;
                    }
                },
                viewConfig: {
                    emptyText: '<div align="center">Bezig laden gegevens...</div>'
                },
                stripeRows: true,
                autoExpandColumn: 'omschrijving',
                height:350,
                width:600,
                title:'Resultaten zoekopdracht'
            })
        }
    ]
});

//////////////////Effects Class///////////

//Define Class
function Trieffects() {}

//inherit from Object Class
Trieffects.prototype = new Object();

//Define Class Properties
Trieffects.prototype.activepage = '1';

Trieffects.prototype.keyword = '';

Trieffects.prototype.results = 5;

//Define Class Methods
Trieffects.prototype.start = function(n){
    //new Draggable('ContactFormLayer', { revert: true });
    setTimeout("Ext.get('LoadLayer').fadeOut();Ext.get('DocumentLayer').fadeIn({ duration: 2 });",500);
    setTimeout("myTri.colorElems('item',5," + n + "); myTri.colorElems('link',5," + n + ");myTri.IEcorrections();",750);
    setTimeout("Ext.get('loadinggif').remove();myTri.jsClock();Ext.get('ClockLayer').fadeIn({ duration: 2 });",1000);
         
    Ext.get('keyword').dom.onkeypress = function(e){
        if (e.keyCode == 13) {
            if (Ext.get('keyword').dom.value == '') {
                Ext.Msg.alert('Tri-M Melding','U heeft geen zoekopdracht ingevuld.');
            } else {
                myTri.swappage('Z');
            }
            return false;
        }
    };
}

Trieffects.prototype.startajax = function(strurl){
		Ext.Ajax.request({
            url: strurl,
			method: 'get',
            success: new function(response, options){
				myTri.swappage("X");
                Ext.get('ContentX').dom.innerHTML = response.responseText;
			},
            failure: new function(){
				Ext.Msg.alert('Tri-Folio Melding', 'Ajax verbinding mislukt');
			}
        });
        return false;
}

Trieffects.prototype.IEcorrections = function() {
    if (Ext.isIE) {
        Ext.get('LogoLayer3').setX(Ext.get('LogoLayer3').getX() - 3);
    } else {
        Ext.get('LogoLayer3').setX(Ext.get('LogoLayer3').getX() - 1);
        Ext.get('LogoLayer3').setY(Ext.get('LogoLayer3').getY() + 3);
        Ext.get('link1').setWidth(Ext.get('link1').getWidth() + 3);
        Ext.get('RightLayer1').setHeight(Ext.get('RightLayer1').getHeight() + 4);
    }
}

Trieffects.prototype.doajax = function(strurl){
		Ext.Ajax.request({
            url: strurl,
			   method: 'get',
            success: new function(response, options){
				myTri.swappage("X");
                Ext.get('ContentX').dom.innerHTML = response.responseText;
			},
            failure: new function(){
				Ext.Msg.alert('Tri-Folio Melding', 'Ajax verbinding mislukt');
			}
        });
        return false;
}

Trieffects.prototype.appear = function(){
        Ext.get('dyn').fadeIn();
}

Trieffects.prototype.loadurl = function(url){
        Ext.get('dyn').puff();
        setTimeout("myTri.doajax('" + url + "');",1000);
        setTimeout("myTri.appear();",1100);
}
	
Trieffects.prototype.swappage = function(page){
		this.activepage = page;
		if (typeof myContactWin != "undefined" && page != "5") {
		    myContactWin.hide()
		}
                if (folioPopped) {
                    FolioPanel.destroy();
                }
		if (page == "X") {
			this.colorElems("item",5,0);
			this.colorElems("link",5,0);
			Ext.get('Content1').dom.style.display = "none";
			Ext.get('Content2').dom.style.display = "none";
			Ext.get('Content3').dom.style.display = "none";
			Ext.get('Content4').dom.style.display = "none";
			Ext.get('Content5').dom.style.display = "none";
			Ext.get('ContentX').dom.style.display = "block";
			Ext.get('ContentP').dom.style.display = "none";
			Ext.get('ContentO').dom.style.display = "none";
			Ext.get('ContentS').dom.style.display = "none";
			Ext.get('ContentR').dom.style.display = "none";
			Ext.get('ContentB').dom.style.display = "none";
			Ext.get('ContentW').dom.style.display = "none";
			Ext.get('ContentD').dom.style.display = "none";
			Ext.get('ContentM').dom.style.display = "none";
			Ext.get('ContentZ').dom.style.display = "none";
			Ext.get('ContentT').dom.style.display = "none";
			Ext.get('ContentL').dom.style.display = "none";
			Ext.get('ContentN').dom.style.display = "none";
			Ext.get('ContentQ').dom.style.display = "none";
		} else if (page == "P") {
			this.colorElems("item",5,0);
			this.colorElems("link",5,0);
			Ext.get('Content1').dom.style.display = "none";
			Ext.get('Content2').dom.style.display = "none";
			Ext.get('Content3').dom.style.display = "none";
			Ext.get('Content4').dom.style.display = "none";
			Ext.get('Content5').dom.style.display = "none";
			Ext.get('ContentX').dom.style.display = "none";
			Ext.get('ContentP').dom.style.display = "block";
			Ext.get('ContentO').dom.style.display = "none";
			Ext.get('ContentS').dom.style.display = "none";
			Ext.get('ContentR').dom.style.display = "none";
			Ext.get('ContentB').dom.style.display = "none";
			Ext.get('ContentD').dom.style.display = "none";
			Ext.get('ContentM').dom.style.display = "none";
			Ext.get('ContentW').dom.style.display = "none";
			Ext.get('ContentZ').dom.style.display = "none";
			Ext.get('ContentT').dom.style.display = "none";
			Ext.get('ContentL').dom.style.display = "none";
			Ext.get('ContentN').dom.style.display = "none";
			Ext.get('ContentQ').dom.style.display = "none";
         folioPopped = true;
         runTriFolio("webdata.php");
		} else if (page == "O") {
			this.colorElems("item",5,0);
			this.colorElems("link",5,0);
			Ext.get('Content1').dom.style.display = "none";
			Ext.get('Content2').dom.style.display = "none";
			Ext.get('Content3').dom.style.display = "none";
			Ext.get('Content4').dom.style.display = "none";
			Ext.get('Content5').dom.style.display = "none";
			Ext.get('ContentX').dom.style.display = "none";
			Ext.get('ContentP').dom.style.display = "none";
			Ext.get('ContentO').dom.style.display = "block";
			Ext.get('ContentS').dom.style.display = "none";
			Ext.get('ContentR').dom.style.display = "none";
			Ext.get('ContentB').dom.style.display = "none";
			Ext.get('ContentD').dom.style.display = "none";
			Ext.get('ContentM').dom.style.display = "none";
			Ext.get('ContentW').dom.style.display = "none";
			Ext.get('ContentZ').dom.style.display = "none";
			Ext.get('ContentT').dom.style.display = "none";
			Ext.get('ContentL').dom.style.display = "none";
			Ext.get('ContentN').dom.style.display = "none";
			Ext.get('ContentQ').dom.style.display = "none";
		} else if (page == "S") {
			this.colorElems("item",5,0);
			this.colorElems("link",5,0);
			Ext.get('Content1').dom.style.display = "none";
			Ext.get('Content2').dom.style.display = "none";
			Ext.get('Content3').dom.style.display = "none";
			Ext.get('Content4').dom.style.display = "none";
			Ext.get('Content5').dom.style.display = "none";
			Ext.get('ContentX').dom.style.display = "none";
			Ext.get('ContentP').dom.style.display = "none";
			Ext.get('ContentO').dom.style.display = "none";
			Ext.get('ContentS').dom.style.display = "block";
			Ext.get('ContentR').dom.style.display = "none";
			Ext.get('ContentB').dom.style.display = "none";
			Ext.get('ContentW').dom.style.display = "none";
			Ext.get('ContentZ').dom.style.display = "none";
			Ext.get('ContentD').dom.style.display = "none";
			Ext.get('ContentM').dom.style.display = "none";
			Ext.get('ContentT').dom.style.display = "none";
			Ext.get('ContentL').dom.style.display = "none";
			Ext.get('ContentN').dom.style.display = "none";
			Ext.get('ContentQ').dom.style.display = "none";
         runTriFolio("tridata.php");
		} else if (page == "R") {
			this.colorElems("item",5,0);
			this.colorElems("link",5,0);
			Ext.get('Content1').dom.style.display = "none";
			Ext.get('Content2').dom.style.display = "none";
			Ext.get('Content3').dom.style.display = "none";
			Ext.get('Content4').dom.style.display = "none";
			Ext.get('Content5').dom.style.display = "none";
			Ext.get('ContentX').dom.style.display = "none";
			Ext.get('ContentP').dom.style.display = "none";
			Ext.get('ContentO').dom.style.display = "none";
			Ext.get('ContentS').dom.style.display = "none";
			Ext.get('ContentR').dom.style.display = "block";
			Ext.get('ContentB').dom.style.display = "none";
			Ext.get('ContentW').dom.style.display = "none";
			Ext.get('ContentD').dom.style.display = "none";
			Ext.get('ContentM').dom.style.display = "none";
			Ext.get('ContentZ').dom.style.display = "none";
			Ext.get('ContentT').dom.style.display = "none";
			Ext.get('ContentL').dom.style.display = "none";
			Ext.get('ContentN').dom.style.display = "none";
			Ext.get('ContentQ').dom.style.display = "none";
		} else if (page == "D") {
			this.colorElems("item",5,0);
			this.colorElems("link",5,0);
			Ext.get('Content1').dom.style.display = "none";
			Ext.get('Content2').dom.style.display = "none";
			Ext.get('Content3').dom.style.display = "none";
			Ext.get('Content4').dom.style.display = "none";
			Ext.get('Content5').dom.style.display = "none";
			Ext.get('ContentX').dom.style.display = "none";
			Ext.get('ContentP').dom.style.display = "none";
			Ext.get('ContentO').dom.style.display = "none";
			Ext.get('ContentS').dom.style.display = "none";
			Ext.get('ContentR').dom.style.display = "none";
			Ext.get('ContentB').dom.style.display = "none";
			Ext.get('ContentD').dom.style.display = "block";
			Ext.get('ContentM').dom.style.display = "none";
			Ext.get('ContentW').dom.style.display = "none";
			Ext.get('ContentZ').dom.style.display = "none";
			Ext.get('ContentT').dom.style.display = "none";
			Ext.get('ContentL').dom.style.display = "none";
			Ext.get('ContentN').dom.style.display = "none";
			Ext.get('ContentQ').dom.style.display = "none";
		} else if (page == "M") {
			this.colorElems("item",5,0);
			this.colorElems("link",5,0);
			Ext.get('Content1').dom.style.display = "none";
			Ext.get('Content2').dom.style.display = "none";
			Ext.get('Content3').dom.style.display = "none";
			Ext.get('Content4').dom.style.display = "none";
			Ext.get('Content5').dom.style.display = "none";
			Ext.get('ContentX').dom.style.display = "none";
			Ext.get('ContentP').dom.style.display = "none";
			Ext.get('ContentO').dom.style.display = "none";
			Ext.get('ContentS').dom.style.display = "none";
			Ext.get('ContentR').dom.style.display = "none";
			Ext.get('ContentB').dom.style.display = "none";
			Ext.get('ContentD').dom.style.display = "none";
			Ext.get('ContentM').dom.style.display = "block";
			Ext.get('ContentW').dom.style.display = "none";
			Ext.get('ContentZ').dom.style.display = "none";
			Ext.get('ContentT').dom.style.display = "none";
			Ext.get('ContentL').dom.style.display = "none";
			Ext.get('ContentN').dom.style.display = "none";
			Ext.get('ContentQ').dom.style.display = "none";
		} else if (page == "T") {
			this.colorElems("item",5,0);
			this.colorElems("link",5,0);
			Ext.get('Content1').dom.style.display = "none";
			Ext.get('Content2').dom.style.display = "none";
			Ext.get('Content3').dom.style.display = "none";
			Ext.get('Content4').dom.style.display = "none";
			Ext.get('Content5').dom.style.display = "none";
			Ext.get('ContentX').dom.style.display = "none";
			Ext.get('ContentP').dom.style.display = "none";
			Ext.get('ContentO').dom.style.display = "none";
			Ext.get('ContentS').dom.style.display = "none";
			Ext.get('ContentR').dom.style.display = "none";
			Ext.get('ContentB').dom.style.display = "none";
			Ext.get('ContentD').dom.style.display = "none";
			Ext.get('ContentM').dom.style.display = "none";
			Ext.get('ContentW').dom.style.display = "none";
			Ext.get('ContentZ').dom.style.display = "none";
			Ext.get('ContentT').dom.style.display = "block";
			Ext.get('ContentL').dom.style.display = "none";
			Ext.get('ContentN').dom.style.display = "none";
			Ext.get('ContentQ').dom.style.display = "none";
		} else if (page == "B") {
			this.colorElems("item",5,0);
			this.colorElems("link",5,0);
			Ext.get('Content1').dom.style.display = "none";
			Ext.get('Content2').dom.style.display = "none";
			Ext.get('Content3').dom.style.display = "none";
			Ext.get('Content4').dom.style.display = "none";
			Ext.get('Content5').dom.style.display = "none";
			Ext.get('ContentX').dom.style.display = "none";
			Ext.get('ContentP').dom.style.display = "none";
			Ext.get('ContentO').dom.style.display = "none";
			Ext.get('ContentS').dom.style.display = "none";
			Ext.get('ContentR').dom.style.display = "none";
			Ext.get('ContentB').dom.style.display = "block";
			Ext.get('ContentD').dom.style.display = "none";
			Ext.get('ContentM').dom.style.display = "none";
			Ext.get('ContentW').dom.style.display = "none";
			Ext.get('ContentZ').dom.style.display = "none";
			Ext.get('ContentT').dom.style.display = "none";
			Ext.get('ContentL').dom.style.display = "none";
			Ext.get('ContentN').dom.style.display = "none";
			Ext.get('ContentQ').dom.style.display = "none";
		} else if (page == "W") {
			this.colorElems("item",5,0);
			this.colorElems("link",5,0);
			Ext.get('Content1').dom.style.display = "none";
			Ext.get('Content2').dom.style.display = "none";
			Ext.get('Content3').dom.style.display = "none";
			Ext.get('Content4').dom.style.display = "none";
			Ext.get('Content5').dom.style.display = "none";
			Ext.get('ContentX').dom.style.display = "none";
			Ext.get('ContentP').dom.style.display = "none";
			Ext.get('ContentO').dom.style.display = "none";
			Ext.get('ContentS').dom.style.display = "none";
			Ext.get('ContentR').dom.style.display = "none";
			Ext.get('ContentB').dom.style.display = "none";
			Ext.get('ContentD').dom.style.display = "none";
			Ext.get('ContentM').dom.style.display = "none";
			Ext.get('ContentW').dom.style.display = "block";
			Ext.get('ContentZ').dom.style.display = "none";
			Ext.get('ContentT').dom.style.display = "none";
			Ext.get('ContentL').dom.style.display = "none";
			Ext.get('ContentN').dom.style.display = "none";
			Ext.get('ContentQ').dom.style.display = "none";
		} else if (page == "Z") {
			this.colorElems("item",5,0);
			this.colorElems("link",5,0);
			Ext.get('Content1').dom.style.display = "none";
			Ext.get('Content2').dom.style.display = "none";
			Ext.get('Content3').dom.style.display = "none";
			Ext.get('Content4').dom.style.display = "none";
			Ext.get('Content5').dom.style.display = "none";
			Ext.get('ContentX').dom.style.display = "none";
			Ext.get('ContentP').dom.style.display = "none";
			Ext.get('ContentO').dom.style.display = "none";
			Ext.get('ContentS').dom.style.display = "none";
			Ext.get('ContentR').dom.style.display = "none";
			Ext.get('ContentD').dom.style.display = "none";
			Ext.get('ContentM').dom.style.display = "none";
			Ext.get('ContentZ').dom.style.display = "block";
			Ext.get('ContentW').dom.style.display = "none";
			Ext.get('ContentB').dom.style.display = "none";
			Ext.get('ContentT').dom.style.display = "none";
			Ext.get('ContentL').dom.style.display = "none";
			Ext.get('ContentN').dom.style.display = "none";
			Ext.get('ContentQ').dom.style.display = "none";
			this.seekThruSite();
		} else if (page == "L") {
			this.colorElems("item",5,0);
			this.colorElems("link",5,0);
			Ext.get('Content1').dom.style.display = "none";
			Ext.get('Content2').dom.style.display = "none";
			Ext.get('Content3').dom.style.display = "none";
			Ext.get('Content4').dom.style.display = "none";
			Ext.get('Content5').dom.style.display = "none";
			Ext.get('ContentX').dom.style.display = "none";
			Ext.get('ContentP').dom.style.display = "none";
			Ext.get('ContentO').dom.style.display = "none";
			Ext.get('ContentS').dom.style.display = "none";
			Ext.get('ContentR').dom.style.display = "none";
			Ext.get('ContentD').dom.style.display = "none";
			Ext.get('ContentM').dom.style.display = "none";
			Ext.get('ContentZ').dom.style.display = "none";
			Ext.get('ContentW').dom.style.display = "none";
			Ext.get('ContentB').dom.style.display = "none";
			Ext.get('ContentT').dom.style.display = "none";
			Ext.get('ContentL').dom.style.display = "block";
			Ext.get('ContentN').dom.style.display = "none";
			Ext.get('ContentQ').dom.style.display = "none";
			myTri.reclameShow('L');
		} else if (page == "Q") {
			this.colorElems("item",5,0);
			this.colorElems("link",5,0);
			Ext.get('Content1').dom.style.display = "none";
			Ext.get('Content2').dom.style.display = "none";
			Ext.get('Content3').dom.style.display = "none";
			Ext.get('Content4').dom.style.display = "none";
			Ext.get('Content5').dom.style.display = "none";
			Ext.get('ContentX').dom.style.display = "none";
			Ext.get('ContentP').dom.style.display = "none";
			Ext.get('ContentO').dom.style.display = "none";
			Ext.get('ContentS').dom.style.display = "none";
			Ext.get('ContentR').dom.style.display = "none";
			Ext.get('ContentD').dom.style.display = "none";
			Ext.get('ContentM').dom.style.display = "none";
			Ext.get('ContentZ').dom.style.display = "none";
			Ext.get('ContentW').dom.style.display = "none";
			Ext.get('ContentB').dom.style.display = "none";
			Ext.get('ContentT').dom.style.display = "none";
			Ext.get('ContentL').dom.style.display = "none";
			Ext.get('ContentN').dom.style.display = "none";
			Ext.get('ContentQ').dom.style.display = "block";
		} else {
			Ext.get('ContentX').dom.style.display = "none";
			Ext.get('ContentP').dom.style.display = "none";
			Ext.get('ContentO').dom.style.display = "none";
			Ext.get('ContentS').dom.style.display = "none";
			Ext.get('ContentR').dom.style.display = "none";
			Ext.get('ContentB').dom.style.display = "none";
			Ext.get('ContentD').dom.style.display = "none";
			Ext.get('ContentM').dom.style.display = "none";
			Ext.get('ContentW').dom.style.display = "none";
			Ext.get('ContentZ').dom.style.display = "none";
			Ext.get('ContentT').dom.style.display = "none";
			Ext.get('ContentL').dom.style.display = "none";
			Ext.get('ContentN').dom.style.display = "none";
			this.swapthepage(parseInt(page));
			if (page == 5) {
				myContactWin.show();
			}
		}
		document.title = "Tri-M Software & Webdesign - Oosterhout - Maastricht";
}
	
Trieffects.prototype.swapthepage = function(page){
		for (var counter=1; counter<6; counter++){
			if (counter == page) {
				this.colorElems("item",5,counter);
				this.colorElems("link",5,counter);
				this.reclameShow(counter);
                Ext.get('Content' + counter).setStyle({
                    display: 'block'
                });
			} else {
                Ext.get('Content' + counter).setStyle({
                    display: 'none'
                });
			}
		}
}
	
Trieffects.prototype.seekThruSite = function(){
    seekPanel.doLayout();
    seekStore.removeAll();
    setTimeout("if (Ext.getCmp('seekgrid').store.data.items == 0) { Ext.Msg.alert(\"Gegevens fout\",\"Door door u opgeleverde zoekresultaten leverde niets op<br />of er is sprake van een zeer trage verbinding, in dat geval, nog even geduld aub\") }",10000);
    var cOpdracht = Ext.get('keyword').dom.value;
    seekStore.proxy = new Ext.data.HttpProxy({url: 'search.php?seekdescr=' + cOpdracht});
    seekStore.proxy.conn.url = 'search.php?seekdescr=' + cOpdracht;
    seekStore.reload();
}

Trieffects.prototype.sendServerMail = function(){
        Ext.Ajax.request({
			form: 'contactform',
            success: function(response, options){
				Ext.get('ContactFormLayer').switchOff();
				setTimeout("Ext.get('BezigLayer').fadeIn();",500);
				inlinewin=dhtmlwindow.open("broadcastbox", "inline", "<table border='0' width='100%'><tr><td> </td></tr><tr><td><img src='images/at.png' width='75px' height='75px' /></td><td><b id='title'>Uw E-Mail is verzonden.</b></td></tr></table><table border='0' width='100%'><tr><td width='70%'> </td><td><input type='button' value='SLUITEN' onclick=\"javascript:inlinewin.close();Ext.get('BezigLayer').switchOff();Ext.get('ContactFormLayer').fadeIn();Ext.get('contactform').dom.reset();\" /></td></tr></table>", "@ Tri-M Pagina Melding", "width=300px,height=120px,left=250px,top=100px,resize=1,scrolling=0", "recal");
                inlinewin.show();
				return false
            }
        });
}
	
Trieffects.prototype.reclameShow = function(p){
    Ext.get('LeftContent1').dom.style.display = "none";
    Ext.get('LeftContent2').dom.style.display = "none";
    Ext.get('LeftContent3').dom.style.display = "none";
    Ext.get('LeftContent4').dom.style.display = "none";
    Ext.get('LeftContent5').dom.style.display = "none";
    Ext.get('LeftContentL').dom.style.display = "none";
    Ext.get('LeftContent'+p).dom.style.display = "block";
}
	
Trieffects.prototype.colorElems = function(name,n,i){
		for (var x=1; x<=n;x++) {
			if (x == i) {
                Ext.get(name + x).setStyle({
                    backgroundColor: '#0099ff',
					color: '#ffffff'
                });
			} else {
                Ext.get(name + x).setStyle({
                    backgroundColor: '#ffffff',
					color: '#0099ff'
                });
			}
		}
}
	
Trieffects.prototype.chLeftmenu = function(m){
		for (var cx=1; cx<5; cx++) {
			if (cx == m) {
				Ext.get('leftitem' + cx).dom.style.borderStyle = "dotted";
				Ext.get('leftitem' + cx).dom.style.borderWidth = "thin";
			} else {
				Ext.get('leftitem' + cx).dom.style.borderStyle = "none";
			}
		}
}
	
Trieffects.prototype.portfolioShow = function(p){
	Ext.get('showLayer').dom.innerHTML = "<img id='showImg' src='" + Ext.get(p).dom.src + "' width='280' height='180' />";
}

Trieffects.prototype.portfolioHide = function(){
    Ext.get('showLayer').dom.innerHTML = "&nbsp;";
}
	
Trieffects.prototype.lightload = function(url,title){
    TriFolio(title);
}

Trieffects.prototype.authorize = function() {
    if (Ext.get('authusername').dom.value.length > 0 && Ext.get('authpassword').dom.value.length > 0) {
        var auth_user = Ext.get('authusername').dom.value;
        var auth_pass = Ext.get('authpassword').dom.value;
        Ext.Ajax.request({
            url:'auth.php',
            params:{
                authusername: auth_user,
                authpassword: auth_pass
            },
            method:'POST',
            success: function(req,opt) {
                eval(req.responseText);
            },
            failure: function(req,opt) {
                Ext.Msg.alert('Fout tijdens inloggen','Het inloggen is misluk, probeer het later nogmaals');
            }
        });
    } else {
        Ext.Msg.alert('Fout tijdens inloggen','U heeft 1 of meerdere velden niet ingevuld');
    }
}

Trieffects.prototype.sendrequest = function(sendurl,sendparams) {
    Ext.Ajax.request({
        url: sendurl,
        params: sendparams,
        method:'POST',
        success: function(req,opt) {
            Ext.getCmp('tritable').store.reload();
            var msg = null;
            if (sendparams.req == "insert") {
                msg = 'De nieuwe ingave is opgeslagen.';
            } else if (sendparams.req == "update") {
                msg = 'De wijzigingen zijn opgeslagen.';
            }
            if (msg != null) {
                Ext.Msg.alert('Opdracht uitgevoerd',msg);
            }
        },
        failure: function(req,opt) {
            Ext.Msg.alert('fout tijdens verbinden','Er is een fout opgetreden');
        }
    });
}

Trieffects.prototype.jsClock = function(){
    var task = {
        run: function(){
            Ext.fly('clockelem').update("Tri-M Homepage v3.5.1.0 - " + new Date().format('D d M Y') + " " +new Date().format('G:i:s'));
            var curpage = '' + myTri.activepage;
            var wstr = '' + window.location;
            if (wstr != null && wstr.length > 2 && wstr.substring(wstr.length - 2,wstr.length - 1) == '#') {
                var mypage = wstr.substring(wstr.length - 1,wstr.length);
                if (mypage != curpage) {
                    myTri.activepage = mypage;
                    myTri.swappage(mypage);
                }
            }
        },
        interval: 1000 //1 second
    }
    var runner = new Ext.util.TaskRunner();
    runner.start(task);
}

Trieffects.prototype.oldClock = function(){
    var today = new Date();
    var hours = today.getHours();
    var minutes = today.getMinutes();
    var seconds = today.getSeconds();
    var time_holder; // holds the time
    
    // add a leading zero if less than 10
    hours = ((hours < 10) ? "0" + hours : hours);
    minutes = ((minutes < 10) ? "0" + minutes : minutes); 
    seconds = ((seconds < 10) ? "0" + seconds : seconds);

    time_holder = hours + ":" + minutes + ":" + seconds;
        
    Ext.get('clockelem').dom.innerHTML = "Tri-M Homepage v3.5.0.2 - " + myTri.getDate() + " " + time_holder;
    setTimeout("myTri.jsClock()", 1000);
}


Trieffects.prototype.getDate = function() {
    var currentTime = new Date();
    var month = currentTime.getMonth() + 1;
    var day = currentTime.getDate();
    var year = currentTime.getFullYear();
    return (day + "-" + month + "-" + year);
}

Ext.onReady(function(){
    window.location = "#1";
    myTri = new Trieffects;
    var pg = Ext.get('secrfield').dom.value;
    myTri.start(pg);
    location = "#"+pg.toUpperCase();
    myTri.swappage(pg);
    myTri.chLeftmenu(0);
    seekPanel.render("ContentZ");
    seekStore.load();
    new Ext.ToolTip({
          target: 'leftitem1',
          title: 'Onze werkwijze',
          width:200,
          html: 'Een beschrijving van onze werkwijze tijdens het ontwikkelen van software.',
          trackMouse:true
    });
    new Ext.ToolTip({
          target: 'leftitem2',
          title: 'Onze visie',
          width:200,
          html: 'Onze visie op webdesign en software development.',
          trackMouse:true
    });
    new Ext.ToolTip({
          target: 'leftitem3',
          title: 'Website portfolio',
          width:200,
          html: 'Handig overzicht van reeds gemaakte websites.',
          trackMouse:true
    });
    new Ext.ToolTip({
          target: 'leftitem4',
          title: 'Software portfolio',
          width:200,
          html: 'Handig overzicht van reeds gemaakte software.',
          trackMouse:true
    });
    new Ext.ToolTip({
          target: 'link1',
          title: 'Homepagina',
          width:200,
          html: 'Onze begin pagina. Deze pagina wordt standaard op de voorgrond weergegeven.',
          trackMouse:true
    });
    new Ext.ToolTip({
          target: 'link2',
          title: 'Webdesign-pagina',
          width:200,
          html: 'Hier vindt u alle informatie over hoe u uw eigen website kan laten ontwikkelen.',
          trackMouse:true
    });
    new Ext.ToolTip({
          target: 'link3',
          title: 'Softwaredesign-pagina',
          width:200,
          html: 'Tri-M ontwikkelt ook software producten, bezoek deze pagina voor meer informatie.',
          trackMouse:true
    });
    new Ext.ToolTip({
          target: 'link4',
          title: 'Prijzenpagina',
          width:200,
          html: 'Een overzicht van onze tarieven.',
          trackMouse:true
    });
    new Ext.ToolTip({
          target: 'link5',
          title: 'Contactpagina',
          width:200,
          html: 'Wilt u telefonisch of via E-mail contact opnemen, bezoek dan deze pagina.',
          trackMouse:true
    });
    Ext.QuickTips.init();
});

//Extra classes

TriM.Grid = Ext.extend(Ext.grid.GridPanel, {
    initComponent:function() {
        var config = {
            store:new Ext.data.JsonStore({
                id:'nieuws'
                ,totalProperty:'totalCount'
                ,root:'rows'
                ,url:'auth.php?req=nieuws'
                ,fields:[
                    {name:'id'}
                   ,{name:'datum'}
                   ,{name:'omschrijving'}
                   ,{name:'link'}
                   ,{name:'title'}
                ]
             })
             ,columns:[{
                 id:'id'
                 ,header:"id"
                 ,width:40, sortable:true
                 ,dataIndex:'id'
             },{
                 id:'datum'
                 ,header:"datum"
                 ,width:60, sortable:true
                 ,dataIndex:'datum'
             },{
                 id:'omschrijving'
                 ,header:"omschrijving"
                 ,width:100, sortable:true
                 ,dataIndex:'omschrijving'
             },{
                 id:'link'
                 ,header:"link"
                 ,width:100, sortable:true
                 ,dataIndex:'link'
             },{
                 id:'title'
                 ,header:"title"
                 ,width:100, sortable:true
                 ,dataIndex:'title'
             }]
             ,viewConfig:{forceFit:true}
         }; // eo config object
         Ext.apply(this, Ext.apply(this.initialConfig, config));

         this.bbar = new Ext.PagingToolbar({
             store:this.store
             ,displayInfo:true
             ,pageSize:10
         });
         // call parent
         TriM.Grid.superclass.initComponent.apply(this, arguments);
     } // eo function initComponent

     ,onRender:function() {
         // call parent
         TriM.Grid.superclass.onRender.apply(this, arguments);
         // load the store
         this.store.load({params:{start:0, limit:10}});
         //cell click handler
         this.on('cellclick',function(ev,rowidx) {
             var rowindex = parseInt(rowidx);
             globindex    = this.store.data.items[rowindex].data.id;
             var seldatum = this.store.data.items[rowindex].data.datum;
             var seldescr = this.store.data.items[rowindex].data.omschrijving;
             var sellink  = this.store.data.items[rowindex].data.link;
             var seltitle = this.store.data.items[rowindex].data.title;
             Ext.get('datumveld').dom.value = seldatum;
             Ext.get('descrveld').dom.value = seldescr;
             Ext.get('linkveld').dom.value = sellink;
             Ext.get('titleveld').dom.value = seltitle;
         });
     } // eo function onRender
});
Ext.reg('trimgrid', TriM.Grid);