var curBoxnum=0;
var curSubcat="";
var curCat="";


var firstPicPhoto=0;
var firstPicDesign=154;
var firstPicHand=236;
var lastPicPhoto=153; // ID number of last pic in the set
var lastPicDesign=235;
var lastPicHand=282;




var portfolio1=new Array()
portfolio1[0]=["images/portfolio00.jpg", "BRAMPTON SOCCER CENTRE<br  />Maclennan Jaunklans Miller Architects", "architecture", "civic", "p"] // image path, description, category, landscape or portrait
portfolio1[1]=["images/portfolio01.jpg", "BRAMPTON SOCCER CENTRE<br  />Maclennan Jaunklans Miller Architects", "architecture", "civic", "l"]
portfolio1[2]=["images/portfolio02.jpg", "BRAMPTON SOCCER CENTRE<br  />Maclennan Jaunklans Miller Architects", "architecture", "civic", "l"]
portfolio1[3]=["images/portfolio03.jpg", "BRAMPTON SOCCER CENTRE<br  />Maclennan Jaunklans Miller Architects", "architecture", "civic", "p"]
portfolio1[4]=["images/portfolio04.jpg", "BRAMPTON SOCCER CENTRE<br  />Maclennan Jaunklans Miller Architects", "architecture", "civic", "l"]
portfolio1[5]=["images/portfolio05.jpg", "PALAIS DE CONGRES<br  />TŽtreault, Parent, Languedoc et associŽs, Saia et Barbese, ®difica", "architecture", "civic", "l"]
portfolio1[6]=["images/portfolio06.jpg", "YOUNG CENTRE FOR THE PERFORMING ARTS<br  />KPMB Architects", "architecture", "civic", "l"]
portfolio1[7]=["images/portfolio07.jpg", "BURLINGTON CENTRAL LIBRARY<br  />Teeple Architects", "architecture", "civic", "l"]
portfolio1[8]=["images/portfolio08.jpg", "BURLINGTON CENTRAL LIBRARY<br  />Teeple Architects", "architecture", "civic", "p"]
portfolio1[9]=["images/portfolio09.jpg", "BURLINGTON CENTRAL LIBRARY<br  />Teeple Architects", "architecture", "civic", "l"]
portfolio1[10]=["images/portfolio10.jpg", "BURLINGTON CENTRAL LIBRARY<br  />Teeple Architects", "architecture", "civic", "l"]
portfolio1[11]=["images/portfolio11.jpg", "CREDIT VALLEY HOSPITAL<br  />Farrow Partnership", "architecture", "civic", "l"]
portfolio1[12]=["images/portfolio12.jpg", "CREDIT VALLEY HOSPITAL<br  />Farrow Partnership", "architecture", "civic", "l"]
portfolio1[13]=["images/portfolio13.jpg", "NEW YORK PUBLIC LIBRARY SOUTH COURT<br  />Davis Brody Bond", "architecture", "civic", "p"]
portfolio1[14]=["images/portfolio14.jpg", "NEW YORK PUBLIC LIBRARY SOUTH COURT<br  />Davis Brody Bond", "architecture", "civic", "p"]
portfolio1[15]=["images/portfolio15.jpg", "CONCORDIA UNIVERSITY ENCS/VA INTEGRATED COMPLEX<br  />KPMB Architects", "architecture", "education", "l"]
portfolio1[16]=["images/portfolio16.jpg", "CONCORDIA UNIVERSITY ENCS/VA INTEGRATED COMPLEX<br  />KPMB Architects", "architecture", "education", "p"]
portfolio1[17]=["images/portfolio17.jpg", "UTM CCT BUILDING<br  />Saucier + Perrotte Architectes", "architecture", "education", "l"]
portfolio1[18]=["images/portfolio18.jpg", "UTM CCT BUILDING<br  />Saucier + Perrotte Architectes", "architecture", "education", "l"]
portfolio1[19]=["images/portfolio19.jpg", "UNIVERSITY OF TORONTO LESLIE L. DAN PHARMACY BUILDING<br  />Foster + Partners", "architecture", "education", "p"]
portfolio1[20]=["images/portfolio20.jpg", "UNIVERSITY OF TORONTO LESLIE L. DAN PHARMACY BUILDING<br  />Foster + Partners", "architecture", "education", "l"]
portfolio1[21]=["images/portfolio21.jpg", "UNIVERSITY OF TORONTO LESLIE L. DAN PHARMACY BUILDING<br  />Foster + Partners", "architecture", "education", "p"]
portfolio1[22]=["images/portfolio22.jpg", "NEW YORK UNIVERSITY DEPT. OF PHILOSOPHY<br  />Steven Holl Architects", "architecture", "education", "p"]
portfolio1[23]=["images/portfolio23.jpg", "NEW YORK UNIVERSITY DEPT. OF PHILOSOPHY<br  />Steven Holl Architects", "architecture", "education", "l"]
portfolio1[24]=["images/portfolio24.jpg", "UTSC FACULTY OF MANAGEMENT<br  />KPMB Architects", "architecture", "education", "l"]
portfolio1[25]=["images/portfolio25.jpg", "HP SCIENCE AND TECHNOLOGY CENTRE<br  />KPMB Architects", "architecture", "education", "l"]
portfolio1[26]=["images/portfolio26.jpg", "THE ROYAL ONTARIO MUSEUM<br  />Studio Daniel Libeskind with Bregman + Hamann Architects", "architecture", "museum", "p"]
portfolio1[27]=["images/portfolio27.jpg", "THE ROYAL ONTARIO MUSEUM<br  />Studio Daniel Libeskind with Bregman + Hamann Architects", "architecture", "museum", "l"]
portfolio1[28]=["images/portfolio28.jpg", "THE ROYAL ONTARIO MUSEUM<br  />Studio Daniel Libeskind with Bregman + Hamann Architects", "architecture", "museum", "l"]
portfolio1[29]=["images/portfolio29.jpg", "THE ROYAL ONTARIO MUSEUM<br  />Studio Daniel Libeskind with Bregman + Hamann Architects", "architecture", "museum", "p"]
portfolio1[30]=["images/portfolio30.jpg", "ICA BOSTON<br  />Diller Scofidio + Renfro", "architecture", "museum", "l"]
portfolio1[31]=["images/portfolio31.jpg", "ART GALLERY OF ONTARIO<br  />Gehry Partners", "architecture", "museum", "l"]
portfolio1[32]=["images/portfolio32.jpg", "ART GALLERY OF ONTARIO<br  />Gehry Partners", "architecture", "museum", "p"]
portfolio1[33]=["images/portfolio33.jpg", "ART GALLERY OF ONTARIO<br  />Gehry Partners", "architecture", "museum", "p"]
portfolio1[34]=["images/portfolio34.jpg", "ART GALLERY OF ONTARIO<br  />Gehry Partners", "architecture", "museum", "l"]
portfolio1[35]=["images/portfolio35.jpg", "SCARBOROUGH CHINESE BAPTIST CHURCH<br  />Teeple Architects", "architecture", "religious", "l"]
portfolio1[36]=["images/portfolio36.jpg", "SCARBOROUGH CHINESE BAPTIST CHURCH<br  />Teeple Architects", "architecture", "religious", "p"]
portfolio1[37]=["images/portfolio37.jpg", "UNIVERSITY OF TORONTO MULTIFAITH CENTRE<br  />Moriyama & Teshima", "architecture", "religious", "l"]
portfolio1[38]=["images/portfolio38.jpg", "BAPS SHRI SWAMINARAYAN MANDIR TORONTO<br  />Pramukh Swami Maharaj", "architecture", "religious", "l"]
portfolio1[39]=["images/portfolio39.jpg", "BAPS SHRI SWAMINARAYAN MANDIR TORONTO<br  />Pramukh Swami Maharaj", "architecture", "religious", "l"]
portfolio1[40]=["images/portfolio40.jpg", "ST. GABRIEL'S PASSIONIST PARISH<br  />Larkin Architect", "architecture", "religious", "p"]
portfolio1[41]=["images/portfolio41.jpg", "CHURCH OF THE INCARNATION<br  />Teeple Architects", "architecture", "religious", "l"]
portfolio1[42]=["images/portfolio42.jpg", "PACHTER RESIDENCE<br />Teeple Architects", "architecture", "private", "l"]
portfolio1[43]=["images/portfolio43.jpg", "UMBRA CONCEPT STORE<br  />Kohn Shnier Architects", "architecture", "private", "p"]
portfolio1[44]=["images/portfolio44.jpg", "UMBRA CONCEPT STORE<br  />Kohn Shnier Architects", "architecture", "private", "l"]
portfolio1[45]=["images/portfolio45.jpg", "Goodnight Suburbia", "architecture", "private", "l"]
portfolio1[46]=["images/portfolio46.jpg", "HEATHDALE HOUSE<br  />Teeple Architects", "architecture", "private", "l"]
portfolio1[47]=["images/portfolio47.jpg", "HEATHDALE HOUSE<br  />Teeple Architects", "architecture", "private", "l"]
portfolio1[48]=["images/portfolio48.jpg", "HEATHDALE HOUSE<br  />Teeple Architects", "architecture", "private", "l"]
portfolio1[49]=["images/portfolio49.jpg", "NEW YORK TIMES TOWER<br  />Renzo Piano Building Workshop with FXFOWLE Architects", "architecture", "private", "p"]
portfolio1[50]=["images/portfolio50.jpg", "NEW YORK TIMES TOWER<br  />Renzo Piano Building Workshop with FXFOWLE Architects", "architecture", "private", "l"]
portfolio1[51]=["images/portfolio51.jpg", "60 RICHMOND STREET EAST<br  />Teeple Architects", "architecture", "private", "l"]
portfolio1[52]=["images/portfolio52.jpg", "PLASTIC SURGERY CLINIC<br  />Teeple Architects", "architecture", "private", "l"]
portfolio1[53]=["images/portfolio53.jpg", "PLASTIC SURGERY CLINIC<br  />Teeple Architects", "architecture", "private", "l"]
portfolio1[54]=["images/portfolio54.jpg", "PLASTIC SURGERY CLINIC<br  />Teeple Architects", "architecture", "private", "l"]
portfolio1[55]=["images/portfolio55.jpg", "APPLE STORE FIFTH AVENUE<br  />Bohlin Cywinsky Jackson", "architecture", "private", "l"]
portfolio1[56]=["images/portfolio56.jpg", "LA SAINT CHAPELLE<br  />Paris", "adventure", "europe", "l"]
portfolio1[57]=["images/portfolio57.jpg", "HILLS NEAR TAVARNELLE<br  />Tuscany", "adventure", "europe", "p"]
portfolio1[58]=["images/portfolio58.jpg", "ROME BY NIGHT<br  />Rome", "adventure", "europe", "p"]
portfolio1[59]=["images/portfolio59.jpg", "CAPRESE SALAD<br  />Vernazza", "adventure", "europe", "l"]
portfolio1[60]=["images/portfolio60.jpg", "3.99 DEGREES<br  />Pisa", "adventure", "europe", "l"]
portfolio1[61]=["images/portfolio61.jpg", "Manarola", "adventure", "europe", "p"]
portfolio1[62]=["images/portfolio62.jpg", "CENTRE GEORGES POMPIDOU<br  />Paris", "adventure", "europe", "l"]
portfolio1[63]=["images/portfolio63.jpg", "LIGURIAN COAST<br  />Cinque Terre", "adventure", "europe", "l"]
portfolio1[64]=["images/portfolio64.jpg", "LOUVRE<br  />Paris", "adventure", "europe", "l"]
portfolio1[65]=["images/portfolio65.jpg", "ERECHTHEION<br  />Athens", "adventure", "greece", "p"]
portfolio1[66]=["images/portfolio66.jpg", "Santorini", "adventure", "greece", "l"]
portfolio1[67]=["images/portfolio67.jpg", "Athens", "adventure", "greece", "l"]
portfolio1[68]=["images/portfolio68.jpg", "CALATRAVA'S AGORA<br  />Athens", "adventure", "greece", "l"]
portfolio1[69]=["images/portfolio69.jpg", "Athens", "adventure", "greece", "p"]
portfolio1[70]=["images/portfolio70.jpg", "PLAKA BY NIGHT<br  />Athens", "adventure", "greece", "p"]
portfolio1[71]=["images/portfolio71.jpg", "Nafplion", "adventure", "greece", "l"]
portfolio1[72]=["images/portfolio72.jpg", "Mani", "adventure", "greece", "l"]
portfolio1[73]=["images/portfolio73.jpg", "Aegina", "adventure", "greece", "p"]
portfolio1[74]=["images/portfolio74.jpg", "MOONRISE<br  />Athens", "adventure", "greece", "l"]
portfolio1[75]=["images/portfolio75.jpg", "Aegean Sea", "adventure", "greece", "l"]
portfolio1[76]=["images/portfolio76.jpg", "PAST OLYMPIC DREAMS<br  />Athens", "adventure", "greece", "l"]
portfolio1[77]=["images/portfolio77.jpg", "FREEFALL<br  />Santorini", "adventure", "greece", "p"]
portfolio1[78]=["images/portfolio78.jpg", "FISH MARKET<br  />Athens", "adventure", "greece", "l"]
portfolio1[79]=["images/portfolio79.jpg", "PALEOCHORA<br  />Aegina", "adventure", "greece", "p"]
portfolio1[80]=["images/portfolio80.jpg", "Brookyln Bridge", "adventure", "newyork", "l"]
portfolio1[81]=["images/portfolio81.jpg", "Hearst Tower", "adventure", "newyork", "l"]
portfolio1[82]=["images/portfolio82.jpg", "Apple Store Fifth Avenue", "adventure", "newyork", "l"]
portfolio1[83]=["images/portfolio83.jpg", "Essex House", "adventure", "newyork", "p"]
portfolio1[84]=["images/portfolio84.jpg", "MoMA Sculpture Garden", "adventure", "newyork", "l"]
portfolio1[85]=["images/portfolio85.jpg", "Chrysler Building", "adventure", "newyork", "p"]
portfolio1[86]=["images/portfolio86.jpg", "Halls of the Library", "adventure", "newyork", "p"]
portfolio1[87]=["images/portfolio87.jpg", "SoHo", "adventure", "newyork", "p"]
portfolio1[88]=["images/portfolio88.jpg", "Cathedral of Saint John the Divine", "adventure", "newyork", "l"]
portfolio1[89]=["images/portfolio89.jpg", "Empire State Building", "adventure", "newyork", "p"]
portfolio1[90]=["images/portfolio90.jpg", "UN Facade", "adventure", "newyork", "p"]
portfolio1[91]=["images/portfolio91.jpg", "Sackler Wing at The Met", "adventure", "newyork", "p"]
portfolio1[92]=["images/portfolio92.jpg", "Manhattan Sunset", "adventure", "newyork", "l"]
portfolio1[93]=["images/portfolio93.jpg", "Seagram Detail", "adventure", "newyork", "p"]
portfolio1[94]=["images/portfolio94.jpg", "IAC Corporation", "adventure", "newyork", "p"]
portfolio1[95]=["images/portfolio95.jpg", "ICA BOSTON<br  />Diller Scofidio + Renfro", "adventure", "boston", "p"]
portfolio1[96]=["images/portfolio96.jpg", "CARPENTER CENTER<br  />Le Corbusier", "adventure", "boston", "p"]
portfolio1[97]=["images/portfolio97.jpg", "CARPETNER CENTRE<br  />Le Corbusier", "adventure", "boston", "l"]
portfolio1[98]=["images/portfolio98.jpg", "SIMMONS HALL<br  />Steven Holl Architects", "adventure", "boston", "l"]
portfolio1[99]=["images/portfolio99.jpg", "SIMMONS HALL<br  />Steven Holl Architects", "adventure", "boston", "p"]
portfolio1[100]=["images/portfolio100.jpg", "SIMMONS HALL<br  />Steven Holl Architects", "adventure", "boston", "p"]
portfolio1[101]=["images/portfolio101.jpg", "MIT CHAPEL<br  />Eero Saarinen", "adventure", "boston", "p"]
portfolio1[102]=["images/portfolio102.jpg", "AUTUMN ON MOUNT ROYAL", "adventure", "montreal", "l"]
portfolio1[103]=["images/portfolio103.jpg", "WINTER ON MOUNT ROYAL", "adventure", "montreal", "l"]
portfolio1[104]=["images/portfolio104.jpg", "MONTREAL WINTER", "adventure", "montreal", "l"]
portfolio1[105]=["images/portfolio105.jpg", "Exploring the Rockies near Jasper National Park", "adventure", "rocky", "l"]
portfolio1[106]=["images/portfolio106.jpg", "Exploring the Rockies near Jasper National Park", "adventure", "rocky", "l"]
portfolio1[107]=["images/portfolio107.jpg", "Exploring the Rockies near Jasper National Park", "adventure", "rocky", "l"]
portfolio1[108]=["images/portfolio108.jpg", "Exploring the Rockies near Jasper National Park", "adventure", "rocky", "l"]
portfolio1[109]=["images/portfolio109.jpg", "Exploring the Rockies near Jasper National Park", "adventure", "rocky", "p"]
portfolio1[110]=["images/portfolio110.jpg", "Exploring the Rockies near Jasper National Park", "adventure", "rocky", "l"]
portfolio1[111]=["images/portfolio111.jpg", "Exploring the Rockies near Jasper National Park", "adventure", "rocky", "l"]
portfolio1[112]=["images/portfolio112.jpg", "Exploring the Rockies near Jasper National Park", "adventure", "rocky", "p"]
portfolio1[113]=["images/portfolio113.jpg", "Photoshoot for a young dancer and choreographer in Mississauga, Ontario", "people", "leapsandbounds", "l"]
portfolio1[114]=["images/portfolio114.jpg", "Photoshoot for a young dancer and choreographer in Mississauga, Ontario", "people", "leapsandbounds", "l"]
portfolio1[115]=["images/portfolio115.jpg", "Photoshoot for a young dancer and choreographer in Mississauga, Ontario", "people", "leapsandbounds", "l"]
portfolio1[116]=["images/portfolio116.jpg", "Photoshoot for a young dancer and choreographer in Mississauga, Ontario", "people", "leapsandbounds", "l"]
portfolio1[117]=["images/portfolio117.jpg", "Photoshoot for a young dancer and choreographer in Mississauga, Ontario", "people", "leapsandbounds", "l"]
portfolio1[118]=["images/portfolio118.jpg", "Photoshoot for a young dancer and choreographer in Mississauga, Ontario", "people", "leapsandbounds", "l"]
portfolio1[119]=["images/portfolio119.jpg", "Photoshoot for a young dancer and choreographer in Mississauga, Ontario", "people", "leapsandbounds", "l"]
portfolio1[120]=["images/wedding1.jpg", "", "people", "wedding", "p"]
portfolio1[121]=["images/wedding2.jpg", "", "people", "wedding", "l"]
portfolio1[122]=["images/wedding3.jpg", "", "people", "wedding", "p"]
portfolio1[123]=["images/wedding4.jpg", "", "people", "wedding", "l"]
portfolio1[124]=["images/wedding5.jpg", "", "people", "wedding", "p"]
portfolio1[125]=["images/wedding6.jpg", "", "people", "wedding", "l"]
portfolio1[126]=["images/wedding7.jpg", "", "people", "wedding", "p"]
portfolio1[127]=["images/wedding8.jpg", "", "people", "wedding", "p"]
portfolio1[128]=["images/wedding9.jpg", "", "people", "wedding", "l"]
portfolio1[129]=["images/wedding10.jpg", "", "people", "wedding", "l"]
portfolio1[130]=["images/wedding11.jpg", "", "people", "wedding", "l"]
portfolio1[131]=["images/wedding12.jpg", "", "people", "wedding", "l"]
portfolio1[132]=["images/wedding13.jpg", "", "people", "wedding", "p"]
portfolio1[133]=["images/wedding14.jpg", "", "people", "wedding", "l"]
portfolio1[134]=["images/wedding15.jpg", "", "people", "wedding", "l"]
portfolio1[135]=["images/wedding16.jpg", "", "people", "wedding", "l"]
portfolio1[136]=["images/headshot1.jpg", "", "people", "model", "p"]
portfolio1[137]=["images/headshot2.jpg", "", "people", "model", "p"]
portfolio1[138]=["images/headshot3.jpg", "", "people", "model", "p"]
portfolio1[139]=["images/headshot4.jpg", "", "people", "model", "p"]
portfolio1[140]=["images/headshot5.jpg", "", "people", "model", "p"]
portfolio1[141]=["images/headshot6.jpg", "", "people", "model", "p"]
portfolio1[142]=["images/moonblind1.jpg", "", "people", "model", "l"]
portfolio1[143]=["images/moonblind2.jpg", "", "people", "model", "l"]
portfolio1[144]=["images/moonblind3.jpg", "", "people", "model", "p"]
portfolio1[145]=["images/moonblind4.jpg", "", "people", "model", "p"]
portfolio1[146]=["images/moonblind5.jpg", "", "people", "model", "l"]
portfolio1[147]=["images/moonblind6.jpg", "", "people", "model", "p"]
portfolio1[148]=["images/moonblind7.jpg", "", "people", "model", "l"]
portfolio1[149]=["images/moonblind8.jpg", "", "people", "model", "p"]
portfolio1[150]=["images/moonblind9.jpg", "", "people", "model", "l"]
portfolio1[151]=["images/moonblind10.jpg", "", "people", "model", "p"]
portfolio1[152]=["images/moonblind11.jpg", "", "people", "model", "l"]
portfolio1[153]=["images/moonblind12.jpg", "", "people", "model", "l"]


portfolio1[154]=["images/portfolio120.jpg", "Set along a new tram corridor in Paris, the project explores new ways of defining space - not with walls, but with a series of tiles that differentiate programmatic areas based upon parameters such as light, slope, sound, surface treatment, and protection from wind and rain. What results is a patchwork landscape where a multitude of programmatic activities are possible, but none are prescribed. Its social agenda is not to reinvent, reorganize, or redefine urbanism, but to discover, encourage, and foster it.<br  />Project in partnership with Vivian Shao Chen.", "design", "tramway", "l"]
portfolio1[155]=["images/portfolio120.jpg", "","","","l"];
portfolio1[156]=["images/portfolio121.jpg", "Set along a new tram corridor in Paris, the project explores new ways of defining space - not with walls, but with a series of tiles that differentiate programmatic areas based upon parameters such as light, slope, sound, surface treatment, and protection from wind and rain. What results is a patchwork landscape where a multitude of programmatic activities are possible, but none are prescribed. Its social agenda is not to reinvent, reorganize, or redefine urbanism, but to discover, encourage, and foster it.<br  />Project in partnership with Vivian Shao Chen.", "design", "tramway", "l"]
portfolio1[157]=["images/portfolio122.jpg", "Set along a new tram corridor in Paris, the project explores new ways of defining space - not with walls, but with a series of tiles that differentiate programmatic areas based upon parameters such as light, slope, sound, surface treatment, and protection from wind and rain. What results is a patchwork landscape where a multitude of programmatic activities are possible, but none are prescribed. Its social agenda is not to reinvent, reorganize, or redefine urbanism, but to discover, encourage, and foster it.<br  />Project in partnership with Vivian Shao Chen.", "design", "tramway", "l"]
portfolio1[158]=["images/portfolio123.jpg", "Set along a new tram corridor in Paris, the project explores new ways of defining space - not with walls, but with a series of tiles that differentiate programmatic areas based upon parameters such as light, slope, sound, surface treatment, and protection from wind and rain. What results is a patchwork landscape where a multitude of programmatic activities are possible, but none are prescribed. Its social agenda is not to reinvent, reorganize, or redefine urbanism, but to discover, encourage, and foster it.<br  />Project in partnership with Vivian Shao Chen.", "design", "tramway", "l"]
portfolio1[159]=["images/portfolio124.jpg", "Set along a new tram corridor in Paris, the project explores new ways of defining space - not with walls, but with a series of tiles that differentiate programmatic areas based upon parameters such as light, slope, sound, surface treatment, and protection from wind and rain. What results is a patchwork landscape where a multitude of programmatic activities are possible, but none are prescribed. Its social agenda is not to reinvent, reorganize, or redefine urbanism, but to discover, encourage, and foster it.<br  />Project in partnership with Vivian Shao Chen.", "design", "tramway", "l"]
portfolio1[160]=["images/portfolio125.jpg", "Set along a new tram corridor in Paris, the project explores new ways of defining space - not with walls, but with a series of tiles that differentiate programmatic areas based upon parameters such as light, slope, sound, surface treatment, and protection from wind and rain. What results is a patchwork landscape where a multitude of programmatic activities are possible, but none are prescribed. Its social agenda is not to reinvent, reorganize, or redefine urbanism, but to discover, encourage, and foster it.<br  />Project in partnership with Vivian Shao Chen.", "design", "tramway", "l"]
portfolio1[161]=["images/portfolio126.jpg", "Set along a new tram corridor in Paris, the project explores new ways of defining space - not with walls, but with a series of tiles that differentiate programmatic areas based upon parameters such as light, slope, sound, surface treatment, and protection from wind and rain. What results is a patchwork landscape where a multitude of programmatic activities are possible, but none are prescribed. Its social agenda is not to reinvent, reorganize, or redefine urbanism, but to discover, encourage, and foster it.<br  />Project in partnership with Vivian Shao Chen.", "design", "tramway", "l"]
portfolio1[162]=["images/portfolio127.jpg", "Set along a new tram corridor in Paris, the project explores new ways of defining space - not with walls, but with a series of tiles that differentiate programmatic areas based upon parameters such as light, slope, sound, surface treatment, and protection from wind and rain. What results is a patchwork landscape where a multitude of programmatic activities are possible, but none are prescribed. Its social agenda is not to reinvent, reorganize, or redefine urbanism, but to discover, encourage, and foster it.<br  />Project in partnership with Vivian Shao Chen.", "design", "tramway", "l"]
portfolio1[163]=["images/portfolio128.jpg", "Set along a new tram corridor in Paris, the project explores new ways of defining space - not with walls, but with a series of tiles that differentiate programmatic areas based upon parameters such as light, slope, sound, surface treatment, and protection from wind and rain. What results is a patchwork landscape where a multitude of programmatic activities are possible, but none are prescribed. Its social agenda is not to reinvent, reorganize, or redefine urbanism, but to discover, encourage, and foster it.<br  />Project in partnership with Vivian Shao Chen.", "design", "tramway", "l"]
portfolio1[164]=["images/portfolio129.jpg", "Set along a new tram corridor in Paris, the project explores new ways of defining space - not with walls, but with a series of tiles that differentiate programmatic areas based upon parameters such as light, slope, sound, surface treatment, and protection from wind and rain. What results is a patchwork landscape where a multitude of programmatic activities are possible, but none are prescribed. Its social agenda is not to reinvent, reorganize, or redefine urbanism, but to discover, encourage, and foster it.<br  />Project in partnership with Vivian Shao Chen.", "design", "tramway", "l"]
portfolio1[165]=["images/portfolio130.jpg", "Set along a new tram corridor in Paris, the project explores new ways of defining space - not with walls, but with a series of tiles that differentiate programmatic areas based upon parameters such as light, slope, sound, surface treatment, and protection from wind and rain. What results is a patchwork landscape where a multitude of programmatic activities are possible, but none are prescribed. Its social agenda is not to reinvent, reorganize, or redefine urbanism, but to discover, encourage, and foster it.<br  />Project in partnership with Vivian Shao Chen.", "design", "tramway", "l"]
portfolio1[166]=["images/portfolio131.jpg", "Set along a new tram corridor in Paris, the project explores new ways of defining space - not with walls, but with a series of tiles that differentiate programmatic areas based upon parameters such as light, slope, sound, surface treatment, and protection from wind and rain. What results is a patchwork landscape where a multitude of programmatic activities are possible, but none are prescribed. Its social agenda is not to reinvent, reorganize, or redefine urbanism, but to discover, encourage, and foster it.<br  />Project in partnership with Vivian Shao Chen.", "design", "tramway", "l"]
portfolio1[167]=["images/portfolio132.jpg", "Set along a new tram corridor in Paris, the project explores new ways of defining space - not with walls, but with a series of tiles that differentiate programmatic areas based upon parameters such as light, slope, sound, surface treatment, and protection from wind and rain. What results is a patchwork landscape where a multitude of programmatic activities are possible, but none are prescribed. Its social agenda is not to reinvent, reorganize, or redefine urbanism, but to discover, encourage, and foster it.<br  />Project in partnership with Vivian Shao Chen.", "design", "tramway", "l"]
portfolio1[168]=["images/portfolio133.jpg", "Set along a new tram corridor in Paris, the project explores new ways of defining space - not with walls, but with a series of tiles that differentiate programmatic areas based upon parameters such as light, slope, sound, surface treatment, and protection from wind and rain. What results is a patchwork landscape where a multitude of programmatic activities are possible, but none are prescribed. Its social agenda is not to reinvent, reorganize, or redefine urbanism, but to discover, encourage, and foster it.<br  />Project in partnership with Vivian Shao Chen.", "design", "tramway", "l"]
portfolio1[169]=["images/portfolio134.jpg", "Set along a new tram corridor in Paris, the project explores new ways of defining space - not with walls, but with a series of tiles that differentiate programmatic areas based upon parameters such as light, slope, sound, surface treatment, and protection from wind and rain. What results is a patchwork landscape where a multitude of programmatic activities are possible, but none are prescribed. Its social agenda is not to reinvent, reorganize, or redefine urbanism, but to discover, encourage, and foster it.<br  />Project in partnership with Vivian Shao Chen.", "design", "tramway", "l"]

portfolio1[170]=["images/portfolio135.jpg", "The project aims to develop a Centre for Urban Agriculture in the decaying industrial neighborhood of Griffintown near downtown Montreal. The mixed-use complex includes various types of housing, a restaurant and laboratories that are intricately connected to aquaculture, hydroponics, and soil-based growing areas. Upon the rooftops, community gardens provide space for residents and neighbours to grow their own fruits and vegetables and serve a social role of bringing the community together.", "design", "UA", "l"]
portfolio1[171]=["images/portfolio136.jpg", "The project aims to develop a Centre for Urban Agriculture in the decaying industrial neighborhood of Griffintown near downtown Montreal. The mixed-use complex includes various types of housing, a restaurant and laboratories that are intricately connected to aquaculture, hydroponics, and soil-based growing areas. Upon the rooftops, community gardens provide space for residents and neighbours to grow their own fruits and vegetables and serve a social role of bringing the community together.", "design", "UA", "l"]
portfolio1[172]=["images/portfolio137.jpg", "The project aims to develop a Centre for Urban Agriculture in the decaying industrial neighborhood of Griffintown near downtown Montreal. The mixed-use complex includes various types of housing, a restaurant and laboratories that are intricately connected to aquaculture, hydroponics, and soil-based growing areas. Upon the rooftops, community gardens provide space for residents and neighbours to grow their own fruits and vegetables and serve a social role of bringing the community together.", "design", "UA", "l"]
portfolio1[173]=["images/portfolio138.jpg", "The project aims to develop a Centre for Urban Agriculture in the decaying industrial neighborhood of Griffintown near downtown Montreal. The mixed-use complex includes various types of housing, a restaurant and laboratories that are intricately connected to aquaculture, hydroponics, and soil-based growing areas. Upon the rooftops, community gardens provide space for residents and neighbours to grow their own fruits and vegetables and serve a social role of bringing the community together.", "design", "UA", "l"]
portfolio1[174]=["images/portfolio139.jpg", "The project aims to develop a Centre for Urban Agriculture in the decaying industrial neighborhood of Griffintown near downtown Montreal. The mixed-use complex includes various types of housing, a restaurant and laboratories that are intricately connected to aquaculture, hydroponics, and soil-based growing areas. Upon the rooftops, community gardens provide space for residents and neighbours to grow their own fruits and vegetables and serve a social role of bringing the community together.", "design", "UA", "l"]
portfolio1[175]=["images/portfolio140.jpg", "The project aims to develop a Centre for Urban Agriculture in the decaying industrial neighborhood of Griffintown near downtown Montreal. The mixed-use complex includes various types of housing, a restaurant and laboratories that are intricately connected to aquaculture, hydroponics, and soil-based growing areas. Upon the rooftops, community gardens provide space for residents and neighbours to grow their own fruits and vegetables and serve a social role of bringing the community together.", "design", "UA", "l"]
portfolio1[176]=["images/portfolio141.jpg", "The project aims to develop a Centre for Urban Agriculture in the decaying industrial neighborhood of Griffintown near downtown Montreal. The mixed-use complex includes various types of housing, a restaurant and laboratories that are intricately connected to aquaculture, hydroponics, and soil-based growing areas. Upon the rooftops, community gardens provide space for residents and neighbours to grow their own fruits and vegetables and serve a social role of bringing the community together.", "design", "UA", "l"]
portfolio1[177]=["images/portfolio142.jpg", "The project aims to develop a Centre for Urban Agriculture in the decaying industrial neighborhood of Griffintown near downtown Montreal. The mixed-use complex includes various types of housing, a restaurant and laboratories that are intricately connected to aquaculture, hydroponics, and soil-based growing areas. Upon the rooftops, community gardens provide space for residents and neighbours to grow their own fruits and vegetables and serve a social role of bringing the community together.", "design", "UA", "l"]
portfolio1[178]=["images/portfolio143.jpg", "The project aims to develop a Centre for Urban Agriculture in the decaying industrial neighborhood of Griffintown near downtown Montreal. The mixed-use complex includes various types of housing, a restaurant and laboratories that are intricately connected to aquaculture, hydroponics, and soil-based growing areas. Upon the rooftops, community gardens provide space for residents and neighbours to grow their own fruits and vegetables and serve a social role of bringing the community together.", "design", "UA", "l"]
portfolio1[179]=["images/portfolio144.jpg", "The project aims to develop a Centre for Urban Agriculture in the decaying industrial neighborhood of Griffintown near downtown Montreal. The mixed-use complex includes various types of housing, a restaurant and laboratories that are intricately connected to aquaculture, hydroponics, and soil-based growing areas. Upon the rooftops, community gardens provide space for residents and neighbours to grow their own fruits and vegetables and serve a social role of bringing the community together.", "design", "UA", "l"]
portfolio1[180]=["images/portfolio145.jpg", "The project aims to develop a Centre for Urban Agriculture in the decaying industrial neighborhood of Griffintown near downtown Montreal. The mixed-use complex includes various types of housing, a restaurant and laboratories that are intricately connected to aquaculture, hydroponics, and soil-based growing areas. Upon the rooftops, community gardens provide space for residents and neighbours to grow their own fruits and vegetables and serve a social role of bringing the community together.", "design", "UA", "l"]
portfolio1[181]=["images/portfolio146.jpg", "The project aims to develop a Centre for Urban Agriculture in the decaying industrial neighborhood of Griffintown near downtown Montreal. The mixed-use complex includes various types of housing, a restaurant and laboratories that are intricately connected to aquaculture, hydroponics, and soil-based growing areas. Upon the rooftops, community gardens provide space for residents and neighbours to grow their own fruits and vegetables and serve a social role of bringing the community together.", "design", "UA", "p"]

portfolio1[182]=["images/portfolio147.jpg", "An exercise in using digital tools to study and represent the morphology of a flower, the Calla Lily, and then to extract the essence of the flower to form a system of components that can be animated to interact with each other.", "design", "flower", "l"]
portfolio1[183]=["images/portfolio148.jpg", "An exercise in using digital tools to study and represent the morphology of a flower, the Calla Lily, and then to extract the essence of the flower to form a system of components that can be animated to interact with each other.", "design", "flower", "l"]
portfolio1[184]=["images/portfolio149.jpg", "An exercise in using digital tools to study and represent the morphology of a flower, the Calla Lily, and then to extract the essence of the flower to form a system of components that can be animated to interact with each other.", "design", "flower", "l"]
portfolio1[185]=["images/portfolio150.jpg", "An exercise in using digital tools to study and represent the morphology of a flower, the Calla Lily, and then to extract the essence of the flower to form a system of components that can be animated to interact with each other.", "design", "flower", "l"]
portfolio1[186]=["images/portfolio151.jpg", "An exercise in using digital tools to study and represent the morphology of a flower, the Calla Lily, and then to extract the essence of the flower to form a system of components that can be animated to interact with each other.", "design", "flower", "l"]
portfolio1[187]=["images/portfolio152.jpg", "An exercise in using digital tools to study and represent the morphology of a flower, the Calla Lily, and then to extract the essence of the flower to form a system of components that can be animated to interact with each other.", "design", "flower", "l"]
portfolio1[188]=["images/portfolio153.jpg", "An exercise in using digital tools to study and represent the morphology of a flower, the Calla Lily, and then to extract the essence of the flower to form a system of components that can be animated to interact with each other.", "design", "flower", "l"]

portfolio1[189]=["images/portfolio154.jpg", "An introduction to methods of 3D prototyping that began with a detailed study of concrete as a material and evolved to the design and fabrication of a concrete prototype by CNC milling a foam mold. The prototype itself could conceivably form a building skin in which the parameters of the sinusoidal curve would change to permit varying degrees of light penetration, structural support, and fascinating moirŽ effects when layers of the skin are superimposed.<br  />Project in partnership with Vivian Shao Chen.", "design", "concrete", "l"]
portfolio1[190]=["images/portfolio155.jpg", "An introduction to methods of 3D prototyping that began with a detailed study of concrete as a material and evolved to the design and fabrication of a concrete prototype by CNC milling a foam mold. The prototype itself could conceivably form a building skin in which the parameters of the sinusoidal curve would change to permit varying degrees of light penetration, structural support, and fascinating moirŽ effects when layers of the skin are superimposed.<br  />Project in partnership with Vivian Shao Chen.", "design", "concrete", "l"]
portfolio1[191]=["images/portfolio156.jpg", "An introduction to methods of 3D prototyping that began with a detailed study of concrete as a material and evolved to the design and fabrication of a concrete prototype by CNC milling a foam mold. The prototype itself could conceivably form a building skin in which the parameters of the sinusoidal curve would change to permit varying degrees of light penetration, structural support, and fascinating moirŽ effects when layers of the skin are superimposed.<br  />Project in partnership with Vivian Shao Chen.", "design", "concrete", "l"]
portfolio1[192]=["images/portfolio157.jpg", "An introduction to methods of 3D prototyping that began with a detailed study of concrete as a material and evolved to the design and fabrication of a concrete prototype by CNC milling a foam mold. The prototype itself could conceivably form a building skin in which the parameters of the sinusoidal curve would change to permit varying degrees of light penetration, structural support, and fascinating moirŽ effects when layers of the skin are superimposed.<br  />Project in partnership with Vivian Shao Chen.", "design", "concrete", "p"]
portfolio1[193]=["images/portfolio158.jpg", "An introduction to methods of 3D prototyping that began with a detailed study of concrete as a material and evolved to the design and fabrication of a concrete prototype by CNC milling a foam mold. The prototype itself could conceivably form a building skin in which the parameters of the sinusoidal curve would change to permit varying degrees of light penetration, structural support, and fascinating moirŽ effects when layers of the skin are superimposed.<br  />Project in partnership with Vivian Shao Chen.", "design", "concrete", "l"]
portfolio1[194]=["images/portfolio159.jpg", "An introduction to methods of 3D prototyping that began with a detailed study of concrete as a material and evolved to the design and fabrication of a concrete prototype by CNC milling a foam mold. The prototype itself could conceivably form a building skin in which the parameters of the sinusoidal curve would change to permit varying degrees of light penetration, structural support, and fascinating moirŽ effects when layers of the skin are superimposed.<br  />Project in partnership with Vivian Shao Chen.", "design", "concrete", "l"]
portfolio1[195]=["images/portfolio160.jpg", "An introduction to methods of 3D prototyping that began with a detailed study of concrete as a material and evolved to the design and fabrication of a concrete prototype by CNC milling a foam mold. The prototype itself could conceivably form a building skin in which the parameters of the sinusoidal curve would change to permit varying degrees of light penetration, structural support, and fascinating moirŽ effects when layers of the skin are superimposed.<br  />Project in partnership with Vivian Shao Chen.", "design", "concrete", "l"]
portfolio1[196]=["images/portfolio161.jpg", "An introduction to methods of 3D prototyping that began with a detailed study of concrete as a material and evolved to the design and fabrication of a concrete prototype by CNC milling a foam mold. The prototype itself could conceivably form a building skin in which the parameters of the sinusoidal curve would change to permit varying degrees of light penetration, structural support, and fascinating moirŽ effects when layers of the skin are superimposed.<br  />Project in partnership with Vivian Shao Chen.", "design", "concrete", "l"]
portfolio1[197]=["images/portfolio162.jpg", "An introduction to methods of 3D prototyping that began with a detailed study of concrete as a material and evolved to the design and fabrication of a concrete prototype by CNC milling a foam mold. The prototype itself could conceivably form a building skin in which the parameters of the sinusoidal curve would change to permit varying degrees of light penetration, structural support, and fascinating moirŽ effects when layers of the skin are superimposed.<br  />Project in partnership with Vivian Shao Chen.", "design", "concrete", "p"]

portfolio1[198]=["images/portfolio163.jpg", "A subjective interpretation that aims to capture the experience of a specific building: The expansion of the McCord Museum in Montreal by architects LeMoyne Lapointe Magne. Built in walnut, plywood and aluminum, the mood box captures the notions of motion and growth, much like the museum's addition encroaches into Percy Nobbs' 1906 building to create a seamless interior experience that unifies history and modernity in space.<br  />Project in collaboration with Venessa Heddle and Tracy Wan.", "design", "moodbox", "l"]
portfolio1[199]=["images/portfolio164.jpg", "A subjective interpretation that aims to capture the experience of a specific building: The expansion of the McCord Museum in Montreal by architects LeMoyne Lapointe Magne. Built in walnut, plywood and aluminum, the mood box captures the notions of motion and growth, much like the museum's addition encroaches into Percy Nobbs' 1906 building to create a seamless interior experience that unifies history and modernity in space.<br  />Project in collaboration with Venessa Heddle and Tracy Wan.", "design", "moodbox", "l"]
portfolio1[200]=["images/portfolio165.jpg", "A subjective interpretation that aims to capture the experience of a specific building: The expansion of the McCord Museum in Montreal by architects LeMoyne Lapointe Magne. Built in walnut, plywood and aluminum, the mood box captures the notions of motion and growth, much like the museum's addition encroaches into Percy Nobbs' 1906 building to create a seamless interior experience that unifies history and modernity in space.<br  />Project in collaboration with Venessa Heddle and Tracy Wan.", "design", "moodbox", "l"]
portfolio1[201]=["images/portfolio166.jpg", "A subjective interpretation that aims to capture the experience of a specific building: The expansion of the McCord Museum in Montreal by architects LeMoyne Lapointe Magne. Built in walnut, plywood and aluminum, the mood box captures the notions of motion and growth, much like the museum's addition encroaches into Percy Nobbs' 1906 building to create a seamless interior experience that unifies history and modernity in space.<br  />Project in collaboration with Venessa Heddle and Tracy Wan.", "design", "moodbox", "l"]
portfolio1[202]=["images/portfolio167.jpg", "A subjective interpretation that aims to capture the experience of a specific building: The expansion of the McCord Museum in Montreal by architects LeMoyne Lapointe Magne. Built in walnut, plywood and aluminum, the mood box captures the notions of motion and growth, much like the museum's addition encroaches into Percy Nobbs' 1906 building to create a seamless interior experience that unifies history and modernity in space.<br  />Project in collaboration with Venessa Heddle and Tracy Wan.", "design", "moodbox", "p"]
portfolio1[203]=["images/portfolio168.jpg", "A subjective interpretation that aims to capture the experience of a specific building: The expansion of the McCord Museum in Montreal by architects LeMoyne Lapointe Magne. Built in walnut, plywood and aluminum, the mood box captures the notions of motion and growth, much like the museum's addition encroaches into Percy Nobbs' 1906 building to create a seamless interior experience that unifies history and modernity in space.<br  />Project in collaboration with Venessa Heddle and Tracy Wan.", "design", "moodbox", "l"]

portfolio1[204]=["images/portfolio169.jpg", "A small outdoor pavilion on the slopes of Mount Royal that provides shelter, restroom facilities and peaceful places to read, meditate and escape the city. The pavilion negotiates a sloped site with entrances at three grades, ensuring that all parts of the building are fully accessible.", "design", "pavillion", "l"]
portfolio1[205]=["images/portfolio170.jpg", "A small outdoor pavilion on the slopes of Mount Royal that provides shelter, restroom facilities and peaceful places to read, meditate and escape the city. The pavilion negotiates a sloped site with entrances at three grades, ensuring that all parts of the building are fully accessible.", "design", "pavillion", "p"]
portfolio1[206]=["images/portfolio171.jpg", "A small outdoor pavilion on the slopes of Mount Royal that provides shelter, restroom facilities and peaceful places to read, meditate and escape the city. The pavilion negotiates a sloped site with entrances at three grades, ensuring that all parts of the building are fully accessible.", "design", "pavillion", "l"]
portfolio1[207]=["images/portfolio172.jpg", "A small outdoor pavilion on the slopes of Mount Royal that provides shelter, restroom facilities and peaceful places to read, meditate and escape the city. The pavilion negotiates a sloped site with entrances at three grades, ensuring that all parts of the building are fully accessible.", "design", "pavillion", "l"]
portfolio1[208]=["images/portfolio173.jpg", "A small outdoor pavilion on the slopes of Mount Royal that provides shelter, restroom facilities and peaceful places to read, meditate and escape the city. The pavilion negotiates a sloped site with entrances at three grades, ensuring that all parts of the building are fully accessible.", "design", "pavillion", "l"]
portfolio1[209]=["images/portfolio174.jpg", "A small outdoor pavilion on the slopes of Mount Royal that provides shelter, restroom facilities and peaceful places to read, meditate and escape the city. The pavilion negotiates a sloped site with entrances at three grades, ensuring that all parts of the building are fully accessible.", "design", "pavillion", "l"]
portfolio1[210]=["images/portfolio175.jpg", "A small outdoor pavilion on the slopes of Mount Royal that provides shelter, restroom facilities and peaceful places to read, meditate and escape the city. The pavilion negotiates a sloped site with entrances at three grades, ensuring that all parts of the building are fully accessible.", "design", "pavillion", "p"]
portfolio1[211]=["images/portfolio176.jpg", "A small outdoor pavilion on the slopes of Mount Royal that provides shelter, restroom facilities and peaceful places to read, meditate and escape the city. The pavilion negotiates a sloped site with entrances at three grades, ensuring that all parts of the building are fully accessible.", "design", "pavillion", "l"]
portfolio1[212]=["images/portfolio177.jpg", "A small outdoor pavilion on the slopes of Mount Royal that provides shelter, restroom facilities and peaceful places to read, meditate and escape the city. The pavilion negotiates a sloped site with entrances at three grades, ensuring that all parts of the building are fully accessible.", "design", "pavillion", "l"]

portfolio1[213]=["images/portfolio178.jpg", "A chair made solely of a single sheet of double-ply corrugated cardboard. The chair is intended as a reading chair, with space for books provided within the hollow arms that also neatly carry the disassembled chair for easy transport.<br  />Project in partnership with Vivian Shao Chen.", "design", "cardboardchair", "l"]
portfolio1[214]=["images/portfolio179.jpg", "A chair made solely of a single sheet of double-ply corrugated cardboard. The chair is intended as a reading chair, with space for books provided within the hollow arms that also neatly carry the disassembled chair for easy transport.<br  />Project in partnership with Vivian Shao Chen.", "design", "cardboardchair", "l"]
portfolio1[215]=["images/portfolio180.jpg", "A chair made solely of a single sheet of double-ply corrugated cardboard. The chair is intended as a reading chair, with space for books provided within the hollow arms that also neatly carry the disassembled chair for easy transport.<br  />Project in partnership with Vivian Shao Chen.", "design", "cardboardchair", "l"]
portfolio1[216]=["images/portfolio181.jpg", "A chair made solely of a single sheet of double-ply corrugated cardboard. The chair is intended as a reading chair, with space for books provided within the hollow arms that also neatly carry the disassembled chair for easy transport.<br  />Project in partnership with Vivian Shao Chen.", "design", "cardboardchair", "l"]
portfolio1[217]=["images/portfolio182.jpg", "A chair made solely of a single sheet of double-ply corrugated cardboard. The chair is intended as a reading chair, with space for books provided within the hollow arms that also neatly carry the disassembled chair for easy transport.<br  />Project in partnership with Vivian Shao Chen.", "design", "cardboardchair", "l"]

portfolio1[218]=["images/portfolio183.jpg", "Designed for a couple as a weekend home in the Laurentians, the 'shack' features all the necessities for a comfortable escape from the city in only 25 square meters (269 sq. ft.). The project explores ways of creating livable outdoor rooms, and as a first year project, introduced notions of site, scale, and techniques of drafting.<br  />Project in partnership with Tara Hagan.", "design", "shack", "l"]
portfolio1[219]=["images/portfolio184.jpg", "Designed for a couple as a weekend home in the Laurentians, the 'shack' features all the necessities for a comfortable escape from the city in only 25 square meters (269 sq. ft.). The project explores ways of creating livable outdoor rooms, and as a first year project, introduced notions of site, scale, and techniques of drafting.<br  />Project in partnership with Tara Hagan.", "design", "shack", "l"]
portfolio1[220]=["images/portfolio185.jpg", "Designed for a couple as a weekend home in the Laurentians, the 'shack' features all the necessities for a comfortable escape from the city in only 25 square meters (269 sq. ft.). The project explores ways of creating livable outdoor rooms, and as a first year project, introduced notions of site, scale, and techniques of drafting.<br  />Project in partnership with Tara Hagan.", "design", "shack", "l"]
portfolio1[221]=["images/portfolio186.jpg", "Designed for a couple as a weekend home in the Laurentians, the 'shack' features all the necessities for a comfortable escape from the city in only 25 square meters (269 sq. ft.). The project explores ways of creating livable outdoor rooms, and as a first year project, introduced notions of site, scale, and techniques of drafting.<br  />Project in partnership with Tara Hagan.", "design", "shack", "l"]
portfolio1[222]=["images/portfolio187.jpg", "Designed for a couple as a weekend home in the Laurentians, the 'shack' features all the necessities for a comfortable escape from the city in only 25 square meters (269 sq. ft.). The project explores ways of creating livable outdoor rooms, and as a first year project, introduced notions of site, scale, and techniques of drafting.<br  />Project in partnership with Tara Hagan.", "design", "shack", "l"]
portfolio1[223]=["images/portfolio188.jpg", "Designed for a couple as a weekend home in the Laurentians, the 'shack' features all the necessities for a comfortable escape from the city in only 25 square meters (269 sq. ft.). The project explores ways of creating livable outdoor rooms, and as a first year project, introduced notions of site, scale, and techniques of drafting.<br  />Project in partnership with Tara Hagan.", "design", "shack", "l"]
portfolio1[224]=["images/portfolio189.jpg", "Designed for a couple as a weekend home in the Laurentians, the 'shack' features all the necessities for a comfortable escape from the city in only 25 square meters (269 sq. ft.). The project explores ways of creating livable outdoor rooms, and as a first year project, introduced notions of site, scale, and techniques of drafting.<br  />Project in partnership with Tara Hagan.", "design", "shack", "l"]
portfolio1[225]=["images/portfolio190.jpg", "Designed for a couple as a weekend home in the Laurentians, the 'shack' features all the necessities for a comfortable escape from the city in only 25 square meters (269 sq. ft.). The project explores ways of creating livable outdoor rooms, and as a first year project, introduced notions of site, scale, and techniques of drafting.<br  />Project in partnership with Tara Hagan.", "design", "shack", "l"]

portfolio1[226]=["images/portfolio191.jpg", "This small project began as a study of steps and stairs and resulted in a small urban intervention that provides a lookout in the city and space for sitting and congregation in a city park at the base of a pedestrian street. Formally, the lookout is inspired by processes of erosion and path-making as pedestrians traverse the park and desire a comfortable place to sit. The project would reuse bricks from local building renovations as spolia and could organically grow as the neighbourhood changes.", "design", "lookout", "l"]
portfolio1[227]=["images/portfolio192.jpg", "This small project began as a study of steps and stairs and resulted in a small urban intervention that provides a lookout in the city and space for sitting and congregation in a city park at the base of a pedestrian street. Formally, the lookout is inspired by processes of erosion and path-making as pedestrians traverse the park and desire a comfortable place to sit. The project would reuse bricks from local building renovations as spolia and could organically grow as the neighbourhood changes.", "design", "lookout", "l"]
portfolio1[228]=["images/portfolio193.jpg", "This small project began as a study of steps and stairs and resulted in a small urban intervention that provides a lookout in the city and space for sitting and congregation in a city park at the base of a pedestrian street. Formally, the lookout is inspired by processes of erosion and path-making as pedestrians traverse the park and desire a comfortable place to sit. The project would reuse bricks from local building renovations as spolia and could organically grow as the neighbourhood changes.", "design", "lookout", "l"]
portfolio1[229]=["images/portfolio194.jpg", "This small project began as a study of steps and stairs and resulted in a small urban intervention that provides a lookout in the city and space for sitting and congregation in a city park at the base of a pedestrian street. Formally, the lookout is inspired by processes of erosion and path-making as pedestrians traverse the park and desire a comfortable place to sit. The project would reuse bricks from local building renovations as spolia and could organically grow as the neighbourhood changes.", "design", "lookout", "l"]
portfolio1[230]=["images/portfolio195.jpg", "This small project began as a study of steps and stairs and resulted in a small urban intervention that provides a lookout in the city and space for sitting and congregation in a city park at the base of a pedestrian street. Formally, the lookout is inspired by processes of erosion and path-making as pedestrians traverse the park and desire a comfortable place to sit. The project would reuse bricks from local building renovations as spolia and could organically grow as the neighbourhood changes.", "design", "lookout", "l"]
portfolio1[231]=["images/portfolio196.jpg", "This small project began as a study of steps and stairs and resulted in a small urban intervention that provides a lookout in the city and space for sitting and congregation in a city park at the base of a pedestrian street. Formally, the lookout is inspired by processes of erosion and path-making as pedestrians traverse the park and desire a comfortable place to sit. The project would reuse bricks from local building renovations as spolia and could organically grow as the neighbourhood changes.", "design", "lookout", "l"]
portfolio1[232]=["images/portfolio197.jpg", "This small project began as a study of steps and stairs and resulted in a small urban intervention that provides a lookout in the city and space for sitting and congregation in a city park at the base of a pedestrian street. Formally, the lookout is inspired by processes of erosion and path-making as pedestrians traverse the park and desire a comfortable place to sit. The project would reuse bricks from local building renovations as spolia and could organically grow as the neighbourhood changes.", "design", "lookout", "l"]
portfolio1[233]=["images/portfolio198.jpg", "This small project began as a study of steps and stairs and resulted in a small urban intervention that provides a lookout in the city and space for sitting and congregation in a city park at the base of a pedestrian street. Formally, the lookout is inspired by processes of erosion and path-making as pedestrians traverse the park and desire a comfortable place to sit. The project would reuse bricks from local building renovations as spolia and could organically grow as the neighbourhood changes.", "design", "lookout", "l"]
portfolio1[234]=["images/portfolio199.jpg", "This small project began as a study of steps and stairs and resulted in a small urban intervention that provides a lookout in the city and space for sitting and congregation in a city park at the base of a pedestrian street. Formally, the lookout is inspired by processes of erosion and path-making as pedestrians traverse the park and desire a comfortable place to sit. The project would reuse bricks from local building renovations as spolia and could organically grow as the neighbourhood changes.", "design", "lookout", "l"]
portfolio1[235]=["images/portfolio200.jpg", "This small project began as a study of steps and stairs and resulted in a small urban intervention that provides a lookout in the city and space for sitting and congregation in a city park at the base of a pedestrian street. Formally, the lookout is inspired by processes of erosion and path-making as pedestrians traverse the park and desire a comfortable place to sit. The project would reuse bricks from local building renovations as spolia and could organically grow as the neighbourhood changes", "design", "lookout", "l"]

portfolio1[236]=["images/portfolio201.jpg", "", "hand", "greecesketch", "l"]
portfolio1[237]=["images/portfolio202.jpg", "", "hand", "greecesketch", "p"]
portfolio1[238]=["images/portfolio203.jpg", "", "hand", "greecesketch", "l"]
portfolio1[239]=["images/portfolio204.jpg", "", "hand", "greecesketch", "l"]
portfolio1[240]=["images/portfolio205.jpg", "", "hand", "greecesketch", "l"]
portfolio1[241]=["images/portfolio206.jpg", "", "hand", "greecesketch", "l"]
portfolio1[242]=["images/portfolio207.jpg", "", "hand", "greecesketch", "l"]
portfolio1[243]=["images/portfolio208.jpg", "", "hand", "greecesketch", "l"]
portfolio1[244]=["images/portfolio209.jpg", "", "hand", "greecesketch", "l"]
portfolio1[245]=["images/portfolio210.jpg", "", "hand", "greecesketch", "l"]
portfolio1[246]=["images/portfolio211.jpg", "", "hand", "greecesketch", "l"]
portfolio1[247]=["images/portfolio212.jpg", "", "hand", "greecesketch", "l"]
portfolio1[248]=["images/portfolio213.jpg", "", "hand", "greecesketch", "l"]
portfolio1[249]=["images/portfolio214.jpg", "", "hand", "greecesketch", "l"]
portfolio1[250]=["images/portfolio215.jpg", "", "hand", "greecesketch", "l"]
portfolio1[251]=["images/portfolio216.jpg", "", "hand", "greecesketch", "l"]
portfolio1[252]=["images/portfolio217.jpg", "", "hand", "greecesketch", "l"]
portfolio1[253]=["images/portfolio218.jpg", "", "hand", "greecesketch", "l"]
portfolio1[254]=["images/portfolio219.jpg", "", "hand", "greecesketch", "p"]
portfolio1[255]=["images/portfolio220.jpg", "", "hand", "greecesketch", "l"]
portfolio1[256]=["images/portfolio221.jpg", "", "hand", "greecesketch", "l"]
portfolio1[257]=["images/portfolio222.jpg", "", "hand", "greecesketch", "l"]
portfolio1[258]=["images/portfolio223.jpg", "", "hand", "greecesketch", "l"]
portfolio1[259]=["images/portfolio224.jpg", "", "hand", "greecesketch", "l"]
portfolio1[260]=["images/portfolio225.jpg", "", "hand", "greecesketch", "l"]

portfolio1[261]=["images/portfolio226.jpg", "", "hand", "griffintown", "l"]
portfolio1[262]=["images/portfolio227.jpg", "", "hand", "griffintown", "l"]
portfolio1[263]=["images/portfolio228.jpg", "", "hand", "griffintown", "p"]
portfolio1[264]=["images/portfolio229.jpg", "", "hand", "griffintown", "l"]
portfolio1[265]=["images/portfolio230.jpg", "", "hand", "griffintown", "l"]
portfolio1[266]=["images/portfolio231.jpg", "", "hand", "griffintown", "p"]
portfolio1[267]=["images/portfolio232.jpg", "", "hand", "griffintown", "l"]
portfolio1[268]=["images/portfolio233.jpg", "", "hand", "griffintown", "l"]

portfolio1[269]=["images/portfolio234.jpg", "", "hand", "freehand", "l"]
portfolio1[270]=["images/portfolio235.jpg", "", "hand", "freehand", "p"]
portfolio1[271]=["images/portfolio236.jpg", "", "hand", "freehand", "p"]
portfolio1[272]=["images/portfolio237.jpg", "", "hand", "freehand", "p"]
portfolio1[273]=["images/portfolio238.jpg", "", "hand", "freehand", "p"]
portfolio1[274]=["images/portfolio239.jpg", "", "hand", "freehand", "l"]
portfolio1[275]=["images/portfolio240.jpg", "", "hand", "freehand", "l"]
portfolio1[276]=["images/portfolio241.jpg", "", "hand", "freehand", "l"]
portfolio1[277]=["images/portfolio242.jpg", "", "hand", "freehand", "l"]
portfolio1[278]=["images/portfolio243.jpg", "", "hand", "freehand", "l"]
portfolio1[279]=["images/portfolio244.jpg", "", "hand", "freehand", "l"]

portfolio1[280]=["images/portfolio245.jpg", "", "hand", "homesketch", "l"]
portfolio1[281]=["images/portfolio246.jpg", "", "hand", "homesketch", "l"]
portfolio1[282]=["images/portfolio247.jpg", "", "hand", "homesketch", "p"]



function preloadImages(imageset){
	if (imageset==1){
		starting=firstPicPhoto;
		ending=lastPicPhoto;
	}else if (imageset==2){
		starting=firstPicDesign;
		ending=lastPicDesign;
	}else if (imageset==3){
		starting=firstPicHand;
		ending=lastPicHand;
	}else{
		starting=0;
		ending=portfolio1.length-1;
	}
	
	for (var i=starting; i<=ending; i++) {
		var picheight;
		var picwidth;
		if (portfolio1[i][4]=="p"){
			picheight=510;
			picwidth=340;
		}else{
			picheight=400;
			picwidth=600;
		}
		
		pics[i]= new Image(picwidth,picheight); 
		pics[i].src=portfolio1[i][0]; 
	}
	//alert('done loading images');
}

function changePic(picnum){
	if (picnum!=curImage){
		setTimeout("fadeOut();",1);
		newSrc=pics[picnum].src;
		newInfo=portfolio1[picnum][1];
		newCat=portfolio1[picnum][2];
		newSubcat=portfolio1[picnum][3];
		newSize=portfolio1[picnum][4];

		if (newCat!=curCat){
			changeCategory(newCat);
		}

		if (newSubcat!=curSubcat){
			changeSubcategory(newSubcat);
		}
		if (newSize!=curSize){
			changePhotoSize();
			curSize=newSize;
		}
		setTimeout("document.getElementById('displayedImg').src = newSrc; document.getElementById('photoinfo').innerHTML = newInfo;",500);
		setTimeout("fadeIn();",600);
		curImage=picnum;
	}
}

function nextPic(){
	var oldCat=curCat;
	var oldSubcat=curSubcat;
	var oldBoxnum=curBoxnum;

	
	var nextPicture=0;
	
	if (curImage==lastPicPhoto){
		nextPicture=firstPicPhoto;
	}else if (curImage==lastPicDesign){
		nextPicture=firstPicDesign;
	}else if (curImage==lastPicHand){
		nextPicture=firstPicHand;
	}else{
		nextPicture=curImage+1;
	}
	
	changePic(nextPicture);
	if (oldCat==curCat && oldSubcat==curSubcat){
		changeLittleBox(curBoxnum+1);
	}
	
}

function changeLittleBox(boxnum){
	document.getElementById('littlebox'+curBoxnum).src="images/littleBox.jpg";
	document.getElementById('littlebox'+boxnum).src="images/littleBoxh.jpg";
	curBoxnum=boxnum;
}

function changeCategory(newCat){
	curCat=newCat;
	if (newCat=='architecture'){
		document.getElementById('sidebarContent1').style.display='block';
		document.getElementById('sidebarContent2').style.display='none';
		document.getElementById('sidebarContent3').style.display='none';
		changeSubcategory('civic');
	}else if (newCat=='adventure'){
		document.getElementById('sidebarContent1').style.display='none';
		document.getElementById('sidebarContent2').style.display='block';
		document.getElementById('sidebarContent3').style.display='none';
		changeSubcategory('asia');
	}else if (newCat=='people'){
		document.getElementById('sidebarContent1').style.display='none';
		document.getElementById('sidebarContent2').style.display='none';
		document.getElementById('sidebarContent3').style.display='block';
		changeSubcategory('SteveHarper');
	}
}

function changeSubcategory(newSubcat){
    var photoCount=0;
	var littleBoxString='<img src="images/spacer.gif" width="5px" />';
	for (var i=0; i<portfolio1.length; i++) {
		//alert(i);
		if (portfolio1[i][3]==newSubcat && portfolio1[i][2]==curCat){
			if (photoCount==0){
				littleBoxString=littleBoxString+'<a href="#" onclick="changePic('+i+'); changeLittleBox('+photoCount+')"><img id="littlebox'+photoCount+'" src="images/littleBoxh.jpg" border="0"/></a> ';
			}
			else{
				littleBoxString=littleBoxString+'<a href="#" onclick="changePic('+i+'); changeLittleBox('+photoCount+')"><img id="littlebox'+photoCount+'" src="images/littleBox.jpg" border="0"/></a> ';
			}
			photoCount=photoCount+1;
		}
    }	
	document.getElementById('littleBoxes').innerHTML = littleBoxString;
	curBoxnum=0;
	
	if (curSubcat=="civic"){document.side01.src="images/sidebarBox01.jpg";}
	else if(curSubcat=="education"){document.side02.src="images/sidebarBox02.jpg";}
	else if(curSubcat=="museum"){document.side03.src="images/sidebarBox03.jpg";}
	else if(curSubcat=="religious"){document.side04.src="images/sidebarBox04.jpg";}
	else if(curSubcat=="private"){document.side05.src="images/sidebarBox05.jpg";}
	else if(curSubcat=="europe"){document.side06.src="images/sidebarBox06.jpg";}
	else if(curSubcat=="greece"){document.side07.src="images/sidebarBox07.jpg";}
	else if(curSubcat=="newyork"){document.side08.src="images/sidebarBox08.jpg";}
	else if(curSubcat=="boston"){document.side09.src="images/sidebarBox09.jpg";}
	else if(curSubcat=="montreal"){document.side10.src="images/sidebarBox10.jpg";}
	else if(curSubcat=="rocky"){document.side11.src="images/sidebarBox11.jpg";}
	else if(curSubcat=="leapsandbounds"){document.side12.src="images/sidebarBox12.jpg";}
	else if(curSubcat=="wedding"){document.side13.src="images/sidebarBox13.jpg";}
	else if(curSubcat=="model"){document.side14.src="images/sidebarBox14.jpg";}
	else if(curSubcat=="tramway"){document.side15.src="images/sidebarBox15.jpg";}
	else if(curSubcat=="UA"){document.side16.src="images/sidebarBox16.jpg";}
	else if(curSubcat=="flower"){document.side17.src="images/sidebarBox17.jpg";}
	else if(curSubcat=="concrete"){document.side18.src="images/sidebarBox18.jpg";}
	else if(curSubcat=="moodbox"){document.side19.src="images/sidebarBox19.jpg";}
	else if(curSubcat=="pavillion"){document.side20.src="images/sidebarBox20.jpg";}
	else if(curSubcat=="cardboardchair"){document.side21.src="images/sidebarBox21.jpg";}
	else if(curSubcat=="shack"){document.side22.src="images/sidebarBox22.jpg";}
	else if(curSubcat=="lookout"){document.side23.src="images/sidebarBox23.jpg";}
	else if(curSubcat=="greecesketch"){document.side24.src="images/sidebarBox24.jpg";}
	else if(curSubcat=="griffintown"){document.side25.src="images/sidebarBox25.jpg";}
	else if(curSubcat=="freehand"){document.side26.src="images/sidebarBox26.jpg";}
	else if(curSubcat=="homesketch"){document.side27.src="images/sidebarBox27.jpg";}
	
	
	if (newSubcat=="civic"){document.side01.src="images/sidebarBox01a.jpg";}
	else if(newSubcat=="education"){document.side02.src="images/sidebarBox02a.jpg";}
	else if(newSubcat=="museum"){document.side03.src="images/sidebarBox03a.jpg";}
	else if(newSubcat=="religious"){document.side04.src="images/sidebarBox04a.jpg";}
	else if(newSubcat=="private"){document.side05.src="images/sidebarBox05a.jpg";}
	else if(newSubcat=="europe"){document.side06.src="images/sidebarBox06a.jpg";}
	else if(newSubcat=="greece"){document.side07.src="images/sidebarBox07a.jpg";}
	else if(newSubcat=="newyork"){document.side08.src="images/sidebarBox08a.jpg";}
	else if(newSubcat=="boston"){document.side09.src="images/sidebarBox09a.jpg";}
	else if(newSubcat=="montreal"){document.side10.src="images/sidebarBox10a.jpg";}
	else if(newSubcat=="rocky"){document.side11.src="images/sidebarBox11a.jpg";}
	else if(newSubcat=="leapsandbounds"){document.side12.src="images/sidebarBox12a.jpg";}
	else if(newSubcat=="wedding"){document.side13.src="images/sidebarBox13a.jpg";}
	else if(newSubcat=="model"){document.side14.src="images/sidebarBox14a.jpg";}
	else if(newSubcat=="tramway"){document.side15.src="images/sidebarBox15a.jpg";}
	else if(newSubcat=="UA"){document.side16.src="images/sidebarBox16a.jpg";}
	else if(newSubcat=="flower"){document.side17.src="images/sidebarBox17a.jpg";}
	else if(newSubcat=="concrete"){document.side18.src="images/sidebarBox18a.jpg";}
	else if(newSubcat=="moodbox"){document.side19.src="images/sidebarBox19a.jpg";}
	else if(newSubcat=="pavillion"){document.side20.src="images/sidebarBox20a.jpg";}
	else if(newSubcat=="cardboardchair"){document.side21.src="images/sidebarBox21a.jpg";}
	else if(newSubcat=="shack"){document.side22.src="images/sidebarBox22a.jpg";}
	else if(newSubcat=="lookout"){document.side23.src="images/sidebarBox23a.jpg";}
	else if(newSubcat=="greecesketch"){document.side24.src="images/sidebarBox24a.jpg";}
	else if(newSubcat=="griffintown"){document.side25.src="images/sidebarBox25a.jpg";}
	else if(newSubcat=="freehand"){document.side26.src="images/sidebarBox26a.jpg";}
	else if(newSubcat=="homesketch"){document.side27.src="images/sidebarBox27a.jpg";}
	
	curSubcat=newSubcat;
}

function changePhotoSize(){
	setTimeout("changewidth();",0);
	setTimeout("changeheight();",0);

}

function changewidth(){
 var q=1;
 if(x>=600&&f==0){f=1;return;}
 if(x<=340&&f==1){f=0;return;}
 if(f)q=-10;if(!f)q=10;x=x+q;
 e=document.getElementById("photobox");
 e.style.width = x + 'px';
  t=setTimeout("changewidth();",0);
}

function changeheight(){
 var q=1;
 if(y>=510&&g==0){g=1;return;}
 if(y<=400&&g==1){g=0;return;}
 if(g)q=-10;if(!g)q=10;y=y+q;y1=y1-q/2;
 e=document.getElementById("photobox");
 e.style.height = y + 'px';
 e.style.top = Math.floor(y1)+'px';
  t=setTimeout("changeheight();",0);
}

function fadeIn() {
    
	
	show('displayedImg');
	setOpacity('displayedImg', 0);
	
	var timer = 0;
    for (var i1=1; i1<=99; i1++) {
		setTimeout("setOpacity('displayedImg',"+i1+");", timer*2);
        timer++;
    }
	setTimeout("setOpacity('displayedImg', 100);", 250);
	
}

function fadeOut() {
    var timer = 0;
    for (var i2=100; i2>=3; i2=i2-3) {
		setTimeout("setOpacity('displayedImg',"+i2+");", timer*2);
        timer++;
    }
    setTimeout("hide('displayedImg')", 250);
}

function setOpacity(eID, opacityLevel) {
    var eStyle = document.getElementById(eID).style;
    eStyle.opacity = opacityLevel / 100;
    eStyle.filter = 'alpha(opacity='+opacityLevel+')';
}

function getElm(eID) {
    return document.getElementById(eID);
}

function show(eID) {
    getElm(eID).style.display='block';
}

function hide(eID) {
    getElm(eID).style.display='none';
}

/***********************************************
* Ultimate Fade-In Slideshow (v1.51): © Dynamic Drive (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/
 
var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]=["images/welcome1.jpg", "photo.html", ""] //plain image syntax
fadeimages[1]=["images/welcome2.jpg", "photo.html", ""] //image with link syntax
fadeimages[2]=["images/welcome3.jpg", "photo.html", ""] //image with link and target syntax
fadeimages[3]=["images/welcome4.jpg", "photo.html", ""] //plain image syntax
fadeimages[4]=["images/welcome5.jpg", "photo.html", ""] //image with link syntax
fadeimages[5]=["images/welcome6.jpg", "photo.html", ""] //plain image syntax
fadeimages[6]=["images/welcome7.jpg", "photo.html", ""] //image with link syntax
fadeimages[7]=["images/welcome8.jpg", "photo.html", ""] //image with link and target syntax
fadeimages[8]=["images/welcome9.jpg", "photo.html", ""] //plain image syntax
fadeimages[9]=["images/welcome10.jpg", "photo.html", ""] //image with link syntax
fadeimages[10]=["images/welcome11.jpg", "photo.html", ""] //plain image syntax
fadeimages[11]=["images/welcome12.jpg", "photo.html", ""] //image with link syntax




var fadeimages2=new Array() //2nd array set example. Remove or add more sets as needed.
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages2[0]=["photo1.jpg", "", ""] //plain image syntax
fadeimages2[1]=["photo2.jpg", "http://www.cssdrive.com", ""] //image with link syntax
fadeimages2[2]=["photo3.jpg", "http://www.javascriptkit.com", "_new"] //image with link and target syntax
 
var fadebgcolor="white"

////NO need to edit beyond here/////////////
 
var fadearray=new Array() //array to cache fadeshow instances
var fadeclear=new Array() //array to cache corresponding clearinterval pointers
 
var dom=(document.getElementById) //modern dom browsers
var iebrowser=document.all
 
function fadeshow(theimages, fadewidth, fadeheight, borderwidth, delay, pause, displayorder){
this.pausecheck=pause
this.mouseovercheck=0
this.delay=delay
this.degree=10 //initial opacity degree (10%)
this.curimageindex=0
this.nextimageindex=1
fadearray[fadearray.length]=this
this.slideshowid=fadearray.length-1
this.canvasbase="canvas"+this.slideshowid
this.curcanvas=this.canvasbase+"_0"
if (typeof displayorder!="undefined")
theimages.sort(function() {return 0.5 - Math.random();}) //thanks to Mike (aka Mwinter) :)
this.theimages=theimages
this.imageborder=parseInt(borderwidth)
this.postimages=new Array() //preload images
for (p=0;p<theimages.length;p++){
this.postimages[p]=new Image()
this.postimages[p].src=theimages[p][0]
}
 
var fadewidth=fadewidth+this.imageborder*2
var fadeheight=fadeheight+this.imageborder*2
 
if (iebrowser&&dom||dom) //if IE5+ or modern browsers (ie: Firefox)
document.write('<div id="master'+this.slideshowid+'" style="position:relative;width:'+fadewidth+'px;height:'+fadeheight+'px;overflow:hidden;"><div id="'+this.canvasbase+'_0" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div><div id="'+this.canvasbase+'_1" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div></div>')
else
document.write('<div><img name="defaultslide'+this.slideshowid+'" src="'+this.postimages[0].src+'"></div>')
 
if (iebrowser&&dom||dom) //if IE5+ or modern browsers such as Firefox
this.startit()
else{
this.curimageindex++
setInterval("fadearray["+this.slideshowid+"].rotateimage()", this.delay)
}
}

function fadepic(obj){
if (obj.degree<100){
obj.degree+=10
if (obj.tempobj.filters&&obj.tempobj.filters[0]){
if (typeof obj.tempobj.filters[0].opacity=="number") //if IE6+
obj.tempobj.filters[0].opacity=obj.degree
else //else if IE5.5-
obj.tempobj.style.filter="alpha(opacity="+obj.degree+")"
}
else if (obj.tempobj.style.MozOpacity)
obj.tempobj.style.MozOpacity=obj.degree/101
else if (obj.tempobj.style.KhtmlOpacity)
obj.tempobj.style.KhtmlOpacity=obj.degree/100
else if (obj.tempobj.style.opacity&&!obj.tempobj.filters)
obj.tempobj.style.opacity=obj.degree/101
}
else{
clearInterval(fadeclear[obj.slideshowid])
obj.nextcanvas=(obj.curcanvas==obj.canvasbase+"_0")? obj.canvasbase+"_0" : obj.canvasbase+"_1"
obj.tempobj=iebrowser? iebrowser[obj.nextcanvas] : document.getElementById(obj.nextcanvas)
obj.populateslide(obj.tempobj, obj.nextimageindex)
obj.nextimageindex=(obj.nextimageindex<obj.postimages.length-1)? obj.nextimageindex+1 : 0
setTimeout("fadearray["+obj.slideshowid+"].rotateimage()", obj.delay)
}
}
 
fadeshow.prototype.populateslide=function(picobj, picindex){
var slideHTML=""
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML='<a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">'
slideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px">'
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML+='</a>'
picobj.innerHTML=slideHTML
}
 
 
fadeshow.prototype.rotateimage=function(){
if (this.pausecheck==1) //if pause onMouseover enabled, cache object
var cacheobj=this
if (this.mouseovercheck==1)
setTimeout(function(){cacheobj.rotateimage()}, 100)
else if (iebrowser&&dom||dom){
this.resetit()
var crossobj=this.tempobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
crossobj.style.zIndex++
fadeclear[this.slideshowid]=setInterval("fadepic(fadearray["+this.slideshowid+"])",50)
this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0"
}
else{
var ns4imgobj=document.images['defaultslide'+this.slideshowid]
ns4imgobj.src=this.postimages[this.curimageindex].src
}
this.curimageindex=(this.curimageindex<this.postimages.length-1)? this.curimageindex+1 : 0
}
 
fadeshow.prototype.resetit=function(){
this.degree=10
var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
if (crossobj.filters&&crossobj.filters[0]){
if (typeof crossobj.filters[0].opacity=="number") //if IE6+
crossobj.filters(0).opacity=this.degree
else //else if IE5.5-
crossobj.style.filter="alpha(opacity="+this.degree+")"
}
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=this.degree/101
else if (crossobj.style.KhtmlOpacity)
crossobj.style.KhtmlOpacity=this.degree/100
else if (crossobj.style.opacity&&!crossobj.filters)
crossobj.style.opacity=this.degree/101
}
 
 
fadeshow.prototype.startit=function(){
var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
this.populateslide(crossobj, this.curimageindex)
if (this.pausecheck==1){ //IF SLIDESHOW SHOULD PAUSE ONMOUSEOVER
var cacheobj=this
var crossobjcontainer=iebrowser? iebrowser["master"+this.slideshowid] : document.getElementById("master"+this.slideshowid)
crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=1}
crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0}
}
this.rotateimage()
}


function naviconout(navimgnum){
if (navimgnum==1) document.nav1.src="images/nav1.jpg";
else if (navimgnum==2) document.nav2.src="images/nav2.jpg";
else if (navimgnum==3) document.nav3.src="images/nav3.jpg";
else if (navimgnum==4) document.nav4.src="images/nav4.jpg";
else if (navimgnum==5) document.nav5.src="images/nav5.jpg";
else if (navimgnum==6) document.nav6.src="images/nav6.jpg";
else if (navimgnum==7) document.nav7.src="images/nav7.jpg";
else if (navimgnum==8) document.nav8.src="images/nav8.jpg";
}

function naviconovr(navimgnum){
if (navimgnum==1) document.nav1.src="images/nav1h.jpg";
else if (navimgnum==2) document.nav2.src="images/nav2h.jpg";
else if (navimgnum==3) document.nav3.src="images/nav3h.jpg";
else if (navimgnum==4) document.nav4.src="images/nav4h.jpg";
else if (navimgnum==5) document.nav5.src="images/nav5h.jpg";
else if (navimgnum==6) document.nav6.src="images/nav6h.jpg";
else if (navimgnum==7) document.nav7.src="images/nav7h.jpg";
else if (navimgnum==8) document.nav8.src="images/nav8h.jpg";
}

function sideiconout(navimgnum){
if (navimgnum==1) {if (curSubcat=="civic"){document.side01.src="images/sidebarBox01a.jpg";}else{document.side01.src="images/sidebarBox01.jpg";}}
else if (navimgnum==2) {if (curSubcat=="education"){document.side02.src="images/sidebarBox02a.jpg";}else{document.side02.src="images/sidebarBox02.jpg";}}
else if (navimgnum==3) {if (curSubcat=="museum"){document.side03.src="images/sidebarBox03a.jpg";}else{document.side03.src="images/sidebarBox03.jpg";}}
else if (navimgnum==4) {if (curSubcat=="religious"){document.side04.src="images/sidebarBox04a.jpg";}else{document.side04.src="images/sidebarBox04.jpg";}}
else if (navimgnum==5) {if (curSubcat=="private"){document.side05.src="images/sidebarBox05a.jpg";}else{document.side05.src="images/sidebarBox05.jpg";}}
else if (navimgnum==6) {if (curSubcat=="europe"){document.side06.src="images/sidebarBox06a.jpg";}else{document.side06.src="images/sidebarBox06.jpg";}}
else if (navimgnum==7) {if (curSubcat=="greece"){document.side07.src="images/sidebarBox07a.jpg";}else{document.side07.src="images/sidebarBox07.jpg";}}
else if (navimgnum==8) {if (curSubcat=="newyork"){document.side08.src="images/sidebarBox08a.jpg";}else{document.side08.src="images/sidebarBox08.jpg";}}
else if (navimgnum==9) {if (curSubcat=="boston"){document.side09.src="images/sidebarBox09a.jpg";}else{document.side09.src="images/sidebarBox09.jpg";}}
else if (navimgnum==10) {if (curSubcat=="montreal"){document.side10.src="images/sidebarBox10a.jpg";}else{document.side10.src="images/sidebarBox10.jpg";}}
else if (navimgnum==11) {if (curSubcat=="rocky"){document.side11.src="images/sidebarBox11a.jpg";}else{document.side11.src="images/sidebarBox11.jpg";}}
else if (navimgnum==12) {if (curSubcat=="leapsandbounds"){document.side12.src="images/sidebarBox12a.jpg";}else{document.side12.src="images/sidebarBox12.jpg";}}
else if (navimgnum==13) {if (curSubcat=="wedding"){document.side13.src="images/sidebarBox13a.jpg";}else{document.side13.src="images/sidebarBox13.jpg";}}
else if (navimgnum==14) {if (curSubcat=="model"){document.side14.src="images/sidebarBox14a.jpg";}else{document.side14.src="images/sidebarBox14.jpg";}}
else if (navimgnum==15) {if (curSubcat=="tramway"){document.side15.src="images/sidebarBox15a.jpg";}else{document.side15.src="images/sidebarBox15.jpg";}}
else if (navimgnum==16) {if (curSubcat=="UA"){document.side16.src="images/sidebarBox16a.jpg";}else{document.side16.src="images/sidebarBox16.jpg";}}
else if (navimgnum==17) {if (curSubcat=="flower"){document.side17.src="images/sidebarBox17a.jpg";}else{document.side17.src="images/sidebarBox17.jpg";}}
else if (navimgnum==18) {if (curSubcat=="concrete"){document.side18.src="images/sidebarBox18a.jpg";}else{document.side18.src="images/sidebarBox18.jpg";}}
else if (navimgnum==19) {if (curSubcat=="moodbox"){document.side19.src="images/sidebarBox19a.jpg";}else{document.side19.src="images/sidebarBox19.jpg";}}
else if (navimgnum==20) {if (curSubcat=="pavillion"){document.side20.src="images/sidebarBox20a.jpg";}else{document.side20.src="images/sidebarBox20.jpg";}}
else if (navimgnum==21) {if (curSubcat=="cardboardchair"){document.side21.src="images/sidebarBox21a.jpg";}else{document.side21.src="images/sidebarBox21.jpg";}}
else if (navimgnum==22) {if (curSubcat=="shack"){document.side22.src="images/sidebarBox22a.jpg";}else{document.side22.src="images/sidebarBox22.jpg";}}
else if (navimgnum==23) {if (curSubcat=="lookout"){document.side23.src="images/sidebarBox23a.jpg";}else{document.side23.src="images/sidebarBox23.jpg";}}
else if (navimgnum==24) {if (curSubcat=="greecesketch"){document.side24.src="images/sidebarBox24a.jpg";}else{document.side24.src="images/sidebarBox24.jpg";}}
else if (navimgnum==25) {if (curSubcat=="griffintown"){document.side25.src="images/sidebarBox25a.jpg";}else{document.side25.src="images/sidebarBox25.jpg";}}
else if (navimgnum==26) {if (curSubcat=="freehand"){document.side26.src="images/sidebarBox26a.jpg";}else{document.side26.src="images/sidebarBox26.jpg";}}
else if (navimgnum==27) {if (curSubcat=="homesketch"){document.side27.src="images/sidebarBox27a.jpg";}else{document.side27.src="images/sidebarBox27.jpg";}}
}

function sideiconovr(navimgnum){
if (navimgnum==1) document.side01.src="images/sidebarBox01h.jpg";
else if (navimgnum==2) document.side02.src="images/sidebarBox02h.jpg";
else if (navimgnum==3) document.side03.src="images/sidebarBox03h.jpg";
else if (navimgnum==4) document.side04.src="images/sidebarBox04h.jpg";
else if (navimgnum==5) document.side05.src="images/sidebarBox05h.jpg";
else if (navimgnum==6) document.side06.src="images/sidebarBox06h.jpg";
else if (navimgnum==7) document.side07.src="images/sidebarBox07h.jpg";
else if (navimgnum==8) document.side08.src="images/sidebarBox08h.jpg";
else if (navimgnum==9) document.side09.src="images/sidebarBox09h.jpg";
else if (navimgnum==10) document.side10.src="images/sidebarBox10h.jpg";
else if (navimgnum==11) document.side11.src="images/sidebarBox11h.jpg";
else if (navimgnum==12) document.side12.src="images/sidebarBox12h.jpg";
else if (navimgnum==13) document.side13.src="images/sidebarBox13h.jpg";
else if (navimgnum==14) document.side14.src="images/sidebarBox14h.jpg";
else if (navimgnum==15) document.side15.src="images/sidebarBox15h.jpg";
else if (navimgnum==16) document.side16.src="images/sidebarBox16h.jpg";
else if (navimgnum==17) document.side17.src="images/sidebarBox17h.jpg";
else if (navimgnum==18) document.side18.src="images/sidebarBox18h.jpg";
else if (navimgnum==19) document.side19.src="images/sidebarBox19h.jpg";
else if (navimgnum==20) document.side20.src="images/sidebarBox20h.jpg";
else if (navimgnum==21) document.side21.src="images/sidebarBox21h.jpg";
else if (navimgnum==22) document.side22.src="images/sidebarBox22h.jpg";
else if (navimgnum==23) document.side23.src="images/sidebarBox23h.jpg";
else if (navimgnum==24) document.side24.src="images/sidebarBox24h.jpg";
else if (navimgnum==25) document.side25.src="images/sidebarBox25h.jpg";
else if (navimgnum==26) document.side26.src="images/sidebarBox26h.jpg";
else if (navimgnum==27) document.side27.src="images/sidebarBox27h.jpg";

}





var pics=new Array();
if (document.images){
	//preloading nav pics
	Image1= new Image(179,28); Image1.src = "images/headerLogo.jpg";
	Image2 = new Image(89,28); Image2.src = "images/nav1.jpg";
	Image3 = new Image(86,28); Image3.src = "images/nav2.jpg";
	Image4 = new Image(86,28); Image4.src = "images/nav3.jpg";
	Image5 = new Image(88,28); Image5.src = "images/nav4.jpg";
	Image6 = new Image(82,28); Image6.src = "images/nav5.jpg";
	Image2h = new Image(89,28); Image2h.src = "images/nav1h.jpg";
	Image3h = new Image(86,28); Image3h.src = "images/nav2h.jpg";
	Image4h = new Image(86,28); Image4h.src = "images/nav3h.jpg";
	Image5h = new Image(88,28); Image5h.src = "images/nav4h.jpg";
	Image6h = new Image(82,28); Image6h.src = "images/nav5h.jpg";

	//preloading welcome pics
	WelcomeImage1 = new Image(780,300); WelcomeImage1.src = "images/welcome1.jpg";
	WelcomeImage2 = new Image(780,300); WelcomeImage2.src = "images/welcome2.jpg";
	WelcomeImage3 = new Image(780,300); WelcomeImage3.src = "images/welcome3.jpg";
	WelcomeImage4 = new Image(780,300); WelcomeImage4.src = "images/welcome4.jpg";
	WelcomeImage5 = new Image(780,300); WelcomeImage5.src = "images/welcome5.jpg";
	WelcomeImage6 = new Image(780,300); WelcomeImage6.src = "images/welcome6.jpg";
	WelcomeImage7 = new Image(780,300); WelcomeImage7.src = "images/welcome7.jpg";
	WelcomeImage8 = new Image(780,300); WelcomeImage8.src = "images/welcome8.jpg";
	WelcomeImage9 = new Image(780,300); WelcomeImage9.src = "images/welcome9.jpg";
	WelcomeImage10 = new Image(780,300); WelcomeImage10.src = "images/welcome10.jpg";
	WelcomeImage11 = new Image(780,300); WelcomeImage11.src = "images/welcome11.jpg";
	WelcomeImage12 = new Image(780,300); WelcomeImage12.src = "images/welcome12.jpg";
	WelcomeImage13 = new Image(780,300); WelcomeImage13.src = "images/welcome13.jpg";
	WelcomeImage14 = new Image(780,300); WelcomeImage14.src = "images/welcome14.jpg";

	//preloading littlebox images
	Littlebox = new Image(14,14); Littlebox.src = "images/littleBox.jpg";
	Littleboxh = new Image(14,14); Littleboxh.src = "images/littleBoxh.jpg";

	//preloading sidebarnavs
	SidebarNav1 = new Image(145,23); SidebarNav1.src = "images/sidebarBox01.jpg";
	SidebarNav2 = new Image(145,23); SidebarNav2.src = "images/sidebarBox02.jpg";
	SidebarNav3 = new Image(145,23); SidebarNav3.src = "images/sidebarBox03.jpg";
	SidebarNav4 = new Image(145,23); SidebarNav4.src = "images/sidebarBox04.jpg";
	SidebarNav5 = new Image(145,23); SidebarNav5.src = "images/sidebarBox05.jpg";
	SidebarNav6 = new Image(145,23); SidebarNav6.src = "images/sidebarBox06.jpg";
	SidebarNav7 = new Image(145,23); SidebarNav7.src = "images/sidebarBox07.jpg";
	SidebarNav8 = new Image(145,23); SidebarNav8.src = "images/sidebarBox08.jpg";
	SidebarNav9 = new Image(145,23); SidebarNav9.src = "images/sidebarBox09.jpg";
	SidebarNav10 = new Image(145,23); SidebarNav10.src = "images/sidebarBox10.jpg";
	SidebarNav11 = new Image(145,23); SidebarNav11.src = "images/sidebarBox11.jpg";
	SidebarNav12 = new Image(145,23); SidebarNav12.src = "images/sidebarBox12.jpg";
	SidebarNav13 = new Image(145,23); SidebarNav13.src = "images/sidebarBox13.jpg";
	SidebarNav14 = new Image(145,23); SidebarNav14.src = "images/sidebarBox14.jpg";
	SidebarNav15 = new Image(145,23); SidebarNav15.src = "images/sidebarBox15.jpg";
	SidebarNav16 = new Image(145,23); SidebarNav16.src = "images/sidebarBox16.jpg";
	SidebarNav17 = new Image(145,23); SidebarNav17.src = "images/sidebarBox17.jpg";
	SidebarNav18 = new Image(145,23); SidebarNav18.src = "images/sidebarBox18.jpg";
	SidebarNav19 = new Image(145,23); SidebarNav19.src = "images/sidebarBox19.jpg";
	SidebarNav20 = new Image(145,23); SidebarNav20.src = "images/sidebarBox20.jpg";
	SidebarNav21 = new Image(145,23); SidebarNav21.src = "images/sidebarBox21.jpg";
	SidebarNav22 = new Image(145,23); SidebarNav22.src = "images/sidebarBox22.jpg";
	SidebarNav23 = new Image(145,23); SidebarNav23.src = "images/sidebarBox23.jpg";
	SidebarNav24 = new Image(145,23); SidebarNav24.src = "images/sidebarBox24.jpg";
	SidebarNav25 = new Image(145,23); SidebarNav25.src = "images/sidebarBox25.jpg";
	SidebarNav26 = new Image(145,23); SidebarNav26.src = "images/sidebarBox26.jpg";
	SidebarNav27 = new Image(145,23); SidebarNav27.src = "images/sidebarBox27.jpg";

	SidebarNav1h = new Image(145,23); SidebarNav1h.src = "images/sidebarBox01h.jpg";
	SidebarNav2h = new Image(145,23); SidebarNav2h.src = "images/sidebarBox02h.jpg";
	SidebarNav3h = new Image(145,23); SidebarNav3h.src = "images/sidebarBox03h.jpg";
	SidebarNav4h = new Image(145,23); SidebarNav4h.src = "images/sidebarBox04h.jpg";
	SidebarNav5h = new Image(145,23); SidebarNav5h.src = "images/sidebarBox05h.jpg";
	SidebarNav6h = new Image(145,23); SidebarNav6h.src = "images/sidebarBox06h.jpg";
	SidebarNav7h = new Image(145,23); SidebarNav7h.src = "images/sidebarBox07h.jpg";
	SidebarNav8h = new Image(145,23); SidebarNav8h.src = "images/sidebarBox08h.jpg";
	SidebarNav9h = new Image(145,23); SidebarNav9h.src = "images/sidebarBox09h.jpg";
	SidebarNav10h = new Image(145,23); SidebarNav10h.src = "images/sidebarBox10h.jpg";
	SidebarNav11h = new Image(145,23); SidebarNav11h.src = "images/sidebarBox11h.jpg";
	SidebarNav12h = new Image(145,23); SidebarNav12h.src = "images/sidebarBox12h.jpg";
	SidebarNav13h = new Image(145,23); SidebarNav13h.src = "images/sidebarBox13h.jpg";
	SidebarNav14h = new Image(145,23); SidebarNav14h.src = "images/sidebarBox14h.jpg";
	SidebarNav15h = new Image(145,23); SidebarNav15h.src = "images/sidebarBox15h.jpg";
	SidebarNav16h = new Image(145,23); SidebarNav16h.src = "images/sidebarBox16h.jpg";
	SidebarNav17h = new Image(145,23); SidebarNav17h.src = "images/sidebarBox17h.jpg";
	SidebarNav18h = new Image(145,23); SidebarNav18h.src = "images/sidebarBox18h.jpg";
	SidebarNav19h = new Image(145,23); SidebarNav19h.src = "images/sidebarBox19h.jpg";
	SidebarNav20h = new Image(145,23); SidebarNav20h.src = "images/sidebarBox20h.jpg";
	SidebarNav21h = new Image(145,23); SidebarNav21h.src = "images/sidebarBox21h.jpg";
	SidebarNav22h = new Image(145,23); SidebarNav22h.src = "images/sidebarBox22h.jpg";
	SidebarNav23h = new Image(145,23); SidebarNav23h.src = "images/sidebarBox23h.jpg";
	SidebarNav24h = new Image(145,23); SidebarNav24h.src = "images/sidebarBox24h.jpg";
	SidebarNav25h = new Image(145,23); SidebarNav25h.src = "images/sidebarBox25h.jpg";
	SidebarNav26h = new Image(145,23); SidebarNav26h.src = "images/sidebarBox26h.jpg";
	SidebarNav27h = new Image(145,23); SidebarNav27h.src = "images/sidebarBox27h.jpg";


	//preloading sidebar headers
	Image19 = new Image(90,15); Image19.src = "images/sidebarArchitecture.jpg";
	Image20 = new Image(90,15); Image20.src = "images/sidebarAdventures.jpg";
	Image21 = new Image(90,15); Image21.src = "images/sidebarPeople.jpg";
	Image22 = new Image(90,15); Image22.src = "images/sidebarOther.jpg";
	Image23 = new Image(90,15); Image23.src = "images/sidebarOther.jpg";
	Image24 = new Image(90,15); Image24.src = "images/sidebarOther.jpg";

	if (curImage==-1){
		preloadImages(1);
	}
	else if (curImage==-2){
		preloadImages(2);
	}
	else if (curImage==-3){
		preloadImages(3);
	}
	else{
		preloadImages(0);
	}
	//alert('done loading images');

}