var myPortfolio = {

epvision:{

name:"EP Vision",
date:"microsite 2010",
blurb:"Quick turnaround microsite project translated clients photoshop documents into effective website.",
url:"http://epvision.tv",
skills:[ 'psd > html','HTML', 'CSS', 'Javascript'],
screenshot:'../images/epvision.png'



},


antoine:{

name:"Antoine Bootz",
date:"website 2010",
blurb:"Translated client's design into html css javascript website. Created subtle interactive effects to keep focus on the client's work.",
url:"http://antoinebootz.com",
skills:[ 'HTML', 'CSS', 'Javascript', 'Webmaster', 'ux design'],
screenshot:'../images/antoine.jpg'



},

devon:{

name:"Devon Jarvis",
date:"website 2009",
blurb:"Created website based on client's design.  CSS sprite animations to create custom drop down menu. ",
url:"http://devonjarvisstudio.com",
skills:[ 'HTML', 'CSS', 'Javascript', 'Webmaster' ],
screenshot:'../images/devon.jpg'



},

carlos:{

name:"Carlos Dengler",
date:"website 2009",
blurb:"Designed website based on direction of client. Created javascript code to play back audio and video without using Flash.",
url:"http://carlosdengler.com",
skills:[ 'HTML', 'CSS', 'Quicktime Scripting', 'Javascript', 'Webmaster' ],
screenshot:'../images/carlos.jpg'



},

brooke:{

name:"Brooke Slezak",
date:"website 2009",
blurb:"Translated designer's layouts into website. Custom ajax slideshow.   ",
url:"http://brookeslezak.com",
skills:[ 'HTML', 'CSS', 'Javascript', 'ajax slideshow'],
screenshot:'../images/brooke.jpg'



},

gentlemen:{

name:"The Gentlemen's League",
date:"website 2009",
blurb:"Created website based on client's design. Created animations using html & javascript (no Flash) ",
url:"http://thegentlemensleague.com/index.old.html",
skills:[ 'HTML', 'CSS', 'Javascript', 'Webmaster' ],
screenshot:'../images/gentlemen.jpg'



},

pamela:{

name:"Pamela Prichett",
date:"website 2009",
blurb:"Created website based on client's design. Collaborated with client to deliver website within budget constrictions. Uses 3rd party flash slideshow ",
url:"http://pamelaprichett.com",
skills:['illustrator to html','HTML', 'CSS','javascript', 'Flash','Actionscript'  ],
screenshot:'../images/pamela.jpg'



},
 

rosen:{

name:"Astronaut Projects",
date:"website 2008",
blurb:"Created attractive portfolio with photography & video using html css javascript & Flash. Features full featured content management system. ",
url:"http://astronautprojects.com/jonrosen/",
skills:['Design','Flash', 'HTML','Javscript',  'PHP', 'Webmaster' ],
screenshot:'../images/rosen.jpg'



},

pauline:{

name:"Pauline St Denis",
date:"website 2008",
blurb:"Created attractive portfolio site using Flash. Features full featured content management system. Created graphic design based on referenced sites.",
url:"http://paulinestdenis.com",
skills:['Design','Flash', 'HTML', 'PHP', 'Webmaster' ],
screenshot:'../images/pauline2.jpg'



}


} //end portfolio object

var myQueue = Object.keys(myPortfolio);

var myIndex;


function showProject(project){

var myProject = myPortfolio[project]; //get data from portfolio object

$('project_name').update(myProject.name);  

$('project_date').update(myProject.date);  

$('project_blurb').update(myProject.blurb); 

$('project_screenshot').src= myProject.screenshot;

$('project_screenshot').stopObserving().observe('click', function(){

window.open (myProject.url);

});
$('visit_site').stopObserving().observe('click', function(){

window.open (myProject.url);

});

var myCount = myProject.skills.length;

$('project_skills').update('');
for (var i=0;i<myCount;i++){

var myLi =new Element('li').update(myProject.skills[i]);

$('project_skills').insert(myLi);

}

 myIndex = myQueue.indexOf(project);

 



} // end function showProject()

function showDetails(proj){
showProject(proj);
$('project_list').scrollTo();

$('details').appear();

$$('.project').invoke('stopObserving');


$('next_project').observe('click', nextProject);
$('back_grid').observe('click', closeDetails);

} // end function showDetails


function nextProject(){

(myIndex>=myQueue.length-1) ? myIndex = 0 : myIndex++;

showProject(myQueue[myIndex]);



}

function closeDetails(){
$('details').fade();
$$('.project').invoke('observe','click', function(evt){ showDetails( evt.findElement('.project').identify())});


}




function init(){

$$('.project').invoke('observe','click', function(evt){ showDetails( evt.findElement('.project').identify())});


}

 

Event.observe(window, 'load', function() {

init();
 

});