function displayExampleSlider(){
  document.getElementById('divContent').innerHTML = "<div style='text-align: center;'>Please wait</div>";
  var html = "<div id='divExamplesSlider'>"
           +   "<div class='container2'>"
           +     "<div class='slides2'>"
           +       "<div><img src='../Photos/exampleslideshow/1.jpg' /></div>"
           +       "<div><img src='../Photos/exampleslideshow/2.jpg' /></div>"
           +       "<div><img src='../Photos/exampleslideshow/3.jpg' /></div>"
           +       "<div><img src='../Photos/exampleslideshow/4.jpg' /></div>"
           +       "<div><img src='../Photos/exampleslideshow/5.jpg' /></div>"
           +       "<div><img src='../Photos/exampleslideshow/6.jpg' /></div>"
           +       "<div><img src='../Photos/exampleslideshow/7.jpg' /></div>"
           +       "<div><img src='../Photos/exampleslideshow/8.jpg' /></div>"
           +       "<div><img src='../Photos/exampleslideshow/9.jpg' /></div>"
           +       "<div><img src='../Photos/exampleslideshow/10.jpg' /></div>"
           +       "<div><img src='../Photos/exampleslideshow/11.jpg' /></div>"
           +       "<div><img src='../Photos/exampleslideshow/12.jpg' /></div>"
           +       "<div><img src='../Photos/exampleslideshow/13.jpg' /></div>"
           +       "<div><img src='../Photos/exampleslideshow/14.jpg' /></div>"
           +       "<div><img src='../Photos/exampleslideshow/15.JPG' /></div>"
           +       "<div><img src='../Photos/exampleslideshow/16.JPG' /></div>"
           +       "<div><img src='../Photos/exampleslideshow/17.JPG' /></div>"
           +       "<div><img src='../Photos/exampleslideshow/18.JPG' /></div>"
           +       "<div><img src='../Photos/exampleslideshow/19.JPG' /></div>"
           +       "<div><img src='../Photos/exampleslideshow/20.JPG' /></div>"
           +     "</div>"
           +   "</div>"
           +   "<!-- <a href='#' class='previous2'>previous</a>"
           +   "<a href='#' class='next2'>next</a> -->"
           +   "<ul class='pagination2'>"
           +     "<li><a href='#'><img src='../Photos/exampleslideshow/thumbnails/1.jpg'></a></li>"
           +     "<li><a href='#'><img src='../Photos/exampleslideshow/thumbnails/2.jpg'></a></li>"
           +     "<li><a href='#'><img src='../Photos/exampleslideshow/thumbnails/3.jpg'></a></li>"
           +     "<li><a href='#'><img src='../Photos/exampleslideshow/thumbnails/4.jpg'></a></li>"
           +     "<li><a href='#'><img src='../Photos/exampleslideshow/thumbnails/5.jpg'></a></li>"
           +     "<li><a href='#'><img src='../Photos/exampleslideshow/thumbnails/6.jpg'></a></li>"
           +     "<li><a href='#'><img src='../Photos/exampleslideshow/thumbnails/7.jpg'></a></li>"
           +     "<li><a href='#'><img src='../Photos/exampleslideshow/thumbnails/8.jpg'></a></li>"
           +     "<li><a href='#'><img src='../Photos/exampleslideshow/thumbnails/9.jpg'></a></li>"
           +     "<li><a href='#'><img src='../Photos/exampleslideshow/thumbnails/10.jpg'></a></li>"
           +     "<li><a href='#'><img src='../Photos/exampleslideshow/thumbnails/11.jpg'></a></li>"
           +     "<li><a href='#'><img src='../Photos/exampleslideshow/thumbnails/12.jpg'></a></li>"
           +     "<li><a href='#'><img src='../Photos/exampleslideshow/thumbnails/13.jpg'></a></li>"
           +     "<li><a href='#'><img src='../Photos/exampleslideshow/thumbnails/14.jpg'></a></li>"
           +     "<li><a href='#'><img src='../Photos/exampleslideshow/thumbnails/15.JPG'></a></li>"
           +     "<li><a href='#'><img src='../Photos/exampleslideshow/thumbnails/16.JPG'></a></li>"
           +     "<li><a href='#'><img src='../Photos/exampleslideshow/thumbnails/17.JPG'></a></li>"
           +     "<li><a href='#'><img src='../Photos/exampleslideshow/thumbnails/18.JPG'></a></li>"
           +     "<li><a href='#'><img src='../Photos/exampleslideshow/thumbnails/19.JPG'></a></li>"
           +     "<li><a href='#'><img src='../Photos/exampleslideshow/thumbnails/20.JPG'></a></li>"
           +   "</ul>"
           + "</div>";
  document.getElementById('divContent').innerHTML = html;
  for (var i=0; i<100000; i++){var y=i*i*2;}
  $jq(function(){
		$jq('#divExamplesSlider').loopedSlider({
      autoStart: 3000,
      restart: 5000,
      container: '.container2', // Class or ID of main container
      slides: '.slides2', // Class or ID of slide container
      pagination: '.pagination2'  // Class or ID of pagination container
    });
	});
}

function displayHome(){
  var html = "<p>"
           +   "<img src=\"../Photos/Camera Page 1 big.png\" height=\"120\" style=\"float:left;\">"
           +   "<img src=\"../Photos/John Page 1 big.jpg\" height=\"120\" style=\"float:right;\">"
           +   "Absolute Photography was set up in 2005 by John Butlin. John is a qualified teacher with "
           +   "a degree in science. He found himself covering school events both in still and film "
           +   "photography and many of his friends' weddings. As his experience and work quality improved, "
           +   "he decided to get some official training by enrolling on the level 2 photography course at Poole college "
           +   "and finished with the highest grade possible. Now, he is in demand throughout the region as a wedding photographer."
           + "</p>"
           + "<p>"
           +   "<b>John says,</b> 'Your wedding day should be one of the most memorable days of your life. "
           +   "Absolute Photography want to help you catch those magical moments and freeze them forever."
           +   "We're a husband and wife team and so we've been on the receiving end  of wedding "
           +   "photographs ourselves. We know how important your photographs will be and so we guarantee "
           +   "you the utmost care and attention on your special day.  You will receive a free wedding "
           +   "album with large 7\"x5\" prints and an opportunity to receive a CD of your selected photographs.'"
           + "</p>"
           + "<p>"
           +   "<b>John's Photographic Style</b><br>"
           +   "'As well as all the usual traditional family shots, I can use whatever preference of styles you desire "
           +   "but I usually do a little of everything including contempory, reportage etc.  Images can be desaturated and"
           +   "manipulated in a variety of ways or simply left as they are.  Whatever your prefer, "
           +   "nothing is too much trouble. Just tell us your requests when we meet for your free no"
           +   "obligation consultation and I'll make your wedding photographs as professional and special as I can!'"
           + "</p>";

  document.getElementById('divContent').innerHTML = html;
}

function displayPrice(){
  var html = "<h1 align=\"center\">"
           +   "Price Plans:"
           + "</h1>"
           + "<p align=\"center\">"
           +   "<b>(All include usual family and group photographs.)</b>"
           +   "<br><br><br>"
           +   "<span style=\"color:#9C6963;font-weight:bold; text-decoration:underline;\">Bronze</span><br><br>"
           +   "<b>50 Photos from brides preparation to the cutting of the cake.</b><br><br>"
           +   "Coverage commences  at the Bride's house or salon, then the Groom's<br>"
           +   "arrival at church and continues up to and including the cutting of the cake.<br>"
           +   "(Speeches not included.)<br>"
           +   "50 - 7\"x5\" Traditional and contemporary images chosen from a C.D.<br>"
           +   "containing 200+ images. &#163;650<br><br>"
           +   "<b>Included:</b> black or white 1 photo/page  photo album.<br><br>"
           +   "<b>Included:</b> Personal online web album of copyrighted photos.<br><br>"
           +   "<b>Extra images:</b><br>"
           +   "7\"x5\" &#163;5.00 each,<br>"
           +   "A4 size: &#163;25 each + &#163;25 framed,<br>"
           +   "2nd small family album (25 photographs &#163;225),<br>"
           +   "(2nd Album of 50 photographs &#163;450)<br><br>"
           +   "Why not buy the  C.D. (all 50 photos) and reprint them yourself? &#163;99<br><br><br><br>"
           +   "<span style=\"color:#969696;font-weight:bold; text-decoration:underline;\">Silver</span>"
           +   "<br><br>"
           +   "<b>100 Photos from bride's preparation to the end of the speeches.</b><br><br>"
           +   "Coverage commences with the Bride's preparation, then Groom's<br>"
           +   "arrival at the service and continues up to the end of the speeches."
           +   "<br><br>(Including the cutting of the cake)<br><br>"
           +   "<b>Included:</b> 100 7\"x5\" Traditional and contemporary images<br>"
           +   "chosen from a C.D. containing 350+ images. &#163;850<br><br>"
           +   "<b>Included:</b> 2 black or white, one photo-per-page, black or white albums.<br><br>"
           +   "<b>Included:</b> On line web album with copyrighted photos.<br><br>"
           +   "<b>Included:</b> 2 photographers for the ceremony and formal shots.<br><br>"
           +   "Why not buy the  C.D. (of 100 photos) and reprint them yourself? &#163;99<br><br>"
           +   "For other smaller 2nd albums/ extra images & Inclusions see above.<br><br>"
           +   "Why not buy the  C.D. (all 350+ photos) and print them out yourself? &#163;225<br>"
           +   "<br><br><br>"
           +   "<span  style=\"color:#FFCC00;font-weight:bold; text-decoration:underline;\">Gold</span><br><br>"
           +   "<b>Add-On (Extra photographs of the evening Reception )</b><br><br>"
           +   "20 7\"x5\" photographs of the evening reception, capturing<br>"
           +   "that special atmosphere.  &#163;200<br><br>"
           +   "(Extra images: 7\"x5\" &#163;5.00 each,    A4 size: &#163;25 each + &#163;25 framed)<br><br><br><br>"
           +   "</p>";
  document.getElementById('divContent').innerHTML = html;
}

function displayBronze(){
  var html = "<h1 align=\"center\">"
           +   "<span style=\"color:#9C6963;font-weight:bold;\">Bronze Price Plan</span>"
           + "</h1>"
           + "<p align=\"center\">"
           +   "<b>(All include usual family and group photographs.)</b>"
           +   "<br><br>"
           +   "<b>50 Photos from brides preparation to the cutting of the cake.</b><br><br>"
           +   "Coverage commences  at the Bride's house or salon, then the Groom's<br>"
           +   "arrival at church and continues up to and including the cutting of the cake.<br>"
           +   "(Speeches not included.)<br>"
           +   "50 - 7\"x5\" Traditional and contemporary images chosen from a C.D.<br>"
           +   "containing 200+ images. &#163;650<br><br>"
           +   "<b>Included:</b> black or white 1 photo/page  photo album.<br><br>"
           +   "<b>Included:</b> Personal online web album of copyrighted photos.<br><br>"
           +   "<b>Extra images:</b><br>"
           +   "7\"x5\" &#163;5.00 each,<br>"
           +   "A4 size: &#163;25 each + &#163;25 framed,<br>"
           +   "2nd small family album (25 photographs &#163;225),<br>"
           +   "(2nd Album of 50 photographs &#163;450)<br><br>"
           +   "Why not buy the  C.D. (all 50 photos) and reprint them yourself? &#163;99"
           + "</p>";
  document.getElementById('divContent').innerHTML = html;
}

function displaySilver(){
  var html = "<h1 align=\"center\">"
           +   "<span style=\"color:#969696;font-weight:bold;\">Silver Price Plan</span>"
           + "</h1>"
           + "<p align=\"center\">"
           +   "<b>100 Photos from bride's preparation to the end of the speeches.</b><br><br>"
           +   "Coverage commences with the Bride's preparation, then Groom's<br>"
           +   "arrival at the service and continues up to the end of the speeches."
           +   "<br><br>(Including the cutting of the cake)<br><br>"
           +   "<b>Included:</b> 100 7\"x5\" Traditional and contemporary images<br>"
           +   "chosen from a C.D. containing 350+ images. &#163;850<br><br>"
           +   "<b>Included:</b> 2 black or white, one photo-per-page, black or white albums.<br><br>"
           +   "<b>Included:</b> On line web album with copyrighted photos.<br><br>"
           +   "<b>Included:</b> 2 photographers for the ceremony and formal shots.<br><br>"
           +   "Why not buy the  C.D. (of 100 photos) and reprint them yourself? &#163;99<br><br>"
           +   "For other smaller 2nd albums/ extra images & Inclusions see above.<br><br>"
           +   "Why not buy the  C.D. (all 350+ photos) and print them out yourself? &#163;225<br>"
           + "</p>";
  document.getElementById('divContent').innerHTML = html;
}

function displayGold(){
  var html = "<h1 align=\"center\">"
           +   "<span style=\"color:#FFCC00;font-weight:bold;\">Gold Price Plan</span>"
           + "</h1>"
           + "<p align=\"center\">"
           +   "<b>Add-On (Extra photographs of the evening Reception )</b><br><br>"
           +   "20 7\"x5\" photographs of the evening reception, capturing<br>"
           +   "that special atmosphere.  &#163;200<br><br>"
           +   "(Extra images: 7\"x5\" &#163;5.00 each,    A4 size: &#163;25 each + &#163;25 framed)<br><br><br><br>"
           + "</p>";
  document.getElementById('divContent').innerHTML = html;
}

function displayAlbum(){
  var html = "<div id='divAlbums'>"
           +   "<div style='display:inline-block; top:5px;'>"
           +     "<table border=0 cellspacing=1 cellpadding=2>"
           +       "<tr>"
           +         "<td width='150px'>"
           +           "<a href='gordon_and_helen/showpictureinframes.html' target='_blank'>"
           +             "<img src='../rollovers/gordon_and_helen.jpg' alt='Gordon & Helen' width='150px' height='109px'>"
           +           "</a>"
           +         "</td>"
           +         "<td width='72px'>"
           +           "<a href='john_and_halle/showpictureinframes.html' target='_blank'>"
           +             "<img src='../rollovers/john_and_halle.jpg' alt='John & Halle' width='72px' height='109px'>"
           +           "</a>"
           +         "</td>"
           +         "<td width='117'>"
           +           "<a href='nial_and_biz/showpictureinframes.html' target='_blank'>"
           +             "<img src='../rollovers/nial_and_biz.jpg' alt='Nial and Biz' width='117px' height='109px'>"
           +           "</a>"
           +         "</td>"
           +       "</tr>"
           +       "<tr>"
           +         "<td width='150' align='center' style='text-align:center;font-family:arial,sans-serif;font-size:11px'>"
           +           "<a href='gordon_and_helen/showpictureinframes.html' style='color:#4D4D4D;font-weight:bold;text-decoration:none;' target='_blank'>"
           +             "<b>Gordon & Helen</b>"
           +           "</a>"
           +         "</td>"
           +         "<td width='72' align='center' style='text-align:center;font-family:arial,sans-serif;font-size:11px'>"
           +           "<a href='john_and_halle/showpictureinframes.html' style='color:#4D4D4D;font-weight:bold;text-decoration:none;' target='_blank'>"
           +             "<b>John & Halle</b>"
           +           "</a>"
           +         "</td>"
           +         "<td width='117' align='center' style='text-align:center;font-family:arial,sans-serif;font-size:11px'>"
           +           "<a href='nial_and_biz/showpictureinframes.html' style='color:#4D4D4D;font-weight:bold;text-decoration:none;' target='_blank'>"
           +             "<b>Nial & Biz</b>"
           +           "</a>"
           +         "</td>"
           +       "</tr>"
           +       "<tr height='20px'></tr>"
           +     "</table>"
           +     "<!-- Links to Picasa Web Photo Album Start -->"
           +     "<table border=0 cellspacing=0 cellpadding=0>"
           +       "<tr>"
           +         "<td>"
           +           "<table border=0 cellspacing=0 cellpadding=0>"
           +             "<tr>"
           +               "<td align='center' style='height:194px;'>"
           +                 "<a href='http://picasaweb.google.co.uk/AbsoluteWeddings.org/AbigailJamesWedding' target='_blank'>"
           +                   "<img src='http://lh3.ggpht.com/AbsoluteWeddings.org/SFRdPdmOZqE/AAAAAAAAA3M/RJl0zUnUDaM/s160-c/AbigailJamesWedding.jpg' width='160' height='160' style='margin:1px 0 0 4px;'>"
           +                 "</a>"
           +               "</td>"
           +             "</tr>"
           +             "<tr>"
           +               "<td style='text-align:center;font-family:arial,sans-serif;font-size:11px'>"
           +                 "<a href='http://picasaweb.google.co.uk/AbsoluteWeddings.org/AbigailJamesWedding' style='color:#4D4D4D;font-weight:bold;text-decoration:none;' target='_blank'>"
           +                   "Abigail &amp; James&#39; Wedding"
           +                 "</a>"
           +               "</td>"
           +             "</tr>"
           +           "</table>"
           +         "</td>"
           +         "<td>"
           +           "<table border=0 cellspacing=0 cellpadding=0 style='width:194px;'>"
           +             "<tr>"
           +               "<td align='center' style='height:194px;'>"
           +                 "<a href='http://picasaweb.google.com/AbsoluteWeddings.org/JackKatieSWedding?authkey=Gv1sRgCLbhgK2DkZDtsAE&feat=embedwebsite' target='_blank'>"
           +                   "<img src='http://lh5.ggpht.com/_AKZhUCNKyW8/SUFMaS6nwPE/AAAAAAAAG_8/1tpBXucMcME/s160-c/JackKatieSWedding.jpg' width='160' height='160' style='margin:1px 0 0 4px;'>"
           +                 "</a>"
           +               "</td>"
           +             "</tr>"
           +             "<tr>"
           +               "<td style='text-align:center;font-family:arial,sans-serif;font-size:11px'>"
           +                 "<a href='http://picasaweb.google.com/AbsoluteWeddings.org/JackKatieSWedding?authkey=Gv1sRgCLbhgK2DkZDtsAE&feat=embedwebsite' style='color:#4D4D4D;font-weight:bold;text-decoration:none;' target='_blank'>"
           +                   "Jack &amp; Katie&#39;s Wedding"
           +                 "</a>"
           +               "</td>"
           +             "</tr>"
           +           "</table>"
           +         "</td>"
           +         "<td>"
           +           "<table border=0 cellspacing=0 cellpadding=0 style='width:170px;'>"
           +             "<tr>"
           +               "<td align='center' style='height:194px;'>"
           +                 "<a href='http://picasaweb.google.com/JamesandCharliesWedding/Jamesandcharlie_wedding?authkey=Gv1sRgCJS9lLvcoJ_VJg&feat=embedwebsite' target='_blank'>"
           +                   "<img src='http://lh3.ggpht.com/_AnxomPuxH1c/SlYeu-eqrnE/AAAAAAAAAvQ/I40Cq8ppako/s160-c/Jamesandcharlie_wedding.jpg' width='160' height='160' style='margin:1px 0 0 4px;'>"
           +                 "</a>"
           +               "</td>"
           +             "</tr>"
           +             "<tr>"
           +               "<td style='text-align:center;font-family:arial,sans-serif;font-size:11px'>"
           +                 "<a href='http://picasaweb.google.com/JamesandCharliesWedding/Jamesandcharlie_wedding?authkey=Gv1sRgCJS9lLvcoJ_VJg&feat=embedwebsite' style='color:#4D4D4D;font-weight:bold;text-decoration:none;' target='_blank'>"
           +                   "James &amp; Charlie&#39;s Wedding"
           +                 "</a>"
           +               "</td>"
           +             "</tr>"
           +           "</table>"
           +         "</td>"
           +       "</tr>"
           +       "<!-- New Picasa Web links go here -->"
           +     "</table>"
           +     "<!-- Links to Picasa Web Photo Album Finish -->"
           +     "<table border=0 cellspacing=1 cellpadding=2>"
           +       "<tr>"
           +         "<td width='164'>"
           +           "<a href='bill_and_suzie/showpictureinframes.html' target='_blank'>"
           +             "<img src='../rollovers/bill_and_suzie.JPG' alt='Bill & Suzie' width='164' height='109'>"
           +           "</a>"
           +         "</td>"
           +         "<td width='73'>"
           +           "<a href='lee_and_lorraine/showpictureinframes.html' target='_blank'>"
           +             "<img src='../rollovers/lee_and_lorraine.jpg' alt='Lee & Lorraine' width='73' height='109'>"
           +           "</a>"
           +         "</td>"
           +       "</tr>"
           +       "<tr>"
           +         "<td width='164' align='center' style='text-align:center;font-family:arial,sans-serif;font-size:11px'>"
           +           "<a href='bill_and_suzie/showpictureinframes.html' style='color:#4D4D4D;font-weight:bold;text-decoration:none;' target='_blank'>"
           +             "<b>Bill & Suzie</b>"
           +           "</a>"
           +         "</td>"
           +         "<td width='73' align='center' style='text-align:center;font-family:arial,sans-serif;font-size:11px'>"
           +           "<a href='lee_and_lorraine/showpictureinframes.html' style='color:#4D4D4D;font-weight:bold;text-decoration:none;' target='_blank'>"
           +             "<b>Lee & Lorraine</b>"
           +           "</a>"
           +         "</td>"
           +       "</tr>"
           +     "</table>"
           +   "</div>"
           + "</div>";
  document.getElementById('divContent').innerHTML = html;
}

function displayCelebrations(){
  var html = "<p>"
           +   "John's covered just about everything - from golden anniversaries to graduations, new arrivals to birthday parties.  "
           +   "If you've got a big day coming up and you want your memories captured forever... give him a call."
           + "</p>"
           + "<p align='center'>"
           +   "<table style='width:194px;'>"
           +     "<tr>"
           +       "<td align='center' style='height:194px;'>"
           +         "<a href='http://picasaweb.google.com/AbsoluteWeddings.org/MarkSGraduation?authkey=Gv1sRgCKO6s8iJ1evIlwE&feat=embedwebsite'>"
           +           "<img src='http://lh4.ggpht.com/_AKZhUCNKyW8/SQHfLrT5l3E/AAAAAAAAHag/I0xlp8kYYHw/s160-c/MarkSGraduation.jpg' width='160' height='160' style='margin:1px 0 0 4px;'>"
           +         "</a>"
           +       "</td>"
           +     "</tr>"
           +     "<tr>"
           +       "<td style='text-align:center;font-family:arial,sans-serif;font-size:11px'>"
           +         "<a href='http://picasaweb.google.com/AbsoluteWeddings.org/MarkSGraduation?authkey=Gv1sRgCKO6s8iJ1evIlwE&feat=embedwebsite' style='color:#4D4D4D;font-weight:bold;text-decoration:none;'>"
           +           "Mark&#39;s Graduation"
           +         "</a>"
           +       "</td>"
           +     "</tr>"
           +   "</table>"
           + "</p>";
  document.getElementById('divContent').innerHTML = html;
}

function displayCelebPrice(){
  var html = "<h1 align=\"center\">"
           +   "<span style=\"color:#B57EDB;font-weight:bold;\">Celebrations Price Plan</span>"
           + "</h1>"
           + "<p align='center'>"
           +   "<b>&pound;40 per hour for each event - this entitles you to 20 free 7\" x 5\" prints.</b><br><br>"
           +   "Extra 7\" x 5\" prints are &pound;1 each.<br><br>"
           +   "You can buy the entire CD/DVD of 100+ photos for &pound;99, and print off as many as you like for a one-off fee of &pound;99.<br><br>"
           +   "A free CD/DVD of up to 50+ photos when you hire John for 2+ hours.<br>"
           +   "A free CD/DVD of up to 100+ photos when you hire him for more than 3 hours."
           + "</p>";
  document.getElementById('divContent').innerHTML = html;
}

function changeClass (elementID, newClass) {
	var element = document.getElementById(elementID);
	element.setAttribute("class", newClass); //For Most Browsers
	element.setAttribute("className", newClass); //For IE; harmless to other browsers.
}

function showPriceSubMenu(){
  document.getElementById('ulPriceSubMenu').style.display = 'block';
  document.getElementById('aPrice').innerHTML = 'Price Plans >';
}

function hidePriceSubMenu(){
  document.getElementById('ulPriceSubMenu').style.display = 'none';
  document.getElementById('aPrice').innerHTML = 'Price Plans';
}

function submitMessage(){
  var email = document.getElementById('txtEmail').value;
  var name = document.getElementById('txtName').value;
  var message = document.getElementById('txtMessage').value;
  var address = 'qljsystems@hotmail.co.uk';  // thebutlins@hotmail.co.uk
  var mailer = 'mailto: ' + address + '?from=' + email + '&subject=Email from www.absoluteweddings.org&body=' + message;
  window.location = mailer;
}
