// Javascript Document

var Menu = new Array();
var Link = new Array();
var Section = new Array();
var Subsection = new Array();
var Subsectionnumimages = new Array();
var Information = new Array();
var DesignText = new Array();
var Prices = new Array();
var PricesSub = new Array();
var PriceInformation = new Array();
var PricesSubInformation = new Array();
var Showing = new Array();
var FirstPage = new Array();
var About = new Array();

aboutsection = '';
numberofpages = 5;
photographyshowing=0;
designshowing=0;
lastnumber = 0;
myid=0;
textnumber = 0;

Showing[1] = 0;
Showing[3] = 0;
Showing[2] = 0;
Showing[4] = 0;

Menu[1] = "Home";
Menu[2] = "Portfolio";
Menu[3] = "Pricing";
Menu[4] = "About";
Menu[5] = "Email";


Prices[1] = "Photography";
Prices[2] = "Web Design";
Prices[3] = "Design & Retouching";
Prices[4] = "Packages";


Link[1] = "index.html";
Link[2] = "portfolio.html";
Link[3] = "prices.html";
Link[4] = "about.html";
Link[5] = "contact.php";

Section[1] = "photography";
Section[2] = "web";
Section[3] = "retouching";

Subsection[1] = "Interiors";
Subsectionnumimages[1] = 11;

Subsection[2] = "Events";
Subsectionnumimages[2] = 8;

Subsection[3] = "Portraiture";
Subsectionnumimages[3] = 4;

Subsection[4] = "Product";
Subsectionnumimages[4] = 3;

Subsection[5] = "Websites";
Subsectionnumimages[5] = 6;

Subsection[6] = "Design"
Subsectionnumimages[6] = 3;
Subsection[7] = "Retouching";
Subsectionnumimages[7] = 2;
Subsection[8] = "Restoration";
Subsectionnumimages[8] = 2;
Subsection[9] = "Creative";
Subsectionnumimages[9] = 1;


FirstPage[1] = "<div class='firstpagetext'>Amy Goodchild - Commercial Services</div>";
FirstPage[2] = "<div class='firstpagetext'>Photography, Retouching and Web Design</div>";
FirstPage[3] = "<div class='firstpagetext'>Friendly, professional service</div>";
FirstPage[4] = "<div class='firstpagetext'>four</div>";
FirstPage[5] = "<div class='firstpagetext'>five</div>";
FirstPage[6] = "<div class='firstpagetext'>text here</div>";
FirstPage[7] = "<div class='firstpagetext'>asdfsdf</div>";

Information['Photography'] = "<div class='grey'>Use imagery to help your customers get an idea of what you and your business are all about.<br /><br /><b>Quality Images</b><br />All my photography is of a very professional quality, taken with high end equipment.  I can work with a detailed brief if you know exactly what you want or you can give me a free rein and know I will come back with excellent images.<br /><br /><b>Friendly, Personal Service</b><br /> You will receive excellent service because I genuinely want you to be a satisfied customer.<br/><br/><b>No Hidden Costs</b><br />All costs are discussed up front. Clear pricings are available on the Pricing and Packages page.  I also offer...<br><br><b>Flexibility</b><br>If you have special requirements, I will do my best to accommodate you.  The packages detailed on the site are outlines and I am very happy to discuss different options or variations. </div>";
Information['Interiors'] = "<div class='littlecenter'><div class='darkgrey'>Interior photography is ideal for restaurants, hotels, bars, pubs and cafes.  Let people see whether they should expect cosy pub tables, or luxury leather booths.  Are you a modern bar or a traditional restaurant?  <br/><br/>Your photographs will include wide angle images to show off your space to close up atmospheric shots to highlight features.  <br><br><b>Friendly, Personal Service</b><br>I always endeavour to provide excellent customer service.<br><br><b>Flexibility</b><br>If you have special requirements, I will do my best to accommodate you.<br><br><b>What next?</b><br>Have a look through the samples on the left, browse the prices section, then contact me for a firm quote.</div></div></div></div>";
Information['Events'] = "<div class='littlecenter'><div class='darkgrey'>When you're holding or sponsoring an event, you'll be thinking about how you can use it to your advantage.  One thing to consider is how your business will come across and how people will remember you afterwards.  Will the event be reported in company newsletters, meetings, or local media?  If so, you'll need photography to go along with the story.<br><br>I am also available for more casual events.  Having a professional photographer at a company party or team building exercise is good fun and worthwhile.<br><br><b>Friendly, Personal Service</b><br>I always endeavour to provide excellent customer service.  I pride myself on inobtrusive event photography.  People often remark that they didn't even notice I was taking their photograph.<br><br><b>Flexibility</b><br>If you have special requirements, I will do my best to accommodate you.<br><br><b>What next?</b><br>Have a look through the samples on the left, browse the prices section, then contact me for a firm quote.</div></div>";
Information['Portraiture'] = "<div class='littlecenter'><div class='darkgrey'>Portraits give your customers a better insight into who you are.  A flattering portrait for your key members of staff adds a personal touch to your website or marketing materials.<br><br>You can choose to have your portraits taken in the studio, in your offices or perhaps somewhere a bit different, like the South Bank, or in Hyde Park.<br><br>We can keep it sharp and professional, or get creative with lighting, props and settings.<br><br><b>On the day</b><br>It's good to give your staff a fair warning that their pictures will be taken, so they can make sure they look their best that day.  If we're shooting outside, we'll hope for good weather, but have a contingency plan incase things turn grey.  <br><br><b>Friendly, Personal Photographer</b><br>I always endeavour to provide excellent customer service.  I work hard to make people feel at ease during their shoot, because a natural smile always looks best.<br><br><b>What next?</b><br>Have a look through the samples on the left, browse the prices section, then contact me for a firm quote.</div></div>";
Information['Product'] = "<div class='littlecenter'><div class='darkgrey'>Product Photography is essential for an online business.  Professional photography will show your products at their best.  We can discuss a range of options for backgrounds and style.  We can keep things sharp and professional with plain black, grey or white backgrounds, or get creative with backgrounds, settings and lighting.<br><br><b>Quality Work</b><br />I have a BA in Photography, experience and the best equipment, so you can count on quality images<br><br>	<b>Friendly, Personal Service</b><br>I always endeavour to provide excellent customer service.<br><br><b>Flexibility</b><br>If you have special requirements, I will do my best to accommodate you.<br><br><b>What next?</b><br>Have a look through the samples on the left, browse the prices section, 	then contact me for a firm quote.</div></div>";
Information['Websites'] = "<div class='littlecenter'><div class='darkgrey'>A web presence is invaluable and essential as a marketing tool.   Many potential customers like to check out a company online before deciding where to spend their money.  It's an opportunity to give people a feel for your business and offer images, opening times, location and other details.  The Yahoo! Small Business survey found that over 70% of small business have a website... don't get left behind. <br><br><b>Features</b><br>I can create a variety of features powered by javascript on your website, including image galleries, blog tie ins, google maps etc. <br><br><b>Friendly, Personal Service</b><br>I always endeavour to provide excellent customer service.  I know the web might seem complicated, but I can lead you through each step of the way.<br><br><b>Flexibility</b><br>If you have special requirements, I will do my best to accommodate you.<br><br><b>What next?</b><br>Have a look through the samples on the left, browse the prices section, then contact me for a firm quote and we'll get started on your web presence.</div></div>";
Information['Design'] = "<div class='littlecenter'><div class='darkgrey'>Professional design makes all the difference to your printed materials.  I can design menus, posters, flyers, letterheads, logos and more.<br><br>If you have existing print materials, I can match the new designs to your brand.  If you're a new start up or just starting on branding yourself, I can create branding for you from scratch.<br><br><b>Quality Work</b><br />I combine Photoshop, Illustrator and Indesign and experience to provide the best work.<br><br><b>Friendly, Personal Service</b><br>I always endeavour to provide excellent customer service.<br><br><b>Flexibility</b><br>If you have special requirements, I will do my best to accommodate you.<br><br><b>What next?</b><br>Have a look through the samples on the left, browse the prices section, then contact me for a firm quote.</div></div>";
Information['Retouching'] = "<div class='littlecenter'><div class='darkgrey'>Retouching lets your images look their best.  It's essential for product and beauty images to be retouched.  I include basic retouching with all my photography services but, if you've had your photos taken elsewhere or you require something special, bring your images to me to be retouched.  <br><br><b>Quality Work</b><br />I have been working with Photoshop for 7 years, and use the latest methods and technology to retouch to excellent standards.<br><br><b>Friendly, Personal Service</b><br>I always endeavour to provide excellent customer service.<br><br><b>Flexibility</b><br>If you have special requirements, I will do my best to accommodate you.<br><br><b>What next?</b><br>Have a look through the samples on the left, browse the prices section, then contact me for a firm quote.</div></div>";
Information['Restoration'] = "<div class='littlecenter'><div class='darkgrey'>Restoration is much more personal than the other services I offer.  Time can take its toll on photographs and they can suffer damage from bending, tears, damp, or cellotape repairs.  However, with my restoration services, I can often restore photographs to their former glory.<br><br><b>Quality Work</b><br />I have been working with Photoshop for 7 years, and use the latest methods and technology to restore to excellent standards.<br><br><b>Friendly, Personal Service</b><br>I always endeavour to provide excellent customer service.<br><br><b>Flexibility</b><br>If you have special requirements, I will do my best to accommodate you.<br><br><b>What next?</b><br>Have a look through the samples on the left, browse the prices section, then contact me for a firm quote.</div></div>";
Information['Creative'] = "<div class='littlecenter'><div class='darkgrey'>Creative Photoshop work has a number of uses.  Perhaps you want something a bit different to spice up your advertising?  Have a look at the samples on the left for some ideas.<br><br>Maybe you need a funny and original gift for a friend or colleague?  How about a photograph of them standing by their favourite celebrity, or starring in a movie, or in a Botticellian painting? <br><br><b>Quality Work</b><br />I have been working with Photoshop for 7 years, and use the latest methods and technology.<br><br><b>Friendly, Personal Service</b><br>I always endeavour to provide excellent customer service.<br><br><b>Flexibility</b><br>If you have special requirements, I will do my best to accommodate you.<br><br><b>What next?</b><br>Have a look through the samples on the left, browse the prices section, then contact me for a firm quote.</div></div>";


DesignText['Websites1'] = "<b>Proud Bar</b><br><br>This is an example website for a bar in London.  It contains information about menus, opening times and location and has space for a gallery of images. <br><br><a href='http://www.amygoodchild.com/proud' /> Click here to visit</a>";
DesignText['Websites2'] = "<b>The Yoga Lady</b><br><br>This is an example website for a yoga teacher.  It has space for information about yoga, prices, class times, locations and contact information.<br><br><a href='http://www.amygoodchild.com/yoga' />Click here to visit</a>";
DesignText['Websites3'] = "<b>Shirley Anne Wood</b><br><br>This website was created for a photographer working in the North East of England.  It contains an image gallery with several sections, and information about the artist.<br><br><a href='http://www.shirleyannewood.com'>Click here to visit</a>";
DesignText['Websites4'] = "<b>Amy Goodchild</b><br><br>This website is my own personal portfolio of work.  It contains a number of image galleries, and information about me as an artist.  The front page features a stylish slideshow of images<br><br><a href='http://www.amygoodchild.com'>Click here to visit</a>";
DesignText['Websites5'] = "<b>Roots</b><br><br>This site was created for a restaurant in the USA.  Roots updates their specials via a Twitter powered news feed.  There are two image slide shows and the entire menu is online.<br><br><a href='http://www.amygoodchild.com/roots' />Click here to visit</a>";
DesignText['Websites6'] = "<b>Quirings</b><br><br>This is a site design proposal for a Monument company.  The design was created in Photoshop as a flat image, ready to be sliced and coded";
DesignText['Events5'] = "Marsh and Parsons Sponsored Christmas Fair";
DesignText['Events2'] = "Marsh and Parsons Sponsored Christmas Fair";
DesignText['Events3'] = "Birthday Party";
DesignText['Events4'] = "Birthday Party";
DesignText['Events1'] = "MS Friends - Group for sufferers of MS";
DesignText['Events6'] = "MS Friends - Group for sufferers of MS";
DesignText['Events7'] = "MS Friends - Group for sufferers of MS";
DesignText['Events8'] = "MS Friends - Group for sufferers of MS";
DesignText['Portraiture1'] = "";
DesignText['Portraiture2'] = "";
DesignText['Portraiture3'] = "";
DesignText['Portraiture4'] = "";
DesignText['Design1'] = "Flyer for an Art Exhibition";
DesignText['Design2'] = "Tourism leaflet for a canalside village";
DesignText['Design3'] = "Logo Design for an oil company";


DesignText['Interiors1'] = "";
DesignText['Interiors2'] = "";
DesignText['Interiors3'] = "";
DesignText['Interiors4'] = "";
DesignText['Interiors5'] = "";
DesignText['Interiors6'] = "";
DesignText['Interiors7'] = "";
DesignText['Interiors8'] = "";
DesignText['Interiors9'] = "Hotel Room at <a href='http://www.goldenpheasantburford.com'>The Golden Pheasant Inn</a>, Burford";
DesignText['Interiors10'] = "Hotel Room at <a href='http://www.goldenpheasantburford.com'>The Golden Pheasant Inn</a>, Burford";
DesignText['Interiors11'] = "";

DesignText['Restoration1'] = "Rollover image to see original damaged photograph";
DesignText['Restoration2'] = "Rollover image to see original damaged photograph";

DesignText['500'] = "";

PriceInformation[1] = "photography information here lalalala";
PriceInformation[2] = "web info";
PriceInformation[3] = "design info";

PricesSub[1] = "Interiors";
PricesSub[2] = "Events";
PricesSub[3] = "Portraits";
PricesSub[4] = "Product";

PricesSub[5] = "Web Design";

PricesSub[6] = "Design";
PricesSub[7] = "Retouching";
PricesSub[8] = "Restoration";
PricesSub[9] = "Creative";

PricesSub[10] = "Bronze";
PricesSub[11] = "Silver";
PricesSub[12] = "Gold";


PricesSubInformation[1] = "<div class='greypadding'><div class='pricetext'>Still Interiors</div>&#163;150 per location<br>3 hours per location<br><br>I will take a variety of photographs including wide angle shots, atmospheric close ups and exterior shots.  This type of photography is ideal for hotels, restaurants and bars and the photographs will be perfect for use on your website or in other marketing materials.<br><br><div class='pricetext'>Action Interiors</div>&#163;230 per location<br>4 hours per location<br><br>As well as the still wide angle shots, atmospheric close ups and exterior shots, I will also take photographs featuring people. I can use members of your staff as models or I can provide models at extra cost. Some people will appear in photographs as customers, laughing and joking and enjoying your premises, while some appear as staff, professional, friendly and welcoming.<br><br><i>Any extra time spent at your location will be charged at a rate of &#163;40 per hour or part thereof.  These prices cover locations within London. Travel outside of London will be charged extra.  Post processing included (editing in blue skies and general improvement of images).  Images provided on CD or via email (your choice)</i></div>";
PricesSubInformation[2] = "<div class='greypadding'><div class='pricetext'>Event Photography</div>&#163;40 per hour<br>Minimum 3 hours<br><br>I will take a variety of photographs to your specifications. I will ensure I take photographs of key guests and include any branding you have in as many shots as possible.  We will discuss in advance if there are any key moments (hand shakings etc) or other photographs that must be captured to ensure you get the best possible coverage.<br><br><i>I am happy to negotiate prices for long events.  These prices cover locations within London. Travel outside of London will be charged extra.  Post processing included (general improvement of images).  Images provided on CD or via email (your choice)</i></div>";
PricesSubInformation[3] = "<div class='greypadding'><div class='pricetext'>Portrait Photography</div>Studio set up charge - &#163;200<br>Location Set up charge - &#163;100<br><br>Total cost is the set up charge plus:<br>1-2 people - &#163;20 per person<br>3-10 people - &#163;17 per person<br>11-25 people - &#163;15 per person<br>26 people or more - &#163;12 per person<br><br>You can choose to have your photographs taken at your premises, or at another location such as the Southbank with the river and London skyline as a backdrop, or perhaps in Hyde Park for a natural, classy feel.<br><br>Otherwise, you can have the photographs taken in a traditional studio setting.  I can stick to classic lighting for headshots, or we can use more creative lighting to create emotive portraits.<br><br><i>Basic image processing is included (adjustment of lighting and removal of blemishes if you wish). Upto 45 minutes per person, prices can be negotiated for longer, more involved sessions. These prices cover locations within London. Travel outside of London will be charged extra.  Images are provided on CD or via email (your choice)</i></div>";
PricesSubInformation[4] = "<div class='greypadding'><div class='pricetext'>Studio Product Photography</div>Studio set up charge - &#163;200 + a fee based on number of products and type of product.  <br>(Due to the wide variety of products I can photograph and the varience between them, you need to contact me for a quote on this.  The cost is based on an hourly rate of &#163;50 per hour.)<br><br>Prices can be negotiated for simple photography with even lighting and plain backgrounds or creative shoots of your product range.  If you would like your product range photographed with models, I can provide a choice of models at an extra cost.<br><br><i>Post processing included (general improvement of images).  Images provided on CD or via email (your choice)</i></div>";

PricesSubInformation[5] = "<div class='greypadding'><div class='pricetext'>Static Websites</div>From &#163;250, depending on complexity<br><br>I don't use templates and every website is created individually to your specifications - see the features list below for some ideas. <br>I can also guide you through the process and costs of hosting your website.<br><br><div class='pricetext'>Updateable Websites</div>From &#163;300, depending on complexity, plus a monthly fee covering technical support, hosting and use of the updates area.<br><br>All information on the site can be edited via a password protected admin area. You will be able to edit text and images, add new pages and upload new photo galleries.  For example, if you host or sponsor an event, you can add a page to publicise it or create an image gallery after the event. <br><br><div class='pricetext'>Features</div>Text Pages (About Us, Menu, Staff, etc)<br>Image Galleries (Events, Location)<br>Twitter powered news feed - keep customers informed about special deals, offers, events.<br>Contact Form<br>Any other features you require </div>";

PricesSubInformation[6] = "<div class='greypadding'>Coming soon</div>";
PricesSubInformation[7] = "<div class='greypadding'><div class='pricetext'>Product Retouching/Improvement</div>From &#163;2-&#163;40 per image depending on complexity (discounts available for batches of images)<br/><br/>This includes colour and lighting balance - background removal/change - removal of scratches, folds, wrinkles, marks etc - straightening/symmetry fixes.<br><br><div class='pricetext'>Beauty Retouching/Improvement</div>From &#163;5-&#163;100 per image depending on complexity (discounts available for batches of images)<br><br> This includes colour and lighting balance - removal of skin blemishes/wrinkles - evening skin tone - smoothing hair - cleaning/perfecting make up - removal of scratches, folds, wrinkles etc in clothing, jewellery and accessories.<br><br><br><i>Images provided on CD or online (your choice).  One round of corrections/changes included for free, then changes to the original specifications will be charged at an hourly rate of &#163;30</i></div>";
PricesSubInformation[8] = "<div class='greypadding'><div class='pricetext'>Damaged Photograph Restoration</div>From &#163;10-100 per image depending on complexity (discounts available for batches of images)<br><br>This includes removal of bends, folds, scratches - fixing border - removal of cellotape fixes! - recreation of missing areas.<br><br><i>Images provided on CD or online (your choice).  I can also arrange printing at an extra cost.</i></div>";
PricesSubInformation[9] = "<div class='greypadding'><div class='pricetext'>Creative Image Manipulation</div>From &#163;50-200+ per image depending on complexity (discounts available for batches of images)<br><br>This kind of image manipulation could cover anything at all!  The price is based from an hourly rate of &#163;30ph. <br><br><br><br><i>Images provided on CD or online (your choice).  I can also arrange printing at an extra cost</i></div>";

PricesSubInformation[10] = "bronze";
PricesSubInformation[11]= "silver";
PricesSubInformation[12]= "gold";

About['about'] = "<div class='darkgreypadding'>I am Amy Goodchild and I provide Photography, Retouching, Web Design and Print Design services.  I work as a freelancer for corporations, small businesses, restaurants, hotels, bars, home owners and individuals.  <br><br>With a range of skills, I can help you with all your marketing and imaging needs.  I enjoy building up a relationship with clients and becoming a &quot;one stop shop&quot; for their imaging and design requirements.<br><br>I am different to a lot of other photography and design services because I provide up front pricing structures right here on my website.  There's no guess work!  Once we get talking, I can tailor the price to your exact requirements, but you can rely on having a good idea of what to expect from browsing my prices page.<br><br>I have a BA in Photography and Digital Imaging and excellent skills in design and web design.  My client list includes <a href='http://www.asos.com'>ASOS</a>, the online fashion retailer.  I can travel all over London and the surrounding area.</div> ";
About['clients'] = "<div class='darkgreypadding'><div class='pricetext'>I have worked with...<br><br></div><div class='clientinfo'><a href='http://www.asos.com'><img src='clients/asos.jpg' style='margin: 5px; border-style: solid; border-width: 1px; border-color: black;' alt='ASOS'/></a></div><div class='clientinfo2'>Asos is an online fashion retailer with over 19,400 branded and own label products available and 1000 new lines added each week<br>Photography and Retouching</div><div class='clientinfo'><a href='http://www.mssociety.org.uk/'><img src='clients/mssociety.jpg' style='margin: 5px; border-style: solid; border-width: 1px; border-color: black;' alt='ms society'/></a></div><div class='clientinfo2'>The MS Society is a charity offering help and services to sufferers of Multiple Sclerosis<br>Event Photography</div><div class='clientinfo'><a href='http://www.goldenpheasantburford.com/'><img src='clients/goldenpheasant.jpg' style='margin: 5px; border-style: solid; border-width: 1px; border-color: black;' alt='Golden pheasant'/></a></div><div class='clientinfo2'>The Golden Pheasant is a hotel and restaurant in the Cotswolds<br>Interior Photography</div><div class='clientinfo'><a href='http://www.amygoodchild.com/roots/'><img src='clients/roots.jpg' style='margin: 5px; border-style: solid; border-width: 1px; border-color: black;' alt='Roots'/></a></div><div class='clientinfo2'>Roots is a restaurant in Lexington, KY<br>Web Design</div></div>";
About['process'] = "<div class='darkgreypadding'>process</div>";
About['faq'] = "<div class='darkgreypadding'>faq</div>";



function loadEventsPortfolio(){
	location.href = 'photography.html';
	path = "thumbs/photographyevents1.jpg";
	number = 1;
	section = 'photography';
	j =2;
	loadImage(path, number, section, j)
}


function writeMenu(page){

	for (i=1; i<=numberofpages; i++){
		if (page==i){
		   document.write('<a href="' + Link[i] + '" class="link on">' + Menu[i] + '</a>');
		   }
		else{
		   document.write('<a href="' + Link[i] + '" class="link">' + Menu[i] + '</a>');
		}
    }
}


function writeThumbs(startnumber, section, numberofsubsections){
               
		for (j=startnumber; j<=numberofsubsections; j++)
		 {	 
			 numberofimages = Subsectionnumimages[j];
			 whatever = 'whatever';
			 portfoliosub = 'portfolio' + j;
			 document.write('<a href="#" id=' + Subsection[j] +' onClick="loadImage(whatever, this.id, section, ' + j + ');" class="subsectiontitle"> '+ Subsection[j] + '</a>');
             document.write('<div class="subThumbs" id="' + portfoliosub + '">');

			 for (i=1; i<=numberofimages; i++){
					  document.write('<div class="thumb"><img id=' + i + ' onClick="loadImage(this.src, this.id, section, ' + j + ');" src="thumbs/' + Section[section] + Subsection[j] +  i + '.jpg" /></div>');
				 
			 }
			
			document.write('</div>');
			
		 }
}

function loadBefore(path){
	path = path.replace(/after/g, "before");
	document.getElementById('content').innerHTML = '<img onMouseOver="loadBefore(this.src);" onMouseOut="loadAfter(this.src);" class="imageholder" src="' + path + '" />'; 
}

function loadAfter(path){
	path = path.replace(/before/g, "after");
	document.getElementById('content').innerHTML = '<img onMouseOver="loadBefore(this.src);" onMouseOut="loadAfter(this.src);" class="imageholder" src="' + path + '" />'; 
}


function loadImage(path, number, section, j){	
	document.getElementById('content').className = 'rightsection photos';
	if (number>=1){
		 path = path.replace(/thumbs/g, "images");
		 
		if (section==3 && j==8){ rollovers= 1;}
		else if (section==3 && j== 7){rollovers = 1;}
		else {rollovers = 0;}
		 
		if (rollovers==1){
			path = path.replace(/images/g, "after");
			document.getElementById('content').innerHTML = '<img onMouseOver="loadBefore(this.src);" onMouseOut="loadAfter(this.src);" class="imageholder" src="' + path + '" />'; 
		}
		
		else {
		 
		 document.getElementById('content').innerHTML = '<img class="imageholder" src="' + path + '" />'; 
		 
	    }
		 
		 
    }
    else{ 
		 
		 document.getElementById('content').innerHTML = Information[number];
		 
		 if (section == 1){document.getElementById('content').className = 'rightsection photosubimg';}
		 if (section == 2){document.getElementById('content').className = 'rightsection webdesignsubimg';}
	     if (section == 3){document.getElementById('content').className = 'rightsection retouchsubimg';}
		 
		 for (i=startnumber; i<=numberofsubsections;i++){
				portfoliosub= 'portfolio' + i;
				document.getElementById(portfoliosub).className = 'subThumbs';
		 }
		 
		
			 portfoliosub = 'portfolio' + j;
			 document.getElementById(portfoliosub).className = 'subThumbsShow';
	}
	
	if (number>=1){
		comment = Subsection[j] + number;
		if (DesignText[comment].length < 1){
			document.getElementById('designtextarea').innerHTML = DesignText[500];
			document.getElementById('designtextarea').className = 'designtextareahidden';
		}
		else{
		document.getElementById('designtextarea').innerHTML = DesignText[comment];
		document.getElementById('designtextarea').className = 'designtextarea';
		}

	}
	else{
		document.getElementById("designtextarea").innerHTML = DesignText[500];
		document.getElementById("designtextarea").className = 'designtextareahidden';
	}
	
}

function writePricesMenu(){
	for (i=1;i<=3;i++){
		theid = i;
		if (i==1){ theclass="greenprices";} // in photography section
		if (i==2){ theclass="purpleprices";} // in web section
		if (i==3){ theclass="redprices";} // in retouching
		if (i==4){ theclass="blackprices";} // in packages
		document.write('<a href="#" onClick="loadPrices(' + i + ','+ theid +');" class=' + theclass + '>'+ Prices[i] + '</a>');
		sub = 'sub' + i;
		if (i==1){ numberoflinks=4; startnumber=1;} // in photography section
		if (i==2){ numberoflinks=5; startnumber=5;} // in web section
		if (i==3){ numberoflinks=9; startnumber=6;} // in retouching
		if (i==4){ numberoflinks=12; startnumber=10;} //in packages section
		
		document.write('<div class="subThumbs" id= '+ sub +' >');
		for(j=startnumber;j<=numberoflinks;j++){
			sub2 = 'sub2' + j;
			document.write('<a href="#" onClick="loadPricesSub(' + j + ');" id=' + sub2 + ' class="pricesSubMenuItem"> '+ PricesSub[j] + '</a>');
		}
		document.write('</div>');
     }
}

function writeAboutMenu(){
	aboutsection = "about";
	document.write('<a href="#" id="about" onClick="loadAbout(this.id);" class="blackprices">About Me</a>');
	aboutsection = "clients";
	document.write('<a href="#" id="clients" onClick="loadAbout(this.id);" class="blackprices">Clients</a>');
    // aboutsection = "process";
	// document.write('<a href="#" id="process" onClick="loadAbout(this.id);" class="blackprices">Work Process</a>');
	// aboutsection = "faq";
	// document.write('<a href="#" id="faq" onClick="loadAbout(this.id);" class="blackprices">FAQ</a>');
}

function loadAbout(aboutsection){

	document.getElementById('about').className = 'blackprices';
	document.getElementById('clients').className = 'blackprices';
//	document.getElementById('process').className = 'blackprices';
//	document.getElementById('faq').className = 'blackprices';
    
	document.getElementById(aboutsection).className = 'redprices redabout';
	
	document.getElementById('content').className = 'rightsection aboutsubimg';
	document.getElementById('content').innerHTML = About[aboutsection];
}
	
	
function loadPrices(number, theid){
	//document.getElementById('content').innerHTML = '<img src="prices.jpg" alt="" />';
	
	document.getElementById('content').className = 'rightsection';
	// expanding the menu
	sub = 'sub' + number;
	
	for (i=1;i<=9;i++){
	sub2b = 'sub2' + i;
		document.getElementById(sub2b).className = 'pricesSubMenuItem';
	}
	
	for (i=1;i<=3;i++){
		suba = 'sub' + i;
		document.getElementById(suba).className = 'subThumbs';
	}
	document.getElementById(sub).className = 'subThumbsShow';
	
	
	// loading the content for the first item in the submenu
	if (theid==1) {numbera = 1; sub2a = 'sub2' + 1;} // photography menu
	if (theid==2) {numbera = 5; sub2a = 'sub2' + 5;} // web design menu
	if (theid==3) {numbera = 6; sub2a = 'sub2' + 6;} // retouching menu
	if (theid==4) {numbera = 10; sub2a = 'sub2' + 10;} // packages menu
	
	document.getElementById('content').innerHTML = PricesSubInformation[numbera];  // loads the content
	document.getElementById(sub2a).className = 'pricesSubMenuItem priceon'; // sets the bold
}



function loadPricesSub(number){
	sub2 = 'sub2' + number;
	document.getElementById('content').innerHTML = PricesSubInformation[number];
	
	for(i=1;i<=9;i++){
		sub2a = 'sub2' + i;
	    document.getElementById(sub2a).className = 'pricesSubMenuItem';
	}
	document.getElementById(sub2).className = 'pricesSubMenuItem priceon';
}


function generateRandomImage(){
//	theid = 'text' + i;
//	for (i=1; i<3; i++){
//		innerdivs = innerdivs + "<div id=' + theid + '


	for (i=1; i<=6; i++){
			theid = 'index' + i;
			text = FirstPage[i];
			document.write('<div id=' + theid + ' style="display:none; margin: auto; height: 356px; width:956px; background: url(intro/' + i + '.jpg);" ></div>');
    }	
	
	fadein()
	
	
}

	
function fadein(){
		mynumber = Math.floor(Math.random()*6) + 1;
		 
		if (mynumber == lastnumber){
			fadein();
		}
		else{
			 lastnumber = mynumber;
			 myid = 'index' + mynumber;
			 Effect.Appear(myid, 3.0);
			 window.setTimeout("fadeout();", 4000);
		}
		 
}
 
function fadeout(){
		 Effect.Fade(myid, 3.0);
		 window.setTimeout("fadein();", 1000);
}