var hiddenFLVPlayer = null;
var projectDetailsBox = null;
var ajaxLoader = null;
var ajaxFailedMessage = null;
var showreelPlaceholder = null;

document.observe("dom:loaded", function() {	
	// Wegen Problemen mit FLV-Player reicht show/hide nicht aus
	// Knoten muss entfernt werden
	var tmp = new Element('div', { 'id':'project-details-container' ,'class': 'project-details'});
	tmp.update('<div id="modal-overlay"></div> <img src="/res/pics/projectDetailsBox.png" width="612" height="433" alt="" id="projectDetailsBox"/> <a href="#" onclick="return closeProjectDescription();" id="projectDetailsCloseButton"> <img src="/res/pics/projectDetailsCloseButton.png" width="26" height="23" alt="Close"/> </a> <div id="project-details-content"></div> <img src="/res/pics/ajax-loader.gif" width="31" height="31" alt="Loading.." id="ajax-loader"/> <div id="ajax-failed" style="visibility:hidden;">Beim Laden der Daten ist ein Fehler aufgetretten. Bitte versuchen Sie es zu einem sp&auml;teren Zeitpunkt noch einmal.</div>');
	tmp.hide();
	document.body.appendChild(tmp);
	projectDetailsBox = new Lightbox(tmp);

	// Ajax-Loader
	ajaxLoader = $("ajax-loader");
	ajaxFailedMessage = $("ajax-failed");
	
	// Showreel-Platzhalter
	showreelPlaceholder = new Image(594,326); 
	showreelPlaceholder.src="/showreel.jpg"; 

});

function openProjectDescription(projectName, build) {
	// ------------------------------------
	// Wenn Player vorhanden -> ausschalten
	// ------------------------------------
	hiddenFLVPlayer = null;
	if($('home')) {
		hiddenFLVPlayer = $('home');
		//hiddenFLVPlayer = $("FLVPlayer");
		hiddenFLVPlayer.remove();
		$("content").update(showreelPlaceholder);
	}
	
	// ------------------------------------
	// Zeige die Info-Box
	// ------------------------------------
	$('project-details-content').hide();
	$('projectDetailsCloseButton').hide();
	projectDetailsBox.open();
	new Effect.Scale($('projectDetailsBox'), 100, {scaleMode: { originalHeight: 433, originalWidth: 612 }, scaleFrom: 1, scaleFromCenter:false, afterFinish: function(){
		$('project-details-content').show();
		$('projectDetailsCloseButton').show();
		}
	});

	// ------------------------------------
	// Lade Inhalte
	// ------------------------------------
	var oOptions = {
        	method: "get",
			onFailure: function (oXHR, oJson) {
            	ajaxFailedMessage.style.visibility = "visible";
            },
            onSuccess: function (oXHR, oJson) {
            	ajaxLoader.hide();
            }
        };
	new Ajax.Updater({ success: 'project-details-content' }, '/ajax/projekte/'+projectName+'/index.html?'+build, oOptions);
	//$(document.body).style.overflow = 'hidden';
	
	return false;
}

function closeProjectDescription() {
	//projectDetailsBox.remove();
	if( hiddenFLVPlayer != null ) {
		$("content").update(hiddenFLVPlayer);
	}
	if(ajaxFailedMessage != null) {
		ajaxFailedMessage.style.visibility = "hidden";
	}
	$('projectDetailsCloseButton').hide();
	$('project-details-content').hide();
	if( $('video')!=null ) {
		$('video').remove();
	}
	projectDetailsBox.close();
	//$(document.body).style.overflow = 'auto';
	return false;
}

function loadPageContent(pageName, build, hideRecentProjects) {	
	$('content').fade({ duration: 0.5, from: 1, to: 0.01, afterFinish: function(){
		var oOptions = {
	        	method: "get",
				onFailure: function (oXHR, oJson) {
					$('content').update('<br><br>Beim Laden der Daten ist ein Fehler aufgetretten.');
					$('content').appear({ duration: 0.5, queue: 'end'  });
	            },
	            onSuccess: function (oXHR, oJson) {
                    // Projekte anzeigen bzw. verstecken
                    if( (hideRecentProjects == null) || (hideRecentProjects == false) ) {
                        $('recent-projects-block').show();
                        $('recent-projects-block').appear({ duration: 0.5  });
                    }
                    if( hideRecentProjects == true ) {
                        $('recent-projects-block').hide();
                    }
		        	// Inhalt Anzeigen
		        	$('content').appear({ duration: 0.5 });
	            }
	        };
		new Ajax.Updater({ success: 'content' }, '/ajax/'+pageName+'/index.html?'+build, oOptions);
	} });
    
    if( hideRecentProjects == true ) {
        $('recent-projects-block').fade({ duration: 0.5, from: 1, to: 0.01, afterFinish: function(){
            //$('recent-projects-block').hide();
        }});
    }
	return false;
}