/* Insert all the image information in these arrays */

// stango(headline, imgSrc, thWidth, thHeight, eWidth, eHeight, description, url)
var sdImages = new Array
sdImages[0] = new stango('Craigie On Main', 'Craigie-On-Main', '100', '65', '600', '523', 'Developed new website for Craigie On Main restaurant in Cambridge, MA. This was a fun challenge, as it provided the opportunity to learn how to manipulate and edit WordPress themes. I learned a bit of PHP in the process and successfully integrated the blog infrastructure into the design given.', 'www.craigieonmain.com/');
sdImages[1] = new stango('Craigie On Main', 'Craigie-On-Main-blog', '100', '65', '600', '370', 'This screenshot shows a typical blog section page.', 'www.craigieonmain.com/');
sdImages[2] = new stango('Integration site for Staples and Corporate Express', 'Staples-CorpEx-v1', '100', '65', '600', '566', 'Worked with the agency at Staples to develop a straight-forward site that provided information related to the acquisition of Corporate Express. CSS templated design with some use of javascript for navigation, etc. (Login required to view site.)', 'www.staplescexp.com/');
sdImages[3] = new stango('Staples College Bookstore Program', 'Staples-College-Bookstore', '100', '65', '600', '324', 'This microsite for Staples showcases what the office supplier can offer for college bookstores. I developed the pages using a CSS layout based on a Photoshop-layered design, with a little ASP code for page-aware navigation. The designer and I originally had a few weeks to build the site, but then the deadline was pushed ahead so that we had only less than a week to finish it.', 'www.staplescollege.com/');
sdImages[4] = new stango('Staples College Bookstore Program - interior page', 'Staples-College-Bookstore-interior', '100', '65', '600', '363', 'This microsite for Staples showcases what the office supplier can offer for college bookstores. I developed the pages using a CSS layout based on a Photoshop-layered design, with a little ASP code for page-aware navigation. The designer and I originally had a few weeks to build the site, but then the deadline was pushed ahead so that we had only less than a week to finish it.', 'www.staplescollege.com/');
sdImages[5] = new stango('Staples Contract Branding Guidelines', 'Staples-Branding-Guidelines', '100', '65', '600', '343', 'This Staples microsite was modeled after a print design. The site makes use of absolute positioning in CSS, and showcases my first try at manipulating the DOM using javascript (in the Split Device section of the site). That javascript technique is also the engine that drives this portfolio site.', 'staplescentral.com/branding-guidelines');
sdImages[6] = new stango('Staples Contract Branding Guidelines - interior page', 'Staples-Branding-javascript', '100', '65', '600', '390', 'This Staples microsite was modeled after a print design. The site makes use of absolute positioning in CSS, and showcases my first try at manipulating the DOM using javascript (shown above, in the Split Device section of the site). That javascript technique is also the engine that drives this portfolio site.', 'staplescentral.com/branding-guidelines');
sdImages[7] = new stango('Bright Moves', 'Bright-Moves', '100', '65', '600', '342', 'This site was developed over a few months, during which I worked with the client, Becky Holt, to determine the best way to categorize her wealth of content. She found a graphic designer who supplied only the above-the-fold part of the homepage. I worked with Becky on developing the rest of the design and gave her advice on how to maintain the site going forward.', 'brightmoves.biz/');
sdImages[8] = new stango('Bright Moves - interior page', 'Bright-Moves-gmap', '100', '65', '600', '389', 'This site was developed over a few months, during which I worked with the client, Becky Holt, to determine the best way to categorize her wealth of content. She found a graphic designer who supplied only the above-the-fold part of the homepage. I worked with Becky on developing the rest of the design and gave her advice on how to maintain the site going forward.', 'brightmoves.biz/');
sdImages[9] = new stango('Staples Key Supplier Program', 'Staples-KSP', '100', '65', '600', '362', 'A Staples Advantage microsite for its key suppliers, providing them with information on upcoming events, fliers and logos to download (see above), and so on. I developed the site with CSS layouts based on a Photoshop-layered document, with a little ASP code for page-aware navigation.', 'staplescentral.com/contract/keysupplier');
sdImages[10] = new stango('Staples Key Supplier Program - interior page', 'Staples-KSP-logos', '100', '65', '600', '362', 'A Staples Advantage microsite for its key suppliers, providing them with information on upcoming events, fliers and logos to download (see above), and so on. I developed the site with CSS layouts based on a Photoshop-layered document, with a little ASP code for page-aware navigation.', 'staplescentral.com/contract/keysupplier');
sdImages[11] = new stango('Firepond', 'Firepond', '100', '80', '600', '344', 'Firepond was a challenging but fun design to develop. This design had many things I had not come across until that point, including drop-shadow borders and overlapping sections (blue sidebar over orange section). In hindsight, I could have simplified the CSS by consolidating background images, etc., especially in the blue sidebar. Nevertheless, this is one of my favorite sites that I have developed.', 'firepond.com/');
sdImages[12] = new stango('Firepond - interior page', 'Firepond-interior', '100', '65', '600', '363', 'Firepond was a challenging but fun design to develop. This design had many things I had not come across until that point, including drop-shadow borders and overlapping sections (blue sidebar over orange section). In hindsight, I could have simplified the CSS by consolidating background images, etc., especially in the blue sidebar. Nevertheless, this is one of my favorite sites that I have developed.', 'firepond.com/');
sdImages[13] = new stango('Empirix', 'Empirix', '100', '72', '600', '386', 'This was the most challenging site to develop so far. Designed by the same person who designed the Firepond site (click Prev for screenshot), this site had similar design idiosyncracies that are challenging to do with CSS, or so I thought. This was developed in the summer of 2007, when I was on a think-outside-of-the-box mindset with CSS. I was so thinking so far out of the box that it took me a while to realize to keep it simple. Lesson learned.', 'empirix.com/');
sdImages[14] = new stango('Empirix - interior page', 'Empirix-interior', '100', '72', '600', '402', 'This was the most challenging site to develop so far. Designed by the same person who designed the Firepond site (click Prev for screenshot), this site had similar design idiosyncracies that are challenging to do with CSS, or so I thought. This was developed in the summer of 2007, when I was on a think-outside-of-the-box mindset with CSS. I was so thinking so far out of the box that it took me a while to realize to keep it simple. Lesson learned.', 'empirix.com/');
sdImages[15] = new stango('Putnam Lovell', 'Putnam-Lovell', '100', '65', '600', '338', 'Developed in the spring of 2007, I was contracted to develop teh Putnam Lovell site based on a Photoshop-layered file. The main challenge was figuring out how to get the drop-down menus of the red navigation buttons to appear above the Flash file on the homepage. Otherwise, this was an easy site to develop. (The original design had a different background color, before Jefferies bought Putnam Lovell and requested minor last-minute changes.', 'putnamlovell.com/');
sdImages[16] = new stango('Putnam Lovell - interior page', 'Putnam-Lovell-interior', '100', '65', '600', '338', 'Developed in the spring of 2007, I was contracted to develop teh Putnam Lovell site based on a Photoshop-layered file. The main challenge was figuring out how to get the drop-down menus of the red navigation buttons to appear above the Flash file on the homepage. Otherwise, this was an easy site to develop. (The original design had a different background color, before Jefferies bought Putnam Lovell and requested minor last-minute changes.', 'putnamlovell.com/');

/*
sdImages[14] = new stango('ATANH.com', 'ATANH', '100', '72', '800', '485', '');
sdImages[15] = new stango('CameronBennett.com', 'Cameron-Bennett', '100', '72', '800', '480', '');
sdImages[16] = new stango('CameronBennett.com', 'Cameron-Bennett-illustration', '100', '72', '800', '482', '');
sdImages[17] = new stango('CameronBennett.com', 'Cameron-Bennett-portraiture', '100', '72', '800', '483', '');
sdImages[18] = new stango('Colorado Energy Star Homes', 'Energy-Star-Homes', '100', '65', '800', '480', '');
sdImages[19] = new stango('HaveToTango.com', 'HaveToTango', '100', '65', '800', '458', '');
sdImages[20] = new stango('HaveToTango.com', 'HaveToTango-photos', '100', '65', '800', '457', '');
*/