/**
 * @author jorgecarmona
 */
Docs = {};

var trackWin;
var utilWin;
var tourVideo = '<object type="application/x-shockwave-flash" data="http://blip.tv/scripts/flash/showplayer.swf?enablejs=true&file=http%3A//blip.tv/rss/flash/509732&feedurl=http%3A//evangelizagratis.blip.tv/rss/&autostart=false&brandname=jcar98&brandlink=http%3A//evangelizagratis.blip.tv/" width="640" height="480" allowfullscreen="true" id="showplayer"><param name="movie" value="http://blip.tv/scripts/flash/showplayer.swf?enablejs=true&file=http%3A//blip.tv/rss/flash/509732&feedurl=http%3A//evangelizagratis.blip.tv/rss/&autostart=false&brandname=jcar98&brandlink=http%3A//evangelizagratis.blip.tv/" /><param name="quality" value="best" /></object>';

Ext.BLANK_IMAGE_URL = './resources/images/misc/s.gif';

Ext.onReady(function(){
	
	Ext.QuickTips.init();
	
	var testimoniosTree = new Ext.tree.TreePanel({
		id:'testimonios',
		border:false,
		animate:false,
		rootVisible: false,
		loader: new Ext.tree.TreeLoader(),
		root: new Ext.tree.AsyncTreeNode({
			children:[	//Trees branches to add
				Docs.cieloTree,
                Docs.cristianos,    
                Docs.conversiones,
				Docs.exCriminales,
				Docs.exMasones, 
				Docs.exSatanistas
			],
			expanded:true,
			id:'root'
		}),
		collapseFirst:false
	});
	
	var welcomeTree = new Ext.tree.TreePanel({
		id:'welcome',
		border:false,
		animate:true,
		rootVisible: false,
		loader: new Ext.tree.TreeLoader(),
		root: new Ext.tree.AsyncTreeNode({
			children:Docs.welcome,
			expanded:true,
			id:'welcomeroot'
		}),
		collapseFirst:false
	});
	
	var mensajesTree = new Ext.tree.TreePanel({
		id:'mensajes',
		border:false,
		animate:false,
		rootVisible: false,
		loader: new Ext.tree.TreeLoader(),
		root: new Ext.tree.AsyncTreeNode({
			children:[
				Docs.ccc,
                Docs.dantegebel,
                Docs.hormachea,
				Docs.maHOu,
                Docs.otros, 
                Docs.paulwasher,
				Docs.silvialuis
			],
			expanded:true,
			id:'mensajes'
		}),
		collapseFirst:false
	});
	
	var radioTree = new Ext.tree.TreePanel({
		id:'radio',
		border:false,
		animate:false,
		rootVisible: false,
		loader: new Ext.tree.TreeLoader(),
		root: new Ext.tree.AsyncTreeNode({
			children:[
				Docs.epinto
			],
			expanded:true,
			id:'radioRoot'
		}),
		collapseFirst:false
	});
	
	var videosTree = new Ext.tree.TreePanel({
		id:'videos',
		border:false,
		animate:false,
		rootVisible: false,
		loader: new Ext.tree.TreeLoader(),
		root: new Ext.tree.AsyncTreeNode({
			children:[
				Docs.peliculas,
				Docs.videosMusicales,
				Docs.videosCortos,
				Docs.videosOtros
			],
			expanded:true,
			id:'videos'
		}),
		collapseFirst:false
	});
	
	var welcomeAcc = new Ext.Panel({
		title:'Informaci\363n',
		iconCls:'icon-package',
		animate:true,
		autoScroll:true,
		items:welcomeTree
	});
	
	var testimonioAcc = new Ext.Panel({
		title:'Testimonios',
		iconCls:'icon-testimony',
		animate:true,
		autoScroll:true,
		items:testimoniosTree
	});
	
	var mensajeAcc = new Ext.Panel({
		title:'Mensajes',
		iconCls:'icon-mensaje',
		autoScroll:true,
		items:mensajesTree
	});
	
	var radioAcc = new Ext.Panel({
		title:'Radio',
		iconCls:'icon-testimony',
		autoScroll:true,
		items:radioTree
	});
	
	var videosAcc = new Ext.Panel({
		title:'Videos',
		iconCls:'icon-videos',
		autoScroll:true,
		items:videosTree
	});
	
	var bienvenido = new Ext.Panel({
		title:'Bienvenido',
		id:'bienvenidoTab',
		autoScroll:true,
		iconCls:'icon-package',
		autoLoad:{
			url:'./html/welcome.html'
		}
	});
	
	var test_semana = new Ext.Panel({
		title:'Carta del Padre',
		id:'testsemana',
		autoScroll:true,
		closable:true,
		iconCls:'icon-mensaje',
		autoLoad:{
			url:'./html/vid-carta_del_padre.html'
		}
	});
	
	var misc_semana = new Ext.Panel({
		title:'El Enigma de la felicidad de los Malvados',
		id:'misc_semana',
		autoScroll:true,
		closable:true,
		iconCls:'icon-mensaje',
		autoLoad:{
			url:'./html/msg-61-felicidad_malvados.html'
		}
	});
	
	var header = new Ext.BoxComponent({ // raw
        region:'north',
        el: 'header',
        style:'background:#ffffff',
        height:100
    });
	
	var menu = new Ext.Panel({
        title:'Recursos',
		region:'west',
		layout:'accordion',
		animate:true,
        split:true,
        height: 100,
		width:220,
        collapsible: true,
        margins:'0 0 0 5',
		items:[
			mensajeAcc,
			testimonioAcc,
			welcomeAcc,
			radioAcc,
			videosAcc
		]
    });
	
	var center = new Ext.TabPanel({
        region:'center',
		enableTabScroll:true,
		id:'center',
        split:true,
        height: 100,
        minSize: 100,
        maxSize: 200,
        margins:'0 5 0 0',
		activeTab:2,
		items:[
			bienvenido,
			test_semana,
			misc_semana
		]
    });
	
	var footer = new Ext.BoxComponent({ // raw
    region:'south',
    el: 'footer',
    height:70
    });
	
	var viewport = new Ext.Viewport({
	    layout:'border',
        items:[
			header, menu, center, footer
		]
	});
	
	//Show tour on start
	var tour_win = new Ext.Window({
		title:'Un Viaje Largo - Marcela Gandara',
		width:600,
		height:480,
		closable:true,
		autoDestroy:true,
		buttonAlign:'center',
		resizable:false,
		
		items:[{
			layout:'fit',
			autoHeight:true,
			border:true,
			autoLoad:{url:'./html/vid-viajelargo.html'}
		}],
		
		buttons:[{
			id:'cls_tour',
			minWidth:70,
			text:'Cerrar',
			handler:function(){tour_win.close()}
		}]
	});
	
//	tour_win.show();
	
/*********** START: ATTACH EVENTS ****************/
	welcomeTree.on('click', function(node){
		if(node.attributes.bbNode == "oracion"){
			window.open( 'http://pub9.bravenet.com/guestbook/706658557' );
		}
		if(node.attributes.bbNode == "bienvenido"){
			center.activate("bienvenidoTab");
		}
		
        if(node.attributes.url){
            addTab(node.attributes.url, node.attributes.tabText)
        }
    },this);
	
	testimoniosTree.on('click', function(node){
        if(node.attributes.url){
            addTab(node.attributes.url, node.attributes.tabText)
        }
    },this);
	
	mensajesTree.on('click', function(node){
        if(node.attributes.url){
            addTab(node.attributes.url, node.attributes.tabText)
        }
    },this);
	
	radioTree.on('click', function(node){
        if(node.attributes.url){
            addTab(node.attributes.url, node.attributes.tabText)
        }
    },this);
	
	videosTree.on('click', function(node){
        if(node.attributes.url){
            addTab(node.attributes.url, node.attributes.tabText)
        }
    },this);
	
/*********** END: ATTACH EVENTS ****************/
	
	
	
	setTimeout(function(){
        Ext.get('loading').remove();
        Ext.get('loading-mask').fadeOut({remove:true});
    }, 250);
	
});

function addTab(url, text){
		Ext.getCmp('center').add({
	        title:text,
	        iconCls:'tabs',
			autoScroll:true,
	        autoLoad:'./html/' + url,
	        closable:true
	    }).show();
	}

function openMP3Window( resource, text ){	

	function closeWin(){
		trackWin.close();
		trackWin = null;
	};

	if(!trackWin){
		trackWin = new Ext.Window({
			title:text,
			width:300,
			height:128,
			closable:false,
			autoDestroy:true,
			buttonAlign:'center',
			resizable:false,
			
			items:[{
				layout:'fit',
				autoHeight:true,
				border:false,
				html:'<center><EMBED SRC="/resources/audio/espanol/'+ resource +'" HEIGHT=60 WIDTH=244></center>'
			}],
			
			buttons:[{
				id:'cls',
				minWidth:70,
				text:'Close',
				handler:closeWin
			}]
		});
	}
	trackWin.show();
}