var oInterval;

$(document).ready( function () {
	
	var sHash = document.location.hash.replace('#','');
	if(sHash) {
		loadSubmission(sHash);
	} else {
		loadSubmission(iFirstSubmission);
	}
	
});

function loadSubmission(iSubmission) {
	
	$('#opgaven_right_narrow').fadeOut('medium', function() {
		$.ajax({
			  url: LINKROOT+'/view/frontend/submission/'+iSubmission,
			  dataType: 'json',
			  success: function(data) {				
				showSubmission(data);				
				}
			});
	});	
}


function showSubmission(data) {
	aImages = new Array();
	
	$('#submission_info').html(data.tbl_submission_content);
	$('#opgaven_right_narrow').fadeIn('medium');
	$("#showcase").html(' ');
	
	if(data.tbl_submission_picture1 != '') {
		var item = new Object();
		item.link = 'javascript:;'
		item.description = data.tbl_submission_name;
		item.url = LINKROOT+'/'+data.tbl_submission_picture1+'/420/300';
		aImages.push(item);
	}
	if(data.tbl_submission_picture2 != '') {
		var item = new Object();
		item.link = 'javascript:;'
		item.description = data.tbl_submission_name;
		item.url = LINKROOT+'/'+data.tbl_submission_picture2+'/420/300';
		aImages.push(item);
	}
	if(data.tbl_submission_picture3 != '') {
		var item = new Object();
		item.link = 'javascript:;'
		item.description = data.tbl_submission_name;
		item.url = LINKROOT+'/'+data.tbl_submission_picture3+'/420/300';
		aImages.push(item);
	}
	if(data.tbl_submission_picture4 != '') {
		var item = new Object();
		item.link = 'javascript:;'
		item.description = data.tbl_submission_name;
		item.url = LINKROOT+'/'+data.tbl_submission_picture4+'/420/300';
		aImages.push(item);
	}
	if(data.tbl_submission_picture5 != '') {
		var item = new Object();
		item.link = 'javascript:;'
		item.description = data.tbl_submission_name;
		item.url = LINKROOT+'/'+data.tbl_submission_picture5+'/420/300';
		aImages.push(item); 
	}	
	
	clearInterval(oInterval);
	
	

   $("#showcase").showcase({ 
		images: aImages,
		width: "420px",
		height: "300px",
		animation: { type: "fade", interval: 3000, speed: 1000 },
		navigator: { item: { width: "42px", height: "30px" },
					 showMiniature: true,
					 autoHide: false }
	});			
}