// See the README.txt file included with the delivered site for a reference
// to how this stuff all works =) ~jforcier@IconNicholson


// Film object -- just a data placeholder

function Film(title,director,country,blurb,still,nowPlaying,nowPlayingLink,moreLink,x,y) {
	this.title = title; // Normal text
	this.director = director; // Normal text
	this.country = country; // Lowercase country name
	this.blurb = blurb; // Normal text
	this.still = still; // Lowercase still filename (minus extension, file must be .jpg)
	this.nowPlaying = nowPlaying; // Normal text
	this.nowPlayingLink = nowPlayingLink; // URL
	this.moreLink = moreLink; // URL
	this.pointX = x;
	this.pointY = y;
}



// Films array - in order of film appearance in the filmstrip.
// Change order of items in this array to change the filmstrip order.
// Add new Film objects to add items to the filmstrip.
// REMEMBER that last item should NOT have a trailing comma after its closing
// parentheses!
// NOTE that getting the X and Y values for the map location will take lots of trial and error!
var Films = new Array(
	new Film(
		"Global Lens 2010",
		"Trailer",
		"usa",
		"Every person has a voice. Every voice tells a story. Every story reveals a world. The Global Film Initiative proudly presents an extrordinary series of ten feature films.  (For more viewing options, please click "More Info")",
		"globallens2010",
		"VIEW TRAILER",
		"global_lens.htm",
		"global_lens.htm",
		3,
		20
	),
	new Film(
		"Adrift",
		"Bui Thac Chuyen",
		"vietnam",
		"A young wife, ignored by her immature spouse, is caught in a love triangle between her best friend and a handsome stranger during a languorous summer in Hanoi.",
		"adrift",
		"Various Locations",
		"http://www.globalfilm.org/calendar.php",
		"http://www.globalfilm.org/lens10/adrift.htm",
		165,
		42
	),
	new Film(
		"Becloud",
		"Alejandro Gerber Bicecci",
		"mexico",
		"After years of separation, three boyhood friends reunite in Mexico City to overcome a tragedy that scarred their neighborhood, and childhood, years before.",
		"becloud",
		"Various Locations",
		"http://www.globalfilm.org/calendar.php",
		"http://www.globalfilm.org/lens10/becloud.htm",
		16,
		32
	),
	new Film(
		"Gods",
		"Josué Méndez",
		"peru",
		"A wealthy industrialist's working-class fiancé plunges into the extravagance of her lavish new life as her future stepchildren self-destruct in a series of desperate attempts to escape their privileged upbringing.",
		"gods",
		"Various Locations",
		"http://www.globalfilm.org/calendar.php",
		"http://www.globalfilm.org/lens10/gods.htm",
		30,
		59
	),
	new Film(
		"Leo's Room",
		"Enrique Buchichio",
		"uruguay",
		"Shaken by a recent breakup, a troubled but handsome young man dreams of the future and cautiously explores his sexuality with the encouragement of an old friend and a sympathetic therapist.",
		"leosroom",
		"Various Locations",
		"http://www.globalfilm.org/calendar.php",
		"http://www.globalfilm.org/lens10/leos_room.htm",
		49,
		78
	),
	new Film(
		"Masquerades",
		"Lyes Salem",
		"algeria",
		"In a dusty Algerian village, a well-intentioned fib suddenly turns a gardener into a mogul, forcing him to choose between the happiness of his narcoleptic sister and his newfound celebrity.",
		"masquerades",
		"Various Locations",
		"http://www.globalfilm.org/calendar.php",
		"http://www.globalfilm.org/lens10/masquerades.htm",
		87,
		32
	),
	new Film(
		"My Tehran For Sale",
		"Granaz Moussavi",
		"iran",
		"An ailing actress fighting for political asylum, and waiting to clear Australian immigration, recounts her attempts to live, work and love in Tehran's thriving yet turbulent arts subculture.",
		"mytehranforsale",
		"Various Locations",
		"http://www.globalfilm.org/calendar.php",
		"http://www.globalfilm.org/lens10/my_tehran_for_sale.htm",
		127,
		27
	),
	new Film(
		"Ocean Of An Old Man",
		"Rajesh Shera",
		"india",
		"In the devastating aftermath of the 2004 Indian Ocean tsunami, an elderly British schoolteacher comes to grips with his own loss as he searches for missing students on the remote Indian islands of Andaman and Nicobar.",
		"oceanofanoldman",
		"Various Locations",
		"http://www.globalfilm.org/calendar.php",
		"http://www.globalfilm.org/lens10/ocean_of_an_old_man.htm",
		143,
		40
	),
	new Film(
		"Ordinary People",
		"Vladimir Perisic",
		"serbia",
		"One quiet afternoon, a busload of young soldiers is unexpectedly forced to question the morality of their profession after being enlisted to execute civilian prisoners at a remote facility in the Serbian countryside.",
		"ordinarypeople",
		"Various Locations",
		"http://www.globalfilm.org/calendar.php",
		"http://www.globalfilm.org/lens10/ordinary_people.htm",
		106,
		23
	),
	new Film(
		"The Shaft",
		"Zhang Chi",
		"china",
		"In three intertwined stories, a father, son and daughter fight to hold onto hope and family as they face the harsh realities of life in a poor western Chinese mining town.",
		"theshaft",
		"Various Locations",
		"http://www.globalfilm.org/calendar.php",
		"http://www.globalfilm.org/lens10/the_shaft.htm",
		170,
		30
	),
	new Film(
		"Shirley Adams",
		"Oliver Hermanus",
		"southafrica",
		"In the depressed Cape Town neighborhood of Cape Flats, a single mother contemplates her fate and cautiously accepts the help of an overeager social worker as she struggles to care for her paraplegic and suicidal son.",
		"shirleyadams",
		"Various Locations",
		"http://www.globalfilm.org/calendar.php",
		"http://www.globalfilm.org/lens10/shirley_adams.htm",
		105,
		74
	)
	

);




// Function to fill in filmstrip with images
// Also doubles as initializer--sets elements to pre-click emptiness or defaults
function fillFilmstrip() {

	// fills filmstrip
	for(var i=0;i<Films.length;i++)
		document.getElementById(i+'').src="img/stills/"+Films[i].still+".jpg";
	
	// sets filmstrip length
	document.getElementById("strip").style.width = ((Films.length * 151)+2) + "px";
	
	// remove title left margin for initial setup (where there is no flag to the left)
	document.getElementById("title").style.marginLeft = "0";
	
	document.getElementById("bt").style.background = "none";
	document.getElementById("bm").style.background = "none";
	document.getElementById("bb").style.background = "none";
	
	// sets initial background of film info area & removes display of elements 
	/*document.getElementById("filmInfo").style.backgroundImage = "url(img/bg_message.gif)";
	document.getElementById("filmInfo").style.backgroundPosition = "0 20px";
	document.getElementById("filmInfo").style.backgroundRepeat = "no-repeat";*/
	document.getElementById("filmInfo").style.background = "transparent url(img/bg_message.gif) 0 20px no-repeat";
	
	
	
}


// Function to set film info area contents for a film
function setFilmInfo(index) {
	
	// reverse styles / contents that are set on load
	document.getElementById("title").style.marginLeft = "10px";
	document.getElementById("np").innerHTML = "NOW PLAYING";
	document.getElementById("moreLink").innerHTML = "More info &gt;";
	document.getElementById("filmInfo").style.background = "none";
	
	document.getElementById("bt").style.background = "transparent url(img/bg_blurb-top.gif) top left no-repeat";
	document.getElementById("bm").style.background = "transparent url(img/bg_blurb.gif) top left repeat-y";
	document.getElementById("bb").style.background = "transparent url(img/bg_blurb-bottom.gif) top left no-repeat";
	
	// get the associated object
	var f = Films[index];

	// clear active-ness for all films
	for(var i=0;i<Films.length;i++)
		document.getElementById("ph"+i).className = "ph";
		
	// set active-ness for the clicked film
	document.getElementById("ph"+index).className = "ph active";
	
	// set the info
	document.getElementById("flag").src = "img/flags/"+f.country+".gif";
	document.getElementById("title").innerHTML = f.title;
	document.getElementById("director").innerHTML = f.director;
	document.getElementById("blurb").innerHTML = f.blurb;
	document.getElementById("nowPlaying").innerHTML = f.nowPlaying;
	document.getElementById("nowPlaying").href = f.nowPlayingLink;
	document.getElementById("moreLink").href = f.moreLink;	
	
	document.getElementById("point").src = "img/img_point.gif";
	document.getElementById("point").style.left = f.pointX+"px";
	document.getElementById("point").style.top = f.pointY+"px";

	
	
}