// JavaScript Document
varTxt = new Array()

varTxt[0] ="<div class='header'>Tintagel Antiques</div><div class='urls'><a href='http://www.tintagelantiques.com' target='new'>Live Site</a><br><br><div class='subheader'>Overview:</div><div class='content'>The client, an Antiques dealer, wanted a simple yet elegant site to showcase their service to potential customers.</div><br><div class='subheader'>Solution:</div><div class='content'>Scanned &amp; optimized client-supplied photographs.<br>Designed the site for ease of navigation.<BR>Minimal bells &amp; whistles to allow for greater accessibility<br>Ran training sessions to allow client to maintain and update the site internally.</div>"


varTxt[1] ="<div class='header'>Graphic Design Portfolio</div><div class='urls'><a href='http://melinda.interweb-design.com' target='new'>Live Site</a></div><br><div class='subheader'>Overview:</div><div class='content'>The client, a local graphic designer, wanted to make her portfolio available online. She requested that the site not be actively marketed.</div><br><div class='subheader'>Solution:</div><div class='content'>Reworked existing print-ready graphics for web.<br>Created a slide-show of images using DHTML (Dynamic HTML).<br>Added code to restrict search engines from indexing site.</div>"


varTxt[2] = "<div class='header'>The Dragon Codex</div><div class='urls'><a href=http://dragoncodex.interweb-design.com target=out>Live Site</a></div><br><div class='subheader'>Overview:</div><div class='content'>The client wanted to create an online Fantasy resource.  They wanted a site that could be easily updated both internally and by users. The emphasis was on interactivity and ease of access to information.</div><br><div class='subheader'>Solution:</div><div class='content'>Designed a relational database using MySQL to store reviews and author, title information.  All server side coding was done using PHP3 for optimal performance.</div>"

varTxt[3] = "<div class='header'>choice Magazine</div><div class='urls'><a href='http://www.interweb-design.com/archive/choice' target='new'>Original Design</a><div class='urls'><a href='http://www.choice-online.com' target='new'>Live Site</a> [no longer affiliated] <br><br><div class='subheader'>Overview:</div><div class='content'>The client wanted an online presence to promote and market their newly launched print magazine for coaching professionals.</div><br><div class='subheader'>Contribution:</div><div class='content'>Subcontracted by <a href='http://www.creative-visioning.com' target='new' class='urls'>Creative Visioning </a> to design and develop an online subscription database using MySQL and PHP.</div>"

varTxt[4] ="<div class='header'>My Stylebroker</div><div class='urls'><a href='http://www.mystylebroker.com/contact.php' target='new'>Live Site</a><br><br><div class='subheader'>Overview:</div><div class='content'>The client, a personal style consultant, wanted a clean and easily accessible site to promote and market his service to potential customers. </div><br><div class='subheader'>Contribution:</div><div class='content'>Subcontracted by <a href='http://www.creative-visioning.com' target='new' class='urls'>Creative Visioning </a> to implement the contact page. The form was programmed using PHP to ensure forward compatability with a planned relational database to hold client profiles.  Form validation was done using Javascript.</div>"


varTxt[5] ="<div class='header'>Geoterrex Dighem</div><br><div class='subheader'>Objective:</div><div class='content'>To design and develop an online documentation system for the company's proprietary data processing software, to be used by processors while in the field.</div><br><div class='subheader'>Solution:</div><div class='content'> Determined appropriate architecture of system through use of interviews &amp; surveys. Edited/updated existing software documentation. Designed the GUI to be easily navigated. Liaised with Network Administrator regarding security issues. Tested all aspects of system prior to launch</div>"

varTxt[6] ="<div class='header'>Heathwood Homes</div><div class='urls'><a href='http://www.heathwoodhomes.com' target='new'>Live Site</a><br><br><div class='subheader'>Overview:</div><div class='content'>The client, an award winning Home Builder, wanted a redesign of their website. </div><br><div class='subheader'>Contribution:</div><div class='content'>HTML coding of all pages.  Manipulation and optimization of print-ready graphics. Javascript rollovers/imagemaps. Creation of some original graphics.<br>Created while subcontracted to <a href='http://www.ryan-design.com' target='new' class='urls'>G. Ryan Design Inc.</a></div><br><div class='subheader'>Note:</div><div class='content'>This design was nominated for a S.A.M. (Sales and Marketing) award by the Ontario Home Builders Association.</div>"

varTxt[7] ="<div class='header'>Greater Toronto Marketing Alliance</div><div class='urls'><a href='http://www.greatertoronto.org' target='new'>Live Site</a> [no longer affilited with G Ryan Design]<br><br><div class='subheader'>Overview:</div><div class='content'>The client needed a redesign of their existing website.  They wanted to make archived newsletters and other documents available to members.</div><br><div class='subheader'>Contribution:</div><div class='content'>HTML coding of all pages.  Manipulation and optimization of print-ready graphics. Javascript rollovers. Reformatting of client-supplied newsletters etc. Added password protection to members-only section.<br>Subcontracted by <a href='http://www.ryan-design.com' target='new' class='urls'>G. Ryan Design Inc.</a></div>"

varTxt[8] ="<div class='header'>Paradise Homes: Cobblestone</div><div class='subheader'><a href='http://www.paradisehomescorp.com/previous.html' target='new'>Live Site</a><br><br><div class='header'>Overview:</div><div class='content'>The client, an award winning Home Builder, needed a website designed for a new housing development. </div><br><div class='subheader'>Contribution:</div><div class='content'>HTML coding of all pages.  Manipulation and optimization of print-ready graphics. Javascript rollovers/imagemaps. Creation of some original graphics.<br>Created while subcontracted to <a href='http://www.ryan-design.com' target='new' class='urls'>G. Ryan Design Inc.</a></div>"




varImg = new Array()
varImg[0]="images/port_tintagel.jpg"
varImg[1]="images/port_melinda.jpg"
varImg[2]="images/port_dragoncodex.jpg"
varImg[3]="images/port_choice.jpg"
varImg[4]="images/port_mystylebroker.jpg"
varImg[5]="images/port_geoterrex.jpg"
varImg[6]="images/port_heathwood.jpg"
varImg[7]="images/port_gtma.jpg"
varImg[8]="images/port_cobblestone.jpg"


function SwapText(index)
{ 
TargetText.innerHTML = varTxt[index];
document.port.src = varImg[index];
}