var portfolio =
[
{"img":"codegenesys.png",
"big":"big_codegenesys.png",
"desc":'A web development firm was looking for a visual refresh for their site, and while they needed no help on the backend, I wrote them clean html and css. Visit the site.'},
{"img":"summermusicstore.png",
"big":"big_summermusicstore.png",
"desc":'Mountaintop Studios wanted a store where people could buy songs from the last ten years of the Summer Sonatina Piano Camp. What I built uses Ocsigen, a web framework in OCaml, and Postgresql. Visit the site.'},
{"img":"kaplantutor.png",
"big":"big_kaplantutor.png",
"desc":'Kaplan Tutoring Services wanted a modern website to post information about services offered and background about standardized tests and the company. I built them a site that uses Ocsigen, a web framework in OCaml, and Postgresql, and is completely dynamic and editable by the company. Visit the site.'},
{"img":"facebook.png",
"big":"big_facebook.png",
"desc":'I spent three months working as an engineering intern for Facebook, where I designed and implemented a publishing system for their public relations department, using php, sql, html, css, and a little javascript (on the internal side, to make publishing easier). Visit the site.'},
{"img":"abingdonsquarepainters.png",
"big":"big_abingdonsquarepainters.png",
"desc":'An artist group in New York wanted to showcase their work. I built them a site where each artist could update their own work, using my library withWeb on top of web.py and sqlite. Visit the site.'},
{"img":"mountainfilms.png",
"big":"big_mountainfilms.png",
"desc":'The Williamstown Mountain Film Festival wanted to let people know about films to be shown and allow film makers to submit films to be judged. I built them a site that used my withWeb library, web.py and sqlite. Visit the site.'},
{"img":"lydiajohnston.png",
"big":"big_lydiajohnston.png",
"desc":'Textile and Oil painting artist Lydia Johnston had already had a website for many years when I custom built her a dynamic backend to give her the same control she had when managing the html herself without the time commitment of re-arranging pages worth of tables. Visit the site.'},
{"img":"joelpatterson.png",
"big":"big_joelpatterson.png",
"desc":'Music journalist Joel Patterson was looking for a simple way to showcase his work. Utilizing my withWeb library for web.py, I built him a simple website where he could put up audio clips and text articles. Visit the site.'}
];
/*
{"img":"dbpatterson.png",
"big":"big_dbpatterson.png",
"desc":""},
*/
/* {"img":"jkniffin.png",
"big":"big_jkniffin.png",
"desc":'Oil painting and watercolor artist Judith Kniffin already knew what she wanted her website to look like, and what I built her used python and an sqlite database to allows her to log in and change the contents of the whole site anytime she wants. Visit the site.'},*/
function show() {
portfolio = portfolio.slice(4).concat(portfolio.slice(0,4));
return portfolio.slice(0,4);
}
function setup() {
$(".big").tipTip({"edgeOffset":0, "defaultPosition":"left", "offScreen":true});
$(".big").click(function ()
{
$(this).parent().hide();
$("#tiptip_holder").hide();
$(".box").show();
});
$(".big").hover(
function () {
$(this).append("
");
// hack tooltip into position.
var mar = $("#tiptip_holder").css("margin-top");
mar = mar.slice(0,mar.length-2);
$("#tiptip_holder").css({"margin-top":+mar + 235});
},
function () {
$("#minus").remove();
}
);
$(".box").tipTip({"edgeOffset":-5, "defaultPosition":"left", "offScreen":true});
$(".box").hover(
function () {
$(this).append("
");
// hack tooltip into position.
var mar = $("#tiptip_holder").css("margin-top");
mar = mar.slice(0,mar.length-2);
mar = +mar;
$("#tiptip_holder").css({"margin-top":mar + 120});
},
function () {
$("#plus").remove();
}
);
$(".box").click(function ()
{
$(this).parent().children(".big_holder").show();
$("#tiptip_holder").hide();
$(".box").hide();
});
}
$(function () {
setup();
$("#content").after('');
$("#refresh").tipTip();
$("#refresh").click(function ()
{
var new_portfolio = show();
var content = "";
for(var i = 0; i < 4; i++){
content += '