// main menu rollovers
function chngRoll(chng)
 {
document.getElementById(chng).src = 'images/menu'+chng+'-roll.jpg';
 }

function chngBack(chng)
 {
document.getElementById(chng).src = 'images/menu'+chng+'.jpg';
 }


// data for image library
var img = new Array() // the images you wish to output

img[0] = "ethicalnutrients.jpg";
img[1] = "qantmbrochure.jpg";
img[2] = "labshoot.jpg";
img[3] = "ihp.jpg";
img[4] = "hemaview.jpg";
img[5] = "hemaviewadvanced.jpg";
img[6] = "gponlinelearning.jpg";
img[7] = "internationalspeaker.jpg";
img[8] = "congress2009.jpg";
img[9] = "followme.jpg";
img[10] = "qantmuk.jpg";
img[11] = "qantmrave.jpg";
img[12] = "edwardkhon.jpg";
img[13] = "kinexai.jpg";
img[14] = "saizen.jpg";
img[15] = "flyaway.jpg";
img[16] = "saelicensing.jpg";
img[17] = "saepromoposter.jpg";
img[18] = "endura-enews.jpg";
img[19] = "no.jpg";
img[20] = "healthworld.jpg";
img[21] = "amcal.jpg";
img[22] = "hyate.jpg";
img[23] = "codrv.jpg";
img[24] = "motorolarazr.jpg";
img[25] = "pencare.jpg";
img[26] = "saenewsletter.jpg";

var cur = 0;
var prevchk = 0;
var nextchk = 1;

var desc = new Array() // the descriptions for the images


desc[0] = "<span>Title:</span> Ethical Nutrients <span class='dividers'>//</span> <span>Client:</span> Ethical Nutrients <span class='dividers'>//</span> <span>Type:</span> Screen Design <span class='dividers'>//</span> <span>Comments:</span> Ethical Nutrients Retail Site - Design + xHTML/CSS + PHP/Mysql - Built with Drupal <span class='dividers'>//</span> <span class='fullview'><a href='http://ethicalnutrients.com.au' target='_blank'>View the Project Live</a></span>";

desc[1] = "<span>Title:</span> Qantm Brochure <span class='dividers'>//</span> <span>Client:</span> Qantm College <span class='dividers'>//</span> <span>Type:</span> Print Design <span class='dividers'>//</span> <span>Comments:</span> Qantm College A4 landscape education brochure";

desc[2] = "<span>Title:</span> Metagenics Lab Photoshoot <span class='dividers'>//</span> <span>Client:</span> Metagenics <span class='dividers'>//</span> <span>Type:</span> Photography <span class='dividers'>//</span> <span>Comments:</span> Francis Frame &amp; Bernadette Kostowski - testing a batch of probiotic capsules";

desc[3] = "<span>Title:</span> Inner Health Plus <span class='dividers'>//</span> <span>Client:</span> Inner Health Plus <span class='dividers'>//</span> <span>Type:</span> Screen Design <span class='dividers'>//</span> <span>Comments:</span> Inner Health Plus probiotics site - Design + xHTML/CSS + PHP/Mysql - Built with Drupal <span class='dividers'>//</span> <span class='fullview'><a href='http://innerhealth.com.au' target='_blank'>View the Project Live</a></span>";

desc[4] = "<span>Title:</span> Hemaview Trade Presenter <span class='dividers'>//</span> <span>Client:</span> Metagenics <span class='dividers'>//</span> <span>Type:</span> Print Design <span class='dividers'>//</span> <span>Comments:</span> A4 Trade Presenter Booklet for Hemaview";

desc[5] = "<span>Title:</span> Hemaview Advanced Invitation <span class='dividers'>//</span> <span>Client:</span> Metagenics <span class='dividers'>//</span> <span>Type:</span> Print Design <span class='dividers'>//</span> <span>Comments:</span> A4 Invitation for the Hemaview Advanced Seminar 08";

desc[6] = "<span>Title:</span> GP Online Learning <span class='dividers'>//</span> <span>Client:</span> Ethical Nutrients <span class='dividers'>//</span> <span>Type:</span> Screen Design <span class='dividers'>//</span> <span>Comments:</span> Online learning center for Australian GPs - Design + xHTML/CSS + PHP/Mysql - Built with Drupal <span class='dividers'>//</span> <span class='fullview'><a href='http://gp.ethicalnutrients.com.au' target='_blank'>View the Project Live</a></span>";

desc[7] = "<span>Title:</span> International Speaker Invitation <span class='dividers'>//</span> <span>Client:</span> Metagenics <span class='dividers'>//</span> <span>Type:</span> Print Design <span class='dividers'>//</span> <span>Comments:</span> A5 invitation brochure for the Metagenics International Speaker Seminar";

desc[8] = "<span>Title:</span> International Congress 2009 <span class='dividers'>//</span> <span>Client:</span> Metagenics <span class='dividers'>//</span> <span>Type:</span> Screen Design <span class='dividers'>//</span> <span>Comments:</span> Congress 2009 Microsite - Design + xHTML/CSS + PHP/Mysql - Built with Drupal <span class='dividers'>//</span> <span class='fullview'><a href='http://metagenics.com.au/congress09' target='_blank'>View the Project Live</a></span>";

desc[9] = "<span>Title:</span> Followme <span class='dividers'>//</span> <span>Client:</span> Personal <span class='dividers'>//</span> <span>Type:</span> Digital Art <span class='dividers'>//</span> <span>Comments:</span> Created for Codrv Feature #9 <span class='dividers'>//</span> <span class='fullview'><a href='images/projects/fullview/followme.jpg' target='_blank'>View the Full Project</a></span>";

desc[10] = "<span>Title:</span> Qantm UK <span class='dividers'>//</span> <span>Client:</span> Qantm College <span class='dividers'>//</span> <span>Type:</span> Screen Design <span class='dividers'>//</span> <span>Comments:</span> A concept that I designed that was continued by Attila Acs with code and alterations - Design <span class='dividers'>//</span> <span class='fullview'><a href='http://qantm.co.uk' target='_blank'>View the Project Live</a></span>";

desc[11] = "<span>Title:</span> Qantm College - Magazine Advertisement <span class='dividers'>//</span> <span>Client:</span> Qantm College <span class='dividers'>//</span> <span>Type:</span> Print Design <span class='dividers'>//</span> <span>Comments:</span> Advertisement made for use in Rave Magazine - Tabloid Street Press <span class='dividers'>//</span> <span class='fullview'><a href='images/projects/fullview/qantmadvert.jpg' target='_blank'>View the Full Project</a></span>";

desc[12] = "<span>Title:</span> Anymot <span class='dividers'>//</span> <span>Client:</span> Edward Khon <span class='dividers'>//</span> <span>Type:</span> Screen Design <span class='dividers'>//</span> <span>Comments:</span> A digital portfolio I designed for a singaporean digital artist - Design + xHTML/CSS + PHP Backend <span class='dividers'>//</span> <span class='fullview'><a href='http://rtboxdesign.com/edwardkhon' target='_blank'>View the Project Live</a></span>";

desc[13] = "<span>Title:</span> Kinex AI Product Sheet <span class='dividers'>//</span> <span>Client:</span> Metagenics <span class='dividers'>//</span> <span>Type:</span> Print Design <span class='dividers'>//</span> <span>Comments:</span> Product information on Kinex AI by Metagenics";

desc[14] = "<span>Title:</span> Saizen Fansubs <span class='dividers'>//</span> <span>Client:</span> Saizen Fansubs <span class='dividers'>//</span> <span>Type:</span> Screen Design <span class='dividers'>//</span> <span>Comments:</span> The homepage of a foreign films fansub group - Design + xHTML/CSS <span class='dividers'>//</span> <span class='fullview'><a href='http://saizen-fansubs.com' target='_blank'>View the Project Live</a></span>";

desc[15] = "<span>Title:</span> Fly Away <span class='dividers'>//</span> <span>Client:</span> Personal <span class='dividers'>//</span> <span>Type:</span> Digital Art <span class='dividers'>//</span> <span>Comments:</span> Created for Codrv Special Event - Wallpaper Pack <span class='dividers'>//</span> <span class='fullview'><a href='images/projects/fullview/flyaway.jpg' target='_blank'>View the Full Project</a></span>";

desc[16] = "<span>Title:</span> SAE Licensing <span class='dividers'>//</span> <span>Client:</span> SAE Institute <span class='dividers'>//</span> <span>Type:</span> Screen Design <span class='dividers'>//</span> <span>Comments:</span> Revamp of the old SAE franchise site - Design + xHTML/CSS + PHP Backend <span class='dividers'>//</span> <span class='fullview'><a href='http://saelicensing.com' target='_blank'>View the Project Live</a></span>";

desc[17] = "<span>Title:</span> SAE Institute - A1 Promotional Poster <span class='dividers'>//</span> <span>Client:</span> SAE Institute <span class='dividers'>//</span> <span>Type:</span> Print Design <span class='dividers'>//</span> <span>Comments:</span> Promotional created for use in SAE colleges around the world <span class='dividers'>//</span> <span class='fullview'><a href='images/projects/fullview/saepromoposter.jpg' target='_blank'>View the Full Project</a></span>";

desc[18] = "<span>Title:</span> Endura E-News <span class='dividers'>//</span> <span>Client:</span> Endura <span class='dividers'>//</span> <span>Type:</span> Screen Design <span class='dividers'>//</span> <span>Comments:</span> Design and code for Endura email marketting campaign. - Design + HTML4.0 <span class='dividers'>//</span> <span class='fullview'><a href='http://www.endura.com.au/enews/siteroot/december07.htm' target='_blank'>View the Project Live</a></span>";

desc[19] = "<span>Title:</span> No <span class='dividers'>//</span> <span>Client:</span> Personal <span class='dividers'>//</span> <span>Type:</span> Digital Art <span class='dividers'>//</span> <span>Comments:</span> Created for Codrv Feature #4";

desc[20] = "<span>Title:</span> Health World Limited <span class='dividers'>//</span> <span>Client:</span> Health World Limited <span class='dividers'>//</span> <span>Type:</span> Screen Design <span class='dividers'>//</span> <span>Comments:</span> Simple Information Site for Health World Limited - Design + xHTML/CSS <span class='dividers'>//</span> <span class='fullview'><a href='http://healthworld.com.au' target='_blank'>View the Project Live</a></span>";

desc[21] = "<span>Title:</span> Amcal Bowel Health Day Flyer <span class='dividers'>//</span> <span>Client:</span> Inner Health Plus <span class='dividers'>//</span> <span>Type:</span> Print Design <span class='dividers'>//</span> <span>Comments:</span> Bowel Health Day Flyer for Inner Health Plus, Ethical Nutrients and Amcal";

desc[22] = "<span>Title:</span> Hyate <span class='dividers'>//</span> <span>Client:</span> Personal <span class='dividers'>//</span> <span>Type:</span> Digital Art <span class='dividers'>//</span> <span>Comments:</span> Collab with Anastasia Romenarko AKA Champloo <span class='dividers'>//</span> <span class='fullview'><a href='images/projects/fullview/hyate.jpg' target='_blank'>View the Full Project</a></span>";

desc[23] = "<span>Title:</span> Codrv <span class='dividers'>//</span> <span>Client:</span> Personal <span class='dividers'>//</span> <span>Type:</span> Screen Design <span class='dividers'>//</span> <span>Comments:</span> Made for the Codrv Project. It was made to look like framed artwork - Design + xHTML/CSS + PHP Backend <span class='dividers'>//</span> <span class='fullview'><a href='http://codrv.com' target='_blank'>View the Project Live</a></span>";

desc[24] = "<span>Title:</span> Motorola Razr <span class='dividers'>//</span> <span>Client:</span> Mock Up <span class='dividers'>//</span> <span>Type:</span> Print Design <span class='dividers'>//</span> <span>Comments:</span> 100% Vector Illustration, created for a college assignment <span class='dividers'>//</span> <span class='fullview'><a href='images/projects/fullview/motorolarazr.jpg' target='_blank'>View the Full Project</a></span>";

desc[25] = "<span>Title:</span> Pencare Counselling <span class='dividers'>//</span> <span>Client:</span> Penny Box <span class='dividers'>//</span> <span>Type:</span> Screen Design <span class='dividers'>//</span> <span>Comments:</span> The homepage and blog of an australian counsellor. - Design + xHTML/CSS + Wordpress Integration <span class='dividers'>//</span> <span class='fullview'><a href='http://pencarecounselling.com' target='_blank'>View the Project Live</a></span>";

desc[26] = "<span>Title:</span> SAE Newsletter <span class='dividers'>//</span> <span>Client:</span> SAE Institute <span class='dividers'>//</span> <span>Type:</span> Screen Design <span class='dividers'>//</span> <span>Comments:</span> Weekly External SAE Newsletter - xHTML/CSS";

var maxcur = 26; // the max array
var path = "images/projects/"; // path to your images

function next()
// function for next button
 {
 if (cur < maxcur) {
cur = cur + 1; }
if (cur == maxcur) {
document.getElementById('details').innerHTML = desc[cur];
document.getElementById('preview').style.backgroundImage = 'url('+path+img[cur]+')';
document.getElementById('nextimg').src = 'images/next-off.jpg';
document.getElementById('nextlink').style.cursor = 'default';
nextchk = 0;
}
else if (cur > maxcur) {}
else {
document.getElementById('details').innerHTML = desc[cur];
document.getElementById('preview').style.backgroundImage = 'url('+path+img[cur]+')';
}

// when press next enable previous button
document.getElementById('previmg').src = 'images/prev-on.jpg';
document.getElementById('prevlink').style.cursor = 'pointer';
prevchk = 1;
 }

function prev()
//functon for previous button
 {
  if (cur > 0) {
cur = cur - 1; }

if (cur == 0) {
document.getElementById('details').innerHTML = desc[cur];

document.getElementById('preview').style.backgroundImage = 'url('+path+img[cur]+')';
document.getElementById('previmg').src = 'images/prev-off.jpg';
document.getElementById('prevlink').style.cursor = 'default';
prevchk = 0;
}
else if (cur < 0) {}
else {
document.getElementById('details').innerHTML = desc[cur];
document.getElementById('preview').style.backgroundImage = 'url('+path+img[cur]+')';
}

//when press previous enable next button
document.getElementById('nextimg').src = 'images/next-on.jpg';
document.getElementById('nextlink').style.cursor = 'pointer';
nextchk = 1;

 }

//roll over for nav buttons
function chngNav(chng)
 {
 if (chng == 'prev') {
 	if (prevchk == 1) {
document.getElementById(chng+'img').src = 'images/'+chng+'-roll.jpg';
}
}
 else if (chng == 'next') {
  	if (nextchk == 1) {
document.getElementById(chng+'img').src = 'images/'+chng+'-roll.jpg';
}	
}
 }

function chngNavBack(chng)
 {
 if (chng == 'prev') {
 	if (prevchk == 1) {
document.getElementById(chng+'img').src = 'images/'+chng+'-on.jpg';
}
}
 else if (chng == 'next') {
  	if (nextchk == 1) {
document.getElementById(chng+'img').src = 'images/'+chng+'-on.jpg';
}	
}
 }

// bar toggle for main menu (contact and clients sections)
function cliTogg()
 {
document.getElementById('clientbox').style.display = 'block'; 
document.getElementById('contactbox').style.display = 'none'; 

 }
 
function contactTogg()
 {
document.getElementById('contactbox').style.display = 'block'; 
document.getElementById('clientbox').style.display = 'none'; 

 }
 