// Init on page load
dojo.addOnLoad(function(){
	//extrasLogger('Mission Viewer Loaded');
	bindMediaButtons();
});
	
function bindMediaButtons() {
	dojo.query('.mediaicon').forEach(function(node) {
		dojo.connect(node, 'onclick', function(event) {

			// prevent click from executing
			event.preventDefault();
			event.stopPropagation();
			
			extrasLogger('clicked: ' + event.target.id);
			
			getMissionWork(event.target.id);

		});
	});
}



/*
 * displayMissionWork
 * Go to the server and request this bundle of mission data 
 * to be displayed in the template that's configured for this mission
 */
function getMissionWork(id){
	//showMe('backblocker');
	//centerContainer('missionworkviewerContainer');
	//showMe('missionworkviewerContainer'); //container in which the work will load
	//showMe('loadingscreen');

    dojo.xhrGet ({
        //GET request. js_baseurl is defined in some parent phtmls when needed (show.snippet.phtml, ie)
        url: '/mission/displaywork/format/snippet/id/' + id, 
		handleAs: 'text',
        // Loads this function if everything went ok
        load: function (data) {
    		displayMissionWork(data);
        },
        // Call this function if an error happened
        error: function (error) {
        	extrasError ('Error: ', error);
        }
	});
}

function displayMissionWork(data){
	dojo.byId('missionworkdata').innerHTML = data;
	showMe('workviewerbg');
	centerContainer('viewer');
	showMe('viewer');
	showMe('missionworkdata');
}

function centerContainer(divId){
	//extrasLogger('centering mission viewer');
	POS = {};
	POS.scroll_top 		= document.documentElement.scrollTop || document.body.scrollTop;
	POS.scroll_height 	= document.documentElement.scrollHeight;
	POS.client_height 	= window.innerHeight || document.documentElement.clientHeight;
	var top_pos = POS.scroll_top+(POS.client_height*0.1)+"px";
	dojo.byId(divId).style.top = top_pos;
	//extrasLogger('setting top: ' + top_pos);
	
	//set blocker to full height
	dojo.byId('workviewerbg').style.height = POS.scroll_height + "px";
}