Peephole = {};
Peephole.header = {};
Peephole.content = {};
Peephole.navbar = {};

Peephole.pageLoader = function(identifier) {
	Ext.Ajax.request({
		url: 'lib/page_loader.php',
		method: 'GET',
		success: function(response, opts) {
			var pageData = Ext.decode(response.responseText);
			
			Peephole.content.container.dom.style.backgroundImage = "url('"+pageData.bgPath+"')";
			
			if( !com_adrianguenter.util.isNull(pageData.headerPath) ) { 
				Peephole.content.box.dom.style.height = '485px';
				Peephole.content.box.dom.style.paddingRight = '25px';
				Peephole.content.box.dom.style.marginLeft = '45px';
				Peephole.content.box.dom.style.marginRight = '10px';
				Peephole.content.header.dom.style.paddingLeft = '45px';
				Peephole.content.header.dom.style.paddingTop = '35px';
				Peephole.content.header.update('<img src="'+pageData.headerPath+'" />');
			} else {
				Peephole.content.box.dom.style.height = '';
				Peephole.content.box.dom.style.padding = '0px 0px';
				Peephole.content.box.dom.style.marginLeft = '0px';
				Peephole.content.box.dom.style.marginRight = '0px';
				Peephole.content.header.dom.style.padding = '0px 0px';
				Peephole.content.header.update('');
			}
			
			Peephole.content.box.update(com_adrianguenter.util.UTF8.decode(pageData.contentHTML));
			
			//if(identifier === 'Home') Ext.get('Home_Container').dom.style.overflow = 'none';
			if(identifier === 'Music') Peephole.downloadAlbum();
		},
		failure: function(response, opts) {
			alert('Server-side failure with status code ' + response.status);
		},
		params: { page_id: identifier }
	});
}

Peephole.downloadAlbum = function() {
	
	var  albumRegisterForm = Ext.get('RegisterForm');
	var albumColdDime = Ext.get('ColdDimeAlbum');
	var albumStrawberry = Ext.get('StrawberryAlbum');
	var albumCrimeDrama = Ext.get('CrimeDramaAlbum');
	
	var userEmail = '';
	
	if( !com_adrianguenter.util.isNull(Ext.get('EmailTextBox')) ) userEmail = Ext.get('EmailTextBox').dom.value;
	
	Ext.Ajax.request({
		url: 'lib/check_register_form.php',
		method: 'GET',
		success: function(response, opts) {
			var responseData = Ext.decode(response.responseText);
			
			if( responseData.emailError === '' ) { 
				
				albumColdDime.update(albumColdDime.dom.innerHTML+'<a href= "lib/colddime_download.php" id="ColdDimeDownloadButton">DOWNLOAD</a><br /><br />&nbsp;28 MB zipped 192kbps MP3 with cover art');
				
				albumStrawberry.update(albumStrawberry.dom.innerHTML+'<a href= "lib/strawberry_download.php" id="StrawberryDownloadButton">DOWNLOAD</a><br /><br />&nbsp;26 MB zipped 192kbps MP3 with cover art');
				
				albumCrimeDrama.update(albumCrimeDrama.dom.innerHTML+'<a href= "lib/crimedrama_download.php" id="CrimeDramaDownloadButton">DOWNLOAD</a><br /><br />&nbsp;30 MB zipped 192kbps MP3 with cover art');
				
				albumRegisterForm.update('Thank you for providing us with your email address to keep you up to date with the latest Peephole info! Please click a \'DOWNLOAD\' button below to continue.<br /><br />');
				
			} else {
				
				albumRegisterForm.update(responseData.emailError+'<br /><br /><input type="text" value="" id="EmailTextBox" />&nbsp;<span id="EmailSubmitButton">SUBMIT</span><br /><br />');
				
				Ext.get('EmailSubmitButton').on('click', function() { Peephole.downloadAlbum(); });
				
			}
		},
		failure: function(response, opts) {
			alert('Server-side failure with status code ' + response.status);
		},
		params: { emailAddress: userEmail }
	});
}

Ext.onReady(function() {
	Peephole.header.phLogo = Ext.get('HeaderLogoImage');
	Peephole.navbar.news = Ext.get('Navbar-News');
	Peephole.navbar.bio = Ext.get('Navbar-Bio');
	Peephole.navbar.liveDates = Ext.get('Navbar-LiveDates');
	Peephole.navbar.contact = Ext.get('Navbar-Contact');
	Peephole.navbar.videos = Ext.get('Navbar-Videos');
	Peephole.navbar.music = Ext.get('Navbar-Music');
	Peephole.navbar.gallery = Ext.get('Navbar-Gallery');
	
	Peephole.content.container = Ext.get('ContentContainer');
	Peephole.content.header = Ext.get('ContentHeader');
	Peephole.content.box = Ext.get('ContentBox');
	
	Peephole.header.phLogo.on('click', function() { Peephole.pageLoader('Home'); });
	Peephole.navbar.news.on('click', function() { Peephole.pageLoader('News'); });
	Peephole.navbar.bio.on('click', function() { Peephole.pageLoader('Bio'); });
	Peephole.navbar.liveDates.on('click', function() { Peephole.pageLoader('LiveDates'); });
	Peephole.navbar.contact.on('click', function() { Peephole.pageLoader('Contact'); });
	Peephole.navbar.videos.on('click', function() { Peephole.pageLoader('Videos'); });
	Peephole.navbar.music.on('click', function() { Peephole.pageLoader('Music'); });
	Peephole.navbar.gallery.on('click', function() { Peephole.pageLoader('Gallery'); });
	
	Peephole.content.container.dom.style.backgroundImage = "url('images/content_main_home.jpg')"; // Don't make it wait for XMLHR, it's ugly that way
	Peephole.pageLoader('Home');
});