document.write('<table border="0" cellpadding="0" style="border-collapse: collapse" width="100%" id="table24" height="356">');
document.write('<tr>');
document.write('<td>');
//document.write('<script type="text/javascript" src="../js/simplegallery2.js"></script>');
//document.write('<script type="text/javascript" src="../js/jquery-1.js"></script>');

var mygallery=new simpleGallery({
wrapperid: "simplegallery", //ID of main gallery container,
dimensions: [767, 356], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
imagearray: [

["../images/pic-bathroom.jpg", "", ""],
["../images/pic-kitchen.jpg", "", ""],	
["../images/pic-other-rooms.jpg", "", ""],
["../images/pic-about-us.jpg", "", ""],
["../images/pic-services.jpg", "", ""],		
["../images/pic-staff.jpg", "", ""],
["../images/pic-how-we-work.jpg", "", ""],
["../images/pic-testimonials.jpg", "", ""],	
["../images/pic-directions.jpg", "", ""],
["../images/pic-contact-us.jpg", "", ""],
["../images/pic-support-services.jpg", "", ""],							
["../images/pic-how-we-work.jpg", "", ""]
],
autoplay: true,
persist: true,
pause: 8000, //pause between slides (milliseconds)
fadeduration: 1000, //transition duration (milliseconds)
onslide:function(curslide, i){ //event that fires after each slide is shown
//curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
//i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
}
})

document.write('<div align="center" style="background: #ffffff none repeat scroll 0%; overflow: hidden; position: relative; visibility: visible; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 767px; height: 356px;" id="simplegallery">');
document.write('<img src="../images/spacer.gif" style="border-width: 0pt;" width="767" height="356"></div>');
document.write('</td>');
document.write('</tr>');
document.write('</table>');