var _TABS = {
	'details':	'projectDetails',
	'specs':	'projectSpecifications',
	'gallery':	'projectGallery',
	'sector':	'projectSector',
	'info':		'projectBuyerInfo'
};

var _tab_init = {
		'details':	function() {
			project.units = new Array();
			for(var i = 0; i < document.forms['units'].elements.length; i++)
			{
				project.units[document.forms['units'].elements[i].value] = new Fx.Slide('floor_' + document.forms['units'].elements[i].value);
				//dont hide them 
				//project.units[document.forms['units'].elements[i].value].hide();
			}

},		'specs':	function() {
			//...
	
},		'gallery':	function() {
			//...
	
},		'sector':	function() {
			new Request({
				method: 'get',
				url: 'index.php?page=sectorPhotos&pid=' + _get('project'),
				data: { 'do' : '1' },
				onComplete: function(response) {
					var data = response;
					data = eval("(" + '{' + data + '}' + ")");
					new Slideshow('sector_show', data, { captions: true, controller: true,resize:'height', delay: 12000, duration: 2000, linked: false, hu: 'images/projects/websize', width: 400, height: 300 });
				}
			}).send();

},		'info':		function() {
			//...
}};

function _project_onCreate()
{
	if(!_DEV)
	{
		var req = new Request({
			method: 'get',
			url: 'index.php?page=project&p=' + _get('project') + '&po=1',
			data: { 'do' : '1' },
			onComplete: function(response) {
				var data = response;
				data = eval("(" + '{' + data + '}' + ")");
				project.show = new Slideshow.KenBurns('show', data, { zoom: 0, captions: true, controller: false, resize:'length', delay: 12000, duration: 2000, height: 400, linked: false, hu: 'images/projects/websize/', width: 400 });
			}
		}).send();
	}

	new Request({
		method: 'get',
		url: ('index.php?page=projectSummary&pid=' + _get('project')),
		data: { 'do' : '1' },
		onComplete: function(response) {
			if(_$('project_edit_btn')) _$('project_edit_btn').style.display = 'block';
			$('scontent').innerHTML = response;
			_$('info_submenu_summary').style.display = 'block';
			project.stateMgr.actions['tab'].enable();
		}
	}).send();;
}

function _project_onChange()
{
	if(!_DEV)
	{
		var req = new Request({
			method: 'get',
			url: 'index.php?page=project&p=' + _get('project') + '&po=1',
			data: { 'do' : '1' },
			onComplete: function(response) {
				var data = response;
				data = eval("(" + '{' + data + '}' + ")");
				project.show = new Slideshow.KenBurns('show', data, { zoom: 0, captions: true, controller: false, resize:'length', delay: 12000, duration: 2000, height: 400, linked: false, hu: 'images/projects/websize/', width: 400 });			
			}
		}).send();
	}

	new Request({
		method: 'get',
		url: ('index.php?page=projectSummary&pid=' + _get('project')),
		data: { 'do' : '1' },
		onComplete: function(response) {
			$('scontent').innerHTML = response;
		}
	}).send();
}

function _project_onRemove()
{
	// NOTE: there's something wrong about this
	_$('info_submenu_summary').style.display = 'none';
	history.back();
}

function _tab_onCreate()
{
	new Request({
		method: 'get',
		url: ('index.php?page=projectInfos&pid=' + _get('project')),
		data: {'do': 1},
		onComplete: function(response) {
			if(!_DEV) project.show.pause();
			_$('scontent').style.display = 'none';
			new Fx.Morph('info_panel', {duration: 500}).start({'width': 835}).chain(function() {
				$('scontent').innerHTML = response;
				_$('scontent').style.padding = '0px';
				_$('scontent').style.display = 'block';
				
				new Request({
					method: 'get',
					url: 'index.php?page=' + _TABS[_get('tab')] + '&pid=' + _get('project'),
					data: {'do' : '1'},
					onComplete: function(response) {
						$('tcontent').innerHTML = response;
						_$('info_submenu').style.display = 'block';
						_$('info_submenu_summary').style.display = 'none';
						_tab_init[_get('tab')]();
						project.stateMgr.actions['unit'].enable();
					}
				}).send();
			});
		}
	}).send();
}

function _tab_onChange()
{
	// in case someone clicks on the bottom links while viewing units
	if(_get('unit') != null)
	{
		project.stateMgr.actions['unit'].disable();
		_remove('unit');
		project.stateMgr.observe();
		project.stateMgr.actions['unit'].enable();
	}

	new Request({
		method: 'get',
		url: ('index.php?page=' + _TABS[_get('tab')] + '&pid=' + _get('project')),
		data: { 'do' : '1' },
		onComplete: function(response) {
			$('tcontent').innerHTML = response;
			_tab_init[_get('tab')]();
		}
	}).send();
}

function _tab_onRemove()
{
	// restart slideshow
	if(!_DEV) project.show.pause();

	new Request({
		method: 'get',
		url: ('index.php?page=projectSummary&pid=' + _get('project')),
		data: { 'do' : '1' },
		onComplete: function(response) {
			_$('scontent').style.display = 'none';
			new Fx.Morph('info_panel', {duration: 500}).start({'width': 315}).chain(function() {
				_$('info_submenu').style.display = 'none';
				_$('info_submenu_summary').style.display = 'block';
				$('scontent').innerHTML = response;
				_$('scontent').style.padding = '20px';
				_$('scontent').style.display = 'block';
			});
		}
	}).send();
}

function _unit_onCreate()
{	
	new Request({
		method: 'get',
		url: ('index.php?page=unit&pid=' + _get('project') + '&uid=' + _get('unit')),
		data: { 'do' : '1' },
		onComplete: function(response) {
			$('back_tab').style.display = "none";
			$('back_unit').style.display = "block";
			$('tcontent').innerHTML = response;
		}
	}).send();
}

function _unit_onChange()
{
	new Request({
		method: 'get',
		url: ('index.php?page=unit&pid=' + _get('project') + '&uid=' + _get('unit')),
		data: { 'do' : '1' },
		onComplete: function(response) {
			$('tcontent').innerHTML = response;
		}
	}).send();
}

function _unit_onRemove()
{	
	new Request({
		method: 'get',
		url: ('index.php?page=' + _TABS[_get('tab')] + '&pid=' + _get('project')),
		data: { 'do' : '1' },
		onComplete: function(response) {
			$('back_tab').style.display = "block";
			$('back_unit').style.display = "none";
			$('tcontent').innerHTML = response;
			_tab_init[_get('tab')]();
		}
	}).send();
}