// JavaScript Document

var comments = new Array();
var statements = new Array();

statements['labour'] = "<b>Labour</b><br><br>Since the industrial revolution in the early nineteenth century women believed their role and responsibility was to be a wife, mother and homemaker, living a private existence within a domestic context.  By the late nineteenth century women were gradually starting to find work outside of the home.  From Edwardian Britain women increasingly played a significant part in changing the shape of their lives both within and outwith the family.<br><br>The ‘Labour’ series reflects the social and economic culture of working women in today’s society. The images explore the relationships, domestic life and shifting roles women can experience in their life cycle and the choices they are able to make for themselves and their families.<br><br>The series identifies the challenges women face, in particular the stereotyped traditional male working environments and experience within the construction sector.  In theory, within the twenty first century women’s identities, individuality and independence can be created through ‘opportunity’ and ‘equality’ if they believe in themselves.  However, in practice the reality may be a different experience."
statements['workout'] = "<b>Work Out</b> <br> <br>A project called &quot;Women Build West Yorkshire&quot; was launched on 9th December 2005, which includes private and public organisations engaging, promoting and encouraging women into the Construction Sector, addressing the skills shortages and gender imbalance within the sector.<br><br>Four providers received funding in West Yorkshire (within Bradford, Leeds and Halifax).  The women are photographed in their place of learning and working environments, documenting their development as individuals. <br><br>The women are an inspiration for other women. Working opportunities are available to them, should they wish to work in the construction industry."
statements['footloose'] = "<b>Footloose and Fancy Free</b> <br> <br>In a world evolving into a youthful and materialist society, the older generation have been there and seen it all before.  We forget that peoples’ lives and social roles change and develop over a period of time and we too will be elderly in the future.<br><br>In the 1950’s the social expectation of a woman was to be married, be a wife, a mother and look after the home and family.<br><br>Shirley´s work called &quot;Footloose & Fancy Free&quot; is a documentary of her Nan and friends whose circumstances have changed.  These women have developed into independent, wise and inspirational ladies, who know their own mind and lead an equally happier life on their own,  and with their friends and family.<br><br>Shirley’s work addresses the issues of the changing role and expectations of women in society.  Her aim is for her work to be the symbol of modern culture and of woman´s desire for equality within the sexes and traditions. <br><br>Women who take risks and challenge the &quot;norm&quot; in creating a fulfilling life for themselves influence her work.  She is fascinated with the balance women require to have jobs, a family and independence and likes the medium of photography to document the present experience of women within society and to communicate with the models and their individual identities."
statements['healing'] = "<b>Healing</b> <br> <br>The bond between mother and daughter is a very special one. The relationship with my mam is filled with an abundance of love and our similarities and differences have presented a colourful connection over the years. <br><br>Living at home for the second time in my life is part of a healing process for our relationship, reinforcing our love and enabling us to share wonderful experiences.  The photographs are my visual thoughts during my stay and through words my mam remembers the adventures of living with her daughter again.<br><br>Love, Shirl"
statements['sharedtime'] = "<b>Shared Time</b><br><br>In the beginning Hartlepool was two towns.  The original town was founded in 640AD and civilisation started from the 13th Century with a natural harbour and small fishing village for hundreds of years.  By the 19th Century the town was known as Old Hartlepool and is locally known as the Headland.<br><br>A newly born town called West Hartlepool grew rapidly from the 1840's with the railway playing an important role to the development of the docks, the home of shipbuilding and the increasing population. <br><br> Both towns were central to becoming one of the busiest ports in the country and the two towns amalgamated in 1967 to become the Hartlepool it is today."



comments['labour99'] = ""
comments['workout99'] = ""
comments['footloose99'] = ""
comments['sharedtime99'] = ""
comments['healing99'] = ""

comments['labour01'] = "&lsquo;Life is full of choices.&rsquo;"
comments['labour02'] = "&lsquo;I guess it's expected that I become a mother, but I don't want children.&rsquo;"
comments['labour03'] = "&lsquo;Sometimes you need energy and determination to keep a relationship strong and unbroken.&rsquo;"
comments['labour04'] = "&lsquo;A new start creates a bond and foundation, which is exciting.&rsquo;"
comments['footloose01'] = "This is the first image in the footloose and fancy free project"
comments['footloose02'] = "This is the second image in the footloose and fancy free project"
comments['footloose03'] = "This is the third image in the footloose and fancy free project"
comments['footloose04'] = "This is the fourth image in the footloose and fancy free project"
comments['footloose05'] = "This is the fifth image in the footloose and fancy free project"
comments['sharedtime01'] = "Hart windmill used to grind corn for farms in all parts of the area from the 14th Century.  The mill was one of at least nine windmills in a 3 mile radius of the towns.  There are only two remaining.  Restoration took place in 1991 and it is regarded as one of the best examples of a typical Northern windmill in existance."
comments['sharedtime02'] = "The embankment and railway track was part of Throston Bridge (an iron bridge built in the 1830's).  The track was regularly used for the transportation of coal and the railway for the original town.  The bridge was the boundary between Old and West Hartlepool."
comments['sharedtime03'] = "Old Hartlepool started to export coal in the 1830's.  The development of West Hartlepool in the 1840's was soon shipping more coal than any other port in the North of England.  The railways brought coal from the Durham Collieries and by the 1860's the two Hartlepools were the fourth busiest port in the country."
comments['sharedtime04'] = "Seaton Carew was once a small fishing village.  During the 18th and 19th centuries people used the beach for bathing and it became a popular health resort."
comments['healing01'] = "01"
comments['healing02'] = "02"
comments['healing03'] = "03"
comments['healing04'] = "04"
comments['healing05'] = "05"
comments['healing06'] = "06"
comments['healing07'] = "07"
comments['workout01'] = ""
comments['workout02'] = ""
comments['workout03'] = ""
comments['workout04'] = ""
comments['workout05'] = ""
comments['workout06'] = ""




function dataLoader(id, project){
	
	if (id==99){
		document.getElementById("data").innerHTML = "<div class='statementholder' align='left'> " + statements[project] + "</div>";
	}
	else{
		if (project=='labour'){
			document.getElementById("data").innerHTML = "<img src='labour/" + id + ".jpg' />";
		}
		if (project=='footloose'){
			document.getElementById("data").innerHTML = "<img src='footloose/" + id + ".jpg' />";
		}
		if (project=='healing'){
			document.getElementById("data").innerHTML = "<img src='healing/" + id + ".jpg' />";
		}
		if (project=='sharedtime'){
			document.getElementById("data").innerHTML = "<img src='sharedtime/" + id + ".jpg' />";
		}			
		if (project=='workout'){
			document.getElementById("data").innerHTML = "<img src='workout/" + id + ".jpg' />";
		}			
			
	}
	
}

function commentLoader(id, project){
	if (project == 'healing'){
		if (id==99){
				document.getElementById("commentbox").innerHTML = "";
		}
		else{
			document.getElementById("commentbox").innerHTML = "<div style='cursor:pointer' onClick='healingText(" + id + ")';>Click here for text</div>";
		}
	}
	else {
	id2 = project + id;
	document.getElementById("commentbox").innerHTML = comments[id2];
	}
}

function loadThumbs(){
	
	if (project=='footloose'){
		document.write('<div class="statementthumb2" align="center" onClick="dataLoader(this.id, project); commentLoader(this.id, project);" id="99" src="' + project + '/tstatement.jpg" />Artist Statement</div>');
		document.write('<div align="center" class="thumbnail"><img onClick="chapterSelector(this.id);" id="01" src="footloose/chaps/t01.jpg" /><br>Nan</div>');
		document.write('<div align="center" class="thumbnail"><img onClick="chapterSelector(this.id);" id="02" src="footloose/chaps/t02.jpg" /><br>Louise</div>');
		document.write('<div align="center" class="thumbnail"><img onClick="chapterSelector(this.id);" id="03" src="footloose/chaps/t03.jpg" /><br>Hilda</div>');
		document.write('<div align="center" class="thumbnail"><img onClick="chapterSelector(this.id);" id="04" src="footloose/chaps/t04.jpg" /><br>Sheila</div>');
		document.write('<div align="center" class="thumbnail"><img onClick="chapterSelector(this.id);" id="05" src="footloose/chaps/t05.jpg" /><br>Group</div>');

	}
	
	else{
		
		if (statement==1){
			document.write('<div class="statementthumb" align="center" onClick="dataLoader(this.id, project); commentLoader(this.id, project);" id="99" src="' + project + '/tstatement.jpg" />Artist Statement</div>');
	    }
		for (i=1; i<=numImages; i++) {
			document.write('<div class="thumbnail"><img onClick="dataLoader(this.id, project); commentLoader(this.id, project);" id="0' + i + '" src="' + project+ '/t0' + i + '.jpg" /></div>');
						
		}
	}

}

function healingText(id){
	document.getElementById("data").innerHTML = "<img src='healing/text" + id + ".jpg' />";
	document.getElementById("commentbox").innerHTML = "";
}

function chapterSelector(id){
	thumbs = '';
	if (id==1){
		for (i=1; i<9; i++){
			thumbs = thumbs + "<div class='thumbnail'><img onClick='dataLoader(this.id, project);' id='0" + i + "' src='footloose/t0" + i + ".jpg' /> </div>";
		}
		thumbs = thumbs + "<div align='center'><a align='center' class='chaplink' href='footloose.html'> Back to Chapters </a></div>";
	}
	if (id==2){
			thumbs = thumbs + "<div class='thumbnail'><img onClick='dataLoader(this.id, project);' id='09' src='footloose/t09.jpg' /> </div>"
		for (i=10; i<17; i++){
			thumbs = thumbs + "<div class='thumbnail'><img onClick='dataLoader(this.id, project);' id='" + i + "' src='footloose/t" + i + ".jpg' /> </div>";
		}
		thumbs = thumbs + "<div align='center'><a class='chaplink' href='footloose.html'> Back to Chapters </a></div>";
	}
	if (id==3){
		for (i=17; i<25; i++){
			thumbs = thumbs + "<div class='thumbnail'><img onClick='dataLoader(this.id, project);' id='" + i + "' src='footloose/t" + i + ".jpg' /> </div>";
		}
		thumbs = thumbs + "<div align='center'><a align='center' class='chaplink' href='footloose.html'> Back to Chapters </a></div>";
	}
	if (id==4){
		for (i=25; i<33; i++){
			thumbs = thumbs + "<div class='thumbnail'><img onClick='dataLoader(this.id, project);' id='" + i + "' src='footloose/t" + i + ".jpg' /> </div>";
		}
		thumbs = thumbs + "<div align='center'><a align='center' class='chaplink' href='footloose.html'> Back to Chapters </a></div>";
	}
	if (id==5){
		for (i=33; i<41; i++){
			thumbs = thumbs + "<div class='thumbnail'><img onClick='dataLoader(this.id, project);' id='" + i + "' src='footloose/t" + i + ".jpg' /> </div>";
		}
		thumbs = thumbs + "<div align='center'><a align='center' class='chaplink' href='footloose.html'> Back to Chapters </a></div>";
	}
		
		document.getElementById("thumbholder").innerHTML = thumbs;
}