/* 
* JavaScript Document
* gregmerriman.co.uk
* jquery.onload.work.js
* 
* includes/js/jquery.onload.work.js
* 
* Author    :   Greg Merriman
* Copyright :   Copyright 2009 (c) Greg Merriman Web Development
* Created   :   Thu 19 Nov 2009
* Modified  :   Tue 23 Feb 2010
* 
*/

 
// When the DOM is ready...
$(function(){
	
	//do slideTo...
  $('a.top').click(function(){
    $.scrollTo( 0, 800);
    return false;
  });
  
  
  
  //greg-and-bethan screenshots
  $.html  = '\n';
  $.html += '<p> \n';
  $.html += '<a class="screenshots gregbeth"  href="../images/work/screenshots/greg-and-bethan/screenshot1.jpg" title="Greg &amp; Bethan Homepage">Screenshots</a> \n';
  $.html += '<a class="gregbeth hide"  href="../images/work/screenshots/greg-and-bethan/screenshot2.jpg" title="Greg &amp; Bethan About page">Screenshots</a> \n';
  $.html += '<a class="gregbeth hide"  href="../images/work/screenshots/greg-and-bethan/screenshot3.jpg" title="Greg &amp; Bethan Wedding Venue page">Screenshots</a> \n';
  $.html += '<a class="gregbeth hide"  href="../images/work/screenshots/greg-and-bethan/screenshot4.jpg" title="Greg &amp; Bethan Reception Venue page">Screenshots</a> \n';
  $.html += '</p> \n';
  
  $('p#gregbeth1').before($.html);
  
  
  //st-theodores church screenshots
  $.html  = '\n';
  $.html += '<p> \n';
  $.html += '<a class="screenshots theodore"  href="../images/work/screenshots/theodore/screenshot1.jpg" title="The Parish of Saint Theodore Homepage">Screenshots</a> \n';
  $.html += '<a class="theodore hide" href="../images/work/screenshots/theodore/screenshot2.jpg"  title="The Parish of Saint Theodore page">2</a> \n';
  $.html += '</p> \n';
  
  $('p#church1').before($.html);
  
  
  //asru screenshots
  $.html  = '\n';
  $.html += '<p> \n';
  $.html += '<a class="screenshots afanschools"  href="../images/work/screenshots/asru/screenshot1.jpg" title="Aberavon Schools single page website concept">Screenshots</a> \n';  
  $.html += '</p> \n';
  
  $('p#rugby1').before($.html);
  
  
  //ttdmanagement screenshots
  $.html  = '\n';
  $.html += '<p> \n';
  $.html += '<a class="screenshots ttdmanage"  href="../images/work/screenshots/ttd/screenshot1.jpg" title="TTD Management Portfolio page">Screenshots</a> \n';
  $.html += '<a class="ttdmanage hide"  href="../images/work/screenshots/ttd/screenshot2.jpg" title="TTD Management Team page">2</a> \n';
  $.html += '<a class="ttdmanage hide"  href="../images/work/screenshots/ttd/screenshot3.jpg" title="TTD Management Clients page">3</a> \n';
  $.html += '<a class="ttdmanage hide"  href="../images/work/screenshots/ttd/screenshot4.jpg" title="TTD Management Events page">4</a> \n';  
  $.html += '</p> \n';
  
  $('p#ttd1').before($.html);
  
  
  //cornelius electronics screenshots
  $.html  = '\n';
  $.html += '<p> \n';
  $.html += '<a class="screenshots cornelius-elec"  href="../images/work/screenshots/cornelius/screenshot1.jpg" title="Cornelius Electronics Homepage concept">Screenshots</a> \n';
  $.html += '<a class="cornelius-elec hide" href="../images/work/screenshots/cornelius/screenshot2.jpg"  title="Cornelius Electronics page concept">2</a> \n';
  $.html += '</p> \n';
  
  $('p#electronics1').before($.html)
  
  
  //your website screenshots
  $.html  = '\n';
  $.html += '<p> \n';
  $.html += '<a class="screenshots yourwebsite"  href="../images/work/screenshots/your-website/screenshot1.jpg" title="Site Concept: Photographer portfolio and information website homepage">Screenshots</a> \n';
  $.html += '</p> \n';
  
  $('p#yours').before($.html);
  
  
  $('a.hide').hide();  
  
  
  
  //lightboxes
  $('a.theodore').lightBox();
  $('a.afanschools').lightBox();
  $('a.ttdmanage').lightBox();
  $('a.gregbeth').lightBox();
  $('a.cornelius-elec').lightBox();
  $('a.yourwebsite').lightBox();   
	
});