function randomQuote(){
	var sQuote = new Array (9);
	sQuote[0] = "Life is a tragedy when seen in close up, but a comedy in long shot."
	sQuote[1] = "A film is a petrified fountain of thought."
	sQuote[2] = "The cinema is truth 24 frames per second."
	sQuote[3] = "Movies are a world of Fragments."
	sQuote[4] = "Drama is life with the dull bits left out."
	sQuote[5] = "The cinema is not a slice of life, it's a piece of cake."
	sQuote[6] = "A good film is when the price of the admission, the dinner and the babysitter was well worth it."
	sQuote[7] = "It isn't easy to do in the theatre, but it's twice as hard in the film."
	sQuote[8] = "Of course all films are surrealist. They are making something that looks like the real world but isn't."
	sQuote[9] = "The trouble with a movie is that it's old before it's released. It's no accident that it comes in a can."

	var sName = new Array (9);
	sName[0] = "Charles Chaplin";
	sName[1] = "Jean Cocteau";
	sName[2] = "Jean-Luc Godard";
	sName[3] = "Jean-Luc Godard";
	sName[4] = "Alfred Hitchcock";
	sName[5] = "Alfred Hitchcock";
	sName[6] = "Alfred Hitchcock";
	sName[7] = "Arthur Miller";
	sName[8] = "Michael Powell";
	sName[9] = "Orson Welles";
	
	var iRandom = Math.random();
	var sRandom = ' ' + iRandom;
	var sRandom = sRandom.substr ( sRandom.length - 1 , 1 );
	var iRandom = parseInt ( sRandom );
	sFormattedQuote = '<p class="film_quote">"' + sQuote[iRandom] + '"</p>';
	sFormattedQuote = sFormattedQuote + '<p class=\"film_quoter\"> - ' + sName[iRandom] + '</p>';
	return sFormattedQuote;
}

function hover ( obj ){
	if ( Element.hasClassName ( obj , 'NavButton' ) ){
		Element.removeClassName ( obj , 'NavButton' );
		Element.addClassName ( obj , 'NavButtonHover' );
	}
}

function unhover ( obj ){
	if ( Element.hasClassName ( obj , 'NavButtonHover' ) ){
		Element.removeClassName ( obj , 'NavButtonHover' );
		Element.addClassName ( obj , 'NavButton' );
	}
}

function showcallout( caller, sFlyoutname , sTitle, sFlyoutText ){
	if ( bCalloutVisible == false ){
		var objFlyout = $( sFlyoutname );
		var objFlyoutBox = $( sFlyoutname + 'Box' );
		if ( objFlyout ){
			var sSummaryHTML = "<span class='Info_Flyout'>" + sTitle + "</span><br>";
			var sSummaryHTML = sSummaryHTML + sFlyoutText;
			objFlyoutBox.innerHTML = sSummaryHTML;
			var leftpos = getPageOffsetLeft( caller ) -20;
			var toppos = getPageOffsetTop( caller ) +12;
			Element.setStyle(sFlyoutname, {position: 'absolute', top: toppos+"px", left: leftpos+"px"} );
			objFlyout.show();
			bCalloutVisible = true;
		}
	}
}

function hidecallout( caller , sFlyoutname ){
	if ( bCalloutVisible ){
		var objFlyout = $( sFlyoutname );
		var objFlyoutBox = $( sFlyoutname + 'Box' );
		if ( objFlyout ){
			objFlyout.hide();
			objFlyoutBox.innerHTML = "";
		}
		bCalloutVisible = false;
	}
}

function getPageOffsetLeft(el) {

  var x;

  // Return the x coordinate of an element relative to the page.

  x = el.offsetLeft;
  if (el.offsetParent != null)
    x += getPageOffsetLeft(el.offsetParent);

  return x;
}

function getPageOffsetTop(el) {

  var y;

  // Return the x coordinate of an element relative to the page.

  y = el.offsetTop;
  if (el.offsetParent != null)
    y += getPageOffsetTop(el.offsetParent);

  return y;
}

function doShowDropDown( oCaller , sDropDownName){
	var oDropDown=$( sDropDownName + 'Menu' );
	if ( oDropDown ){
		var leftpos = getPageOffsetLeft( oCaller );
		var toppos = getPageOffsetTop( oCaller ) +22;
		Element.setStyle( sDropDownName + 'Menu', {position: 'absolute', top: toppos+"px", left: leftpos+"px", display: "block"} );
	}
}

function doHideDropDown( sDropDownName){
	var oDropDown=$( sDropDownName + 'Menu' );
	if ( oDropDown ){
		oDropDown.hide();
	}
}