// JavaScript Document
var panelState = "";
var siteMode   = "startup";
var currentAccordionY = 0;
var currentContentH   = 0;

function startWebsite(modus) {
	var introLayer 		= MM_findObj("intro");
	if (modus=="show") {
		animatePanel(introLayer, 0,-1200);
	} else if (modus == "startup") {
		startupModus();
		animatePanel(introLayer, 0,-1200);
	} else {
		browseModus();
		animatePanel(introLayer, 0,0);
	}
}

function zoomPhoto(modus) {
	if (modus == "enlarge") {
		var accordionsLayer			= MM_findObj("foot");
		currentAccordionY 			= accordionsLayer.offsetTop;
		animatePanel(accordionsLayer, 0,1300);
		hideInfoPanel("hideOnly");
		var contentLayer			= MM_findObj("content");
		currentContentH   			= contentLayer.style.height;
		contentLayer.style.height 	= "90%";
		var infoLayer				= MM_findObj("left");
		infoLayer.style.height 		= "100%";
	} else {
		var accordionsLayer	= MM_findObj("foot");
		animatePanel(accordionsLayer, 0,currentAccordionY);
		hideInfoPanel("hideOnly");
		var contentLayer	= MM_findObj("content");
		var infoLayer	= MM_findObj("left");
	}
	
}

function hideInfoPanel(modus) {

	var leftPanel 		= MM_findObj("left");
	var closeButton 	= MM_findObj("closeButton");
	var contentPanel 	= MM_findObj("content");
	var slideshowPanel 	= MM_findObj("slideshow");
	var pageFooter      = MM_findObj("page-footer");
	
	// Do nothing but hide/show the panel
	if (modus == "hideOnly") {
		if (!panelState || panelState == "open") {
			slideshowPanel.style.left 	= "20px";
			closeButton.src 			= "images/panel_expand_btn.jpg";
			panelState 					= "closed";
			animatePanel(leftPanel, -180,30);
			animatePanel(contentPanel, 20,30);
		
		} else if (panelState == "closed") {
			slideshowPanel.style.left 	= slideshowPanel.style.left = "200px";		
			closeButton.src 			= "images/panel_collapse_btn.jpg";
			panelState 					= "open";				
			animatePanel(leftPanel,0,30);
			animatePanel(contentPanel, 200,30);
		}
	
	// Hide the panel if user clicked 'slideshow'
	} else if (modus == "slideshow") {
		if (!panelState || panelState == "open") {
			closeButton.src 			= "images/panel_expand_btn.jpg";
			panelState 					= "closed";
			slideshowPanel.style.visibility = "visible";
		} else if (panelState == "closed") {
			closeButton.src 			= "images/panel_collapse_btn.jpg";
			panelState 					= "open";				
			slideshowPanel.style.visibility = "hidden";	
		}
	
	} else {
		if (!panelState || panelState == "open") {
			slideshowPanel.style.left 	= "0px";
			closeButton.src 			= "images/panel_expand_btn.jpg";
			panelState 					= "closed";
			activeAccordion.deactivate();
			animatePanel(leftPanel, -180,30);
			animatePanel(contentPanel, 20,30);
		
		} else if (panelState == "closed") {
			slideshowPanel.style.left 	= slideshowPanel.style.left = "200px";		
			closeButton.src 			= "images/panel_collapse_btn.jpg";
			panelState 					= "open";	
			activeAccordion.activate($$('#vertical_container .accordion_toggle')[0]);
			
			animatePanel(leftPanel,0,30);
			animatePanel(contentPanel, 200,30);
		}
	}
}

function animatePanel(panel,xvalue,yvalue) {
	new Effect.Move(panel, { x: xvalue, y: yvalue, mode: 'absolute' });
}

function showSlideshow() {
	var slideshow 	= MM_findObj("slideshow");
	slideshow.style.visibility = 'visible';
	animatePanel(slideshow, 0,30);
}

function slideshowModus() {

	// Only execute if slideshow mode is not activated
	if (siteMode != "slideshow") {
		
		// Combine Flash and dynamic data
		var content	 = "";
				  
		content  	+= "<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000'";
		content		+= "codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0' width='100%' height='100%' ";
		content     += "scale='default' align='left' salign='lt'> \n";
		content		+= "<param name='movie' value='assets/slideshow/slideshow.swf?xmlFile=bridge/slideshowFeeder.php'> \n";
		content		+= "<param name='quality' value='high'> \n";
		content		+= "<param name='wmode' value='opaque' /> \n";
		content		+= "<param name='swLiveConnect' value='true' /> \n";
		content		+= "<param name='name' value='slideshowflash' /> \n";
		content     += "<param name='scale' value='default' />";
		content		+= "<param name='id' value='slideshow' /> \n";
		content		+= "<param name='allowscsale' value='true' /> \n";
		content		+= "<param name='salign' value='lt' /> \n";
		content		+= "<param name='align' value='left' /> \n";
		content		+= "<param name='allowScriptAccess' value='sameDomain' /> \n";
		content		+= "<param name='flashvars' value='xmlFile=bridge/slideshowFeeder.php' /> \n";
		content		+= "<embed src='assets/slideshow/slideshow.swf?xmlFile=bridge/slideshowFeeder.php' quality='high'";
		content		+= "flashvars='xmlFile=bridge/slideshowFeeder.php' ";
		content		+= "pluginspage='http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' width='100%'";
		content		+= "height='100%' wmode='transparent' align='left' salign='lt' scale='default'></embed></object>";
		
	  
		// Locate large photo DIV
		var layer   		= MM_findObj("content");
		var slideshow 		= MM_findObj("slideshow");
		var accordions  	= MM_findObj('vertical_container');
		var leftPanel 		= MM_findObj("left");
		
		// Write new flash content to large photo DIV
		slideshow.innerHTML = content;

		// Set new siteMode
		siteMode = "slideshow";
		
		// Hide info panel
		hideInfoPanel("slideshow");
										
	}
}

function browseModus() {
	
	// Only execute if slideshow mode is activated
	if (siteMode != "browse") {
	
		// Locate large photo DIV
		var layer   		= MM_findObj("content");
		var slideshow 		= MM_findObj("slideshow");
		var leftPanel 		= MM_findObj("info_left");
		var accordions  	= MM_findObj('vertical_container');
		var leftPanel 		= MM_findObj("left");

		// Hide slideshow
		slideshow.style.visibility 	= "hidden";
		
		// Set new siteMode
		siteMode = "browse";
		
		// Hide info panel
		hideInfoPanel("slideshow");
		
	}
}

function startupModus() {
	
	// Only execute if slideshow mode is activated
	if (siteMode == "startup") {
	
		// Locate large photo DIV
		var layer   		= MM_findObj("content");
		var slideshow 		= MM_findObj("slideshow");
		var leftPanel 		= MM_findObj("info_left");
		var accordions  	= MM_findObj('vertical_container');
		var leftPanel 		= MM_findObj("left");
	
		// Set new siteMode
		siteMode = "startup";
		updateContent('changeProject','0|Rolls Royce straalmotor Turbo-fan \'Olympus 301\'|2005|http://www.hesmerg.nl/database/assets/fvliegtuigmotor.jpg|537|998|Friesland Bank|Agenda 2005|undefined');
		
	}
}

function photostrip_DoFSCommand(command, args) { updateContent(command, args); }
function photostripArchitectuur_DoFSCommand(command, args) { updateContent(command, args); }
function photostripVormgeving_DoFSCommand(command, args) { updateContent(command, args); }
function photostripKunst_DoFSCommand(command, args) { updateContent(command, args); }
function photostripLandschappen_DoFSCommand(command, args) { updateContent(command, args); }
function photostripDivers_DoFSCommand(command, args) { updateContent(command, args); }

function updateContent(command, args) {

	var args_array = args.split("|");
		
	// === PHOTO UPDATE FUNCTION === //
	// Combine Flash and dynamic data
	var content	 = "";
	content  	+= "<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000'";
	content		+= "codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0' height='100%' width='100%'> \n";
	content		+= "<param name='movie' value='assets/swf/photo.swf' /> \n";
    content		+= "<param name='quality' value='high' /> \n";
    content		+= "<param name='wmode' value='transparent' /> \n";
    content		+= "<param name='swLiveConnect' value='true' /> \n";
	content		+= "<param name='name' value='photo' /> \n";
	content     += "<param name='scale' value='default' />";
	content		+= "<param name='id' value='photo' /> \n";
	content		+= "<param name='allowscsale' value='always' /> \n";
	content		+= "<param name='salign' value='lt' /> \n";
	content		+= "<param name='align' value='left' /> \n";
	content		+= "<param name='allowScriptAccess' value='sameDomain' /> \n";
	content		+= "<param name='flashvars' value='parsed_image="+args_array[3]+"&img_height="+args_array[4]+"&img_width="+args_array[5]+"' /> \n";
	content		+= "<embed src='assets/swf/photo.swf?parsed_image="+args_array[3]+"&img_height="+args_array[4]+"&img_width="+args_array[5]+"'"+
				   "height='100%' width='100%' quality='high'"+
				   "pluginspage='http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash' "+
				   "type='application/x-shockwave-flash' wmode='transparent' swLiveConnect='true' allowscale='true' name='photo' "+
				   "id='photo' align='left' salign='lt' 'scale='default' allowScriptAccess='always' "+
				   "flashvars='parsed_image="+args_array[3]+"&img_height="+args_array[4]+"&img_width="+args_array[5]+"'></embed></object>";
	
	// Locate large photo DIV
	var layer   = MM_findObj("content");
	
	// Write new flash content to large photo DIV
	layer.innerHTML = content;
	
	// === INFO UPDATE FUNCTION === //

	// Combine Flash and dynamic data
	var content	 = "";
	content	     = "<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' ";
	content     += "codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0' width='180' ";
	content     += "height='200'><param name='movie' ";
	content     += "value='assets/swf/info.swf?parsed_header="+args_array[1]+"&parsed_sub="+args_array[2]+"&parsed_desc="+args_array[6]+"&parsed_type="+args_array[7]+"' /> ";
	content     += "<param name='quality' value='high' /> ";
	content     += "<param name='wmode' value='transparent' /> ";
	content     += "<param name='flashvars' value='"+args_array[1]+"&parsed_sub="+args_array[2]+"&parsed_desc="+args_array[6]+"&parsed_type="+args_array[7]+"' /> ";
	content     += "<embed src='assets/swf/info.swf?parsed_header="+args_array[1]+"&parsed_sub="+args_array[2]+"&parsed_desc="+args_array[6]+"&parsed_type="+args_array[7]+"'"+
				   "quality='high' ";
	content     += "pluginspage='http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash' ";
	content     += "type='application/x-shockwave-flash' width='180' height='200' swliveconnect='true' wmode='transparent' ";
	content     += "flashvars=\"parsed_header="+args_array[1]+"&parsed_sub="+args_array[2]+"&parsed_desc="+args_array[6]+"&parsed_type="+args_array[7]+"\"></embed> ";
	content     += "</object>";
	
	// Locate large photo DIV
	var layer   = MM_findObj("info_left");
	
	// Write new flash content to large photo DIV
	layer.innerHTML = content;
	
}