/* COPYRIGHT 2009 FRESH FRAME MEDIA */ ////################################################################################################ ////########## PROJECTS ############################################################################ ////################################################################################################ // tag data var prj_tag_data = new Array( new Array("all", "All Projects"), new Array("com", "Commercial"), new Array("res", "Residential"), new Array("ins", "Institutional"), new Array("ind", "Industrial / Utility"), new Array("cmt", "Community"), new Array("leed", "LEED®"), new Array("civ", "Civil Engineering"), new Array("hp", "High Performance"), new Array("geo", "Geothermal"), new Array("sol", "Solar"), new Array("db", "Design Build / CM"), new Array("ret", "Retrofit / TI"), new Array("es", "Energy Storage"), new Array("de", "District Energy"), new Array("em", "Energy Modeling"), new Array("nz", "Net Zero") ); // tag data (top) var prj_tag_data_top = new Array("all", "com", "res", "ins", "ind", "cmt"); // thumb data var prj_thumb_data = new Array( new Array( "all,com,geo,sol", "project_01.jpg", "Leadership in car design requires leadership in car dealership design.", "This elegant flagship car dealership is worthy of efficient, yet uncompromising mechanical systems. An expansive two-storey feature wall enclosing the South side of the showroom gallery causes significant heating and cooling loads. Other spaces comprising the 25,500 ft2 facility include offices, locker rooms, a cafe, part storage, and a fourteen bay service area. The design solution boasts fourteen separate zones served by a forty-eight hole geothermal system complete with in-slab, radiant heating and cooling. Fan coils in the ceiling space ensure proper ventilation and occupant comfort. All three air handling units on the roof are all equipped with heat recovery, and thirty-six solar thermal collectors heat cold outdoor air to reduce natural gas consumption. The result is an estimated sixty-four ton reduction in annual greenhouse gas emissions. The federal government's Accelerated Capital Cost Allowance, which lets businesses depreciate the value of green systems quicker than traditional elements, justified the extra costs of geothermal." ), new Array( "all,com,leed,hp,db,ret", "project_02.jpg", "Our corporate office is an example of using sustainable building materials.", "This 2,200 ft2 project pursued a LEED® Silver rating through the LEED® Commercial Interiors (LEED® CI) rating system. This space not only allowed Vital Engineering to expand its operations but it also serves to be a living demonstration of technologies and materials that promote a more comfortable and sustainable building environment. The space layout was designed with special attention given to day lighting and occupant comfort; only low emitting materials were chosen for new office furnishings, flooring and interior finishes. Each interior office features high efficiency lighting with occupancy sensors while open work areas with exterior windows also feature photocell controls to compensate for day-lighting conditions. Uniquely, Vital Engineering Coordinated all aspects of the LEED® process, not just the mechanical items, providing the project team with an Owner's perspective on the process." ), new Array( "all,com,leed,hp,geo,sol,em,nz", "project_03.jpg", "The ACA exemplifies leadership in conservation by adopting a high performance design, targeted for net-zero energy use, and even recovers storm water.", "This 13,000 ft2 office building located in Lethbridge, Alberta will serve as the new head office for the Alberta Conservation Association. With a goal of achieving Net Zero Energy usage, as well as a LEED® Gold rating, numerous sustainable strategies are implemented in the building. The building will utilize a geothermal system to provide all the heating and cooling for the building as well as an energy recovery ventilator and a solar wall to treat outside air. Enhanced thermal comfort will be achieved with the use of an in-slab heating and cooling system with a dedicated ventilation system. The building will create most of its energy on site with the use of multiple wind turbines as well as a 8-10kW PV array on the roof. Other sustainable strategies include harvesting rainwater from the roof to reduce the amount of water used for sewage conveyance." ), new Array( "all,cmt,geo,ret", "project_04.jpg", "Elegant, classical architecture from the turn of last century integrated with high performance technology will keep this building relevant until well into this next century.", "This historical courthouse was originally built in the late 1800's and restored in 1906, then again in 2008 with two new glass additions. Replacing the old coal fired boiler plant was a 50 hole vertical bore field and geothermal heat pump system that delivered hot and cold water simultaneously to distributed 4 pipe fan coil systems and the original restored radiators." ), new Array( "all,com,civ,geo", "project_05.jpg", "The geothermal system for this project demonstrates its usefulness for large commercial spaces.", "On 94th Street and 51st Avenue in Edmonton Alberta is a 210,000 square foot business park development. Vital Engineering provided the Site Civil and Mechanical Engineering Services to Guild Properties. The project consists of three 3-storey Office Warehouse buildings and a single four storey Office Building. A single level underground parkade occupies nearly 1/3 of the site area under the four storey Office Building and interconnects with one of the Office Warehouse buildings. Vital worked closely with the City of Edmonton Drainage Department to coordinate a very complex service tie-in in 51st Avenue. Grading was challenging due to a long and narrow site with Warehouse access requirements. The heating and cooling source for all four buildings is provided through an Earth Energy System consisting of 320 - 250 ft deep boreholes located strategically on the site. The building systems consist of a series of interconnected low temperature water loops and extended range water source heat pumps. Occupant air is being provided by a dedicated outside air system that uses the heat in the waste air from washrooms and other areas to preheat the outside air at winter design conditions. It also recovers cooling during summer conditions from the same sources to temper the warm summer fresh air. Some impacts to the Architectural elements included; small Mechanical Rooms, one roof penetration per building for ventilation systems, quiet operation, minimal ceiling space requirement, an insignificant amount of vertical shafting through the floors adding to the overall floor space." ), new Array( "all,ins,leed,hp,geo,sol", "project_06.jpg", "Public service buildings situated in a park should blend into the surroundings. These buildings interface extensively with the environment to reduce energy consumption while still providing excellent amenities for visitors.", "These new buildings are a replacement to the existing shelters that have been accommodating users of the Whitemud Park toboggan hill, all year Edmonton Catholic Schools' and City of Edmonton's summer day camp programs. The Amenities building simply includes a barrier-free washroom and vestibule, which provides users with accessible washrooms, drinking water, changing areas and basic shelter for the trail and park/picnic areas. The Trailhead building hosts two activity rooms, storage, barrier-free washrooms as well as a warm-up area. Buildings are designed to meet a minimum LEED® Silver rating. The Amenities building features extremely high performance envelope, passive geothermal heating, solar PV as well as waterless urinals and other high performance fixtures. The Amenities building is designed to be \"off-grid\" and to be a model for future remote installations of an identical building. The Trailhead building features 13 geothermal holes connected in a primary/secondary system to three two-stage heat pumps, including VFD controlled pumps, domestic hot water heating via two desuperheaters, as well as high performance plumbing fixtures." ), new Array( "all,com,civ,geo,sol,db,es", "project_07.jpg", "Local owners recognize that the expected lifetime benefits for this building's advanced energy design will pay off the additional cost many times over.", "As knowledge and interest grows for environmentally responsible designs, individual building owners are requesting high performance mechanical systems for their buildings on an increasing basis. This 20,000 ft2 combined office and shop building for an Edmonton business owner combines a geothermal heating and cooling system with a transpired solar collector for ventilation preheat. Integrating these two systems ensures occupant comfort while providing substantially reduced utility costs on an on-going basis." ), new Array( "all,ind,leed,hp,geo,sol", "project_08.jpg", "Excess energy from one process is used to power another and geothermal ties them together.", "There are several steps required before grain off a farmers truck becomes fuel fit for an engine. The processing of biodiesel requires some high energy inputs like steam but also has stages of cooling. To minimize the process energy required, mechanisms for efficient energy transfer will be used in a way that heating and cooling are not separate energy intensive events, but rather two sides of a complementary process. Proven technology like heat recovery ventilators (HRV) will also be used in the facility. These units transfer the heat from warm, building exhaust air to the incoming fresh air. In a process space with lots of heat radiating off the equipment, an HRV will be most effective on the coldest days of Canola meal drying Energy transfer will be accomplished by a network of pipes linking buildings and processes together. This will be integrated into the geothermal field, which is very well suited to be an energy source or sink in such a system." ), new Array( "all,ins,leed,hp,geo,db", "project_09.jpg", "Environmentally sensitive environments require leading edge designs to ensure occupancy comfort, even if those occupying the space are not human.", "The Enmax Conservatory at the Calgary Zoo required careful climate control for their facility as well as a target for leadership in energy use, exemplifying the concept of \"conservatory\". Vital Engineering designed a geothermal heating and cooling system. The system is sized to provide 420 Mbh of cooling to the building using two, six inch injection wells and one rejection well. Each injection well will include a 4\" high flow submersible pump providing 90 USGPM each (180 USGPM total) of water to a heat exchanger in the building. This part of the project supports the overall goal of a LEED® Platinum certification. To achieve this, all aspects of design had to be carefully integrated through the design process. Vital Engineering worked with other consultants to realize this target." ), new Array( "all,res,leed,hp,geo,sol,em,nz", "project_10.jpg", "Affordable housing can be accomplished while still using advanced energy systems when alternative funding can overcome the upfront additional costs.", "An intelligent integration of existing technologies and control strategies will make this 29 suite apartment a net zero energy building. Located in an affordable housing community in Edmonton, Alberta energy efficiency does not come at the expense of comfort. Starting with a well insulated, air-tight envelope complete with large triple-glazed south facing windows, passive solar gains are maximized and heat loss is minimized. Low flow, low temperature radiators efficiently heat the spaces while flat plate solar thermal collectors provide domestic hot water heating. Excess hot water in the summer is circulated through the geothermal borefield to improve the efficiency of the geothermal system. Natural and demand controlled ventilation along with heat recovery greatly reduce energy for conditioning and distributing fresh air to the spaces. The grid-tied solar PV system, including some modules mounted on the south balconies that provide shading from the hot summer sun, offsets the yearly energy use making this building the first of its kind in Canada." ), new Array( "all,ins,civ,hp,sol", "project_11.jpg", "This project demonstrates effective hybridization of traditional and alternative energy design. When done in a complimentary manner, energy consumption is reduced without adding excessive capital cost.", "The Legion was required to relocate to a new building to accommodate city development. The new building had to meet very specific targets for performance and cost. The Legion required a proficient and experienced engineering team to design and oversee the construction of the new facility. Vital Engineering designed an in-kind replacement from the existing system and has been carefully managing the progress of the installation. Vital has also played a key role in communicating between the City of Edmonton, who financed the relocation, and the Legion." ), new Array( "all,com,hp,geo,em", "project_12.jpg", "Advanced energy modeling justifies project economics by giving developers another tool to evaluate the merits of design.", "This proposed multi high-rise development consists of a new 22 storey office warehouse, a 40 storey and 32 storey residential towers. Vital Engineering was retained to provide a detailed feasibility and cost analysis for an Earth Energy System. We undertook a detailed analysis that reviewed costs and performance issues associated with open and closed loop geothermal systems as well integrated solar systems for water heating and loop charging. An analysis of the geology and area-specific water well / soil data concluded that an Earth Energy System was not only viable, but would have an equal or lower first cost than a traditional heating/cooling system. In our study, we provided information on new tax initiatives that were introduced in the March 2007 federal budget that had a significant impact on the cost base and the client's ability to write off the engineering and installation of the Earth Energy System under the accelerated capital cost allowance program. Subsequent to this study, Vital Engineering was retained to provide a detailed energy use simulation and comparative analysis for four different scenarios. This analysis is being used as a practical tool to generate energy use budgets and provide economic justification for high performance building initiatives such as improved envelope, chilled beam cooling systems and geothermal plant systems." ), new Array( "all,ins,leed,hp,geo,em", "project_13.jpg", "Using advanced design concepts to maximize comfort and economy facilitates animal care and reduces stress on human caregivers.", "Located in northwest Edmonton as part of a campus style site with the Edmonton Humane Society; this new building will serve the public with regards to licensing, collection of strays and processing of lost and found animals. This 26,400 ft2 single storey building is targeting a LEED® Silver rating and is proposed to implement geothermal heating and cooling, in-floor heating and cooling, heat recovery. Strategic location of windows, skylights and clerestory windows help to achieve day lighting for humans and animals without direct visual contact with the outside. This building presents a unique challenge in regards to striving for energy efficiency and maintaining comfort for both animals and humans." ), new Array( "all,res,civ,hp,geo,sol", "project_14.jpg", "Exemplary adoption of advanced concepts in every facet of residential design, this house is a showcase for the best of modern living.", "The beautiful architecture of this home brought with it some unique design challenges and opportunities. The sweeping, near-horizontal roof and underground storage system can collect enough rainwater to displace 115 000 L of municipally treated water every year. Ten boreholes 300 ft deep make-up the geothermal field that is coupled with heat pumps distributed around the 6600 ft2 home. This provides all the heating and cooling necessary for the seven individually controlled zones, even with the distinctive demands that result from spaces varying from a wine cellar to a glass-walled interior courtyard." ), new Array( "all,com,ind,leed,hp,geo,sol,de,em,nz", "project_15.jpg", "Nationally recognized sustainable community attempts to rejuvenate the neighborhood and serve as an alternative energy hub, advancing sustainability even beyond its borders.", "Already recognized by the Canadian Urban Institute with a Brownie Award for Brownfield Development, Station Pointe is a redevelopment of the historic Fort Road Old Town area in Edmonton, Alberta. Phase I of the project is a mixed-use development where people can live, work, shop, and attend community events and programs. The design will include rainwater harvesting, on-site biological water treatment, natural ventilation, passive solar, solar thermal and solar PV, heat recovery, and efficient control strategies. A district energy system will have the potential of energy sharing with future phases of the project and with neighboring industries. Station Pointe is targeting net zero energy use and is located next to a Light Rail Rapid Transit (LRT) Station and bus terminal making it the new exemplary model for sustainable living." ), new Array( "all,com,db,ret", "project_16.jpg", "High end tenant improvement demonstrates Vital's capabilities in renovating commercial interiors.", "This high-end, image conscious client was renovating an existing tenant space. Vital worked within these detailed architectural guidelines, managing construction and installation of design elements and mechanical and electrical systems." ), new Array( "all,com,ind,geo,db", "project_17.jpg", "Warehouse and office for natural gas company looks to reduce natural gas consumption by adopting geothermal energy for heating and cooling.", "Even natural gas suppliers are conscious of energy use, and ATCO Gas wanted to reduce natural gas consumption for this new office building. Vital designed a geothermal system for heating and cooling. This project is a classic example of using a low intensity source (geothermal) to provide heating and cooling for various zones. The smart design transfers energy between spaces as effectively as possible, before drawing on outside energy from the geothermal field. Vital was the principle contractor responsible for design and construction administration. The building effectively blends contemporary construction methods with a progressive energy system. As a major industry playing, ATCO is conscious of costs and applying best practices to project management. This office design minimizes construction costs and reduces operating costs over time." ), new Array( "all,ins,civ", "project_18.jpg", "Civil engineering for a seniors home provided redesigned site services for a renovated building.", "This challenging renovation sought to convert a school into an elder care facility and included a major expansion to the existing building. Vital had to review and revise the stormwater management plan. Structures and site grading had to be reevaluated due to the age of the existing facility." ), new Array( "all,res,civ,hp,geo,sol,db", "project_19.jpg", "Adoption of alternative energy design is feasible even for tenants on a fixed income.", "The integrated design approach makes high performance buildings feasible even for fixed-income living. An integrated design is required for truly effective use of alternative energy design. The early involvement of Vital, collaborating with the architects for the senior's lodge, allowed an impressive level of adoption of advanced mechanical systems. Heat pumps provide heating and cooling for occupied spaces and heat is recovered from exhausted air to provide cost-effective indoor air quality. Vital had control over the design and construction process, which allowed the most cost-effective integration of high performance systems into the building envelope. The result is a highly responsive design, capable of individual zone control using much less energy than a contemporary design, yet remaining a cost-effective installation." ), new Array( "all,ind,civ,db,ret", "project_20.jpg", "Indoor air quality is always an essential aspect of building design, but when paint and welding fumes are in the air it becomes critical for ensuring safe occupancy.", "The indoor air quality was an acute concern for this building. Air-borne paint and welding fumes had to be effectively removed from the warehouse space and could have no penetration into office spaces. As a retro-fit, the existing building design had to be remodeled. Our analytical tools and knowledge of high performance ventilation systems was essential to the successful completion of this project. Construction management services were also provided by Vital to ensure continuity between design and execution. Air quality is a great concern for our workspaces and Vital is a leader in delivering the best quality air regardless of the challenges faced." ), new Array( "all,com,civ,db", "project_21.jpg", "Contemporary warehouse design from empty lot to complete construction. All aspects of commercial design and project management can be handled by Vital.", "Vital managed the design and construction of this classically conceived warehouse, using efficient contemporary systems. All components of the design and construction represent the best of contemporary design. Control systems for heating, cooling and air quality are well established and cost effective. The result is a multi-service space that will make the most effective use of traditional technologies." ), new Array( "all,com,db,ret", "project_22.jpg", "Improving tenant spaces by modifying structures or redesigned interiors receives careful attention to provide maximum value.", "This clothier was expanding their store and sought engineering and construction management services from Vital. The design of the heating, cooling and ventilation integrates with the existing system. The structural design and building construction added on to the existing structure. This is a contemporary design concept that Vital can easily accommodate." ), new Array( "all,cmt,hp,ret", "project_23.jpg", "Critical building services have to perform for people who require their attention on saving lives, not fiddling with the air conditioning.", "Provided mechanical engineering services for renovation and addition to the firehall. The mechanical systems included a new air handling unit, and a new makeup air unit to replace the existing units, a new boiler plant as well as a new demand ventilation system for emergency vehicle exhaust. This contemporary design was a very cost effective option to install and operate at this facility." ), new Array( "all,ins", "project_24.jpg", "Comfort and security are delivered in a redesigned area of the correctional centre.", "Vital Engineering was retained as part of the consulting team to undertake this unique renovation project involving the conversion of existing auto body shop space into temporary sleeping, washroom, lounge and laundry facilities for inmates. A particular challenge during the design was striking balance between the robust nature of materials and equipment required due to the detention nature of the space, yet understanding its temporary use. This project adds to Vital's extensive experience with design of correctional and police institutional buildings." ), new Array( "all,com,civ", "project_25.jpg", "Preparing development sites for future growth.", "This large site needed drainage and site retention walls designed to meet standards for future development. All permitting and submissions were prepared for city approval." ), new Array( "all,res,geo,db", "project_26.jpg", "Adopting alternative energy systems far from major commercial centres requires access to the best designers and contractors to ensure long term integrity and operation of the equipment.", "The geothermal energy plant was designed as a hybrid system, being backed up by the building domestic water heating boiler. The use of geothermal outside of large commercial centres requires careful selection of geothermal contractors and Vital's knowledge of the industry lends itself to this. Geothermal exchanges energy with the soil, so the interface between the earth and the mechanical system is a critical component. The site soil conditions have required careful planning and construction. Unless the design conditions can be verified and the installation completed to specifications, the adoption of geothermal in a place like Hinton can be hindered. Vital has ensured that this project will be a successful local leader for adopting advanced energy design." ), new Array( "all,com,hp,sol,db,es", "project_27.jpg", "Alternative energy design in remote locations allows more functional buildings because services can be provided for on site, rather than eliminating services, or requiring expensive tie-ins.", "As a company committed to designs which provide reduced environmental impact, Vital Engineering has taken on a research project in partnership with Independent Electric & Controls, a leading electrical and controls contractor in Alberta. In their new office/shop building located in Athabasca, Alberta, the mechanical system design integrates an underground thermal storage system, transpired solar collector and cogeneration system. Direct power grid tie-in of the co-generation system is planned for this facility, with on-going sales to the grid making up a significant portion of the financial business model. In conjunction with IEC, Vital is committed to ongoing measurement and verification of performance for this exciting and unique facility." ), new Array( "all,ind,hp,geo,db", "project_28.jpg", "Shops and warehouses benefit greatly from advanced energy design by identifying potential wasted energy and redesigning the system to eliminate it, or reuse it effectively elsewhere.", "This new Truck shop facility will be located in the Eco Industrial Park in Hinton and was designed to meet or exceed the energy use requirements of the Park. Its heating ventilation and air conditioning system will use at least 25% less energy than an equivalent base-line building built to the minimum requirements of the Model National Energy Code for Buildings. Vital Engineering met these requirements by incorporation of high efficiency equipment and innovative use of solar air thermal technology. Building heating and ventilation requirements were met through the use of an in-slab heating system, high efficiency condensing boiler system and heat recovery unit. The heating system will also accommodate future connection of a planned biofuel district energy system." ), new Array( "all,cmt,em", "project_29.jpg", "Municipal buildings can demonstrate local leadership in adopting alternative energy and benefit from reduced maintenance and energy costs.", "This single story 11,000 ft2 building, located in LaCrete, Alberta serves as an administration building for the community of Mackenzie County as well as a gathering place for community meetings and events. The building also houses a division of the RCMP. The client's goal was to create a high performance building that would reduce energy consumption as well as reduce monthly energy costs. With this in mind, a high performance envelope was designed to reduce the building loads. A geothermal system was utilized featuring twenty one 220 foot holes, a primary/secondary loop using variable frequency drives on all pumps, and fourteen heat pumps distributed around the building (located in the ceiling space of the hallways). An energy recovery ventilator reduces the ventilation load significantly while providing proper ventilation to each space. Thermal zones were kept small to ensure individual control and thus high occupant comfort." ), new Array( "all,ins,civ,es", "project_30.jpg", "FEATURE DESCRIPTION COMING SOON", "Vital Engineering has teamed up with Barr Ryder Architects on the County of Newell's New Administration and Public Works Facility located in Brooks, AB. The estimated $13 million project's aim is to create a single facility that will be home to Administration, Public Works, and Agricultural Services. The New facility will have ample parking space, meeting rooms, offices and Council Chambers. While technically the building will have two separate buildings it has been designed to directly link the ASB and Public Works sectors, improving interaction and communication between the two departments." ), new Array( "all,cmt,db,ret", "project_31.jpg", "FEATURE DESCRIPTION COMING SOON", "The town of Hinton recognized that the multi-use recreation and community centre needed a modern heating, ventilation and refrigeration system to condition the occupied areas and maintain the ice sheet. Vital Engineering was recognized for our expertise in multi-use mechanical systems and our ability to match technologies to deliver maximum performance within reasonable costs. Vital's mechanical team evaluated the existing capacity and lifecycle of the HVAC equipment, identified areas for improvement, and provided a schematic design for integrating new systems and technology into the existing building." ), new Array( "all,ind,hp,em", "project_32.jpg", "FEATURE DESCRIPTION COMING SOON", "The Landmark Group of Builders is a residential construction company serving major Albertan markets. They operate on the cutting edge of construction and design methods. Their new manufacturing facility for prefabricated lodging is being designed with an integrated design process that allowed mechanical systems to be integrated with the building design. This minimized capital and operating costs and uncovered some unique solutions available onsite. A major effort was made to prepare for a biomass boiler that uses the waste wood fibers as a fuel for heating the construction area." ), new Array( "all,ins,sol,db,ret", "project_33.jpg", "FEATURE DESCRIPTION COMING SOON", "The town of Pincher Creek is situated in a prime location for wind and solar energy technologies. This natural advantage has been seized by regional and town planners who have created development plans to incorporate wind turbines, PV arrays, and solar thermal collectors. Vital Engineering will design the mechanical system for solar thermal collectors to heat the pools in the multi-use recreation facility serving Pincher Creek and the surrounding community. This prominent installation will supplant the majority of energy required for heating the pools from an array of 70 collectors. The project was recognized for its importance by receiving special development grants from federal and provincial governments." ), new Array( "all,com,res,leed,hp,geo,sol,es,de,em,nz", "project_34.jpg", "FEATURE DESCRIPTION COMING SOON", "This landmark skyscraper, mixed residential condominium building designed by Hartwig Architects has been greatly anticipated to rise on the Edmonton horizon since 2007. The project will be situated on the development lands on the North side of downtown Edmonton, near the CN Tower. The 41 stories will be a mix of high-end condos, affordable housing apartments, and commercial frontage along the sidewalk. Vital Engineering's mechanical engineers will be exploring the potential for using ground-source thermal energy as well as other alternative energy strategies to heat and cool the building. This will involve a geothermal borefield tied to heatpumps. Vital is presently investigating the potential energy onsite by coordinating the construction of a test well that may confirm the existence of a major pre-glacial aquifer running beneath the site." ), new Array( "all,ins,db,ret", "project_35.jpg", "FEATURE DESCRIPTION COMING SOON", "The Whitecourt Arena required an expansion and renovation to the existing facility to meet growing demand for ice time. A plan to modernize the dressing rooms, improve services and increase access required improvements to the existing HVAC system. Vital Engineering analyzed the expanded system design and developed a construction plan to modify services to the locker room. A 100% fresh air unit will improve air quality while a heat wheel will recover energy from the exhaust air, reducing energy consumption." ) ); // image data var prj_image_data = new Array(); ////==== initialize project matrix function prj_init() { // traverse tag data for (var i = 0; i < prj_tag_data.length; i++) { // create tag html var tag_html = "" + prj_tag_data[i][1] + ""; // add tag (top) if (arrayContains(prj_tag_data_top, prj_tag_data[i][0])) { $("div#top_tags").append(tag_html); } // add tag (bottom) else { $("div#bottom_tags").append(tag_html); } } // traverse thumb data for (var i = 0; i < prj_thumb_data.length; i++) { // create thumb html var thumb_html = "\"Click"; // add thumb $("div#project_thumbs").append(thumb_html); // add project image prj_image_data.push(new Array("images/projects/full/" + prj_thumb_data[i][1], prj_thumb_data[i][3])); } // add thumb clear $("div#project_thumbs").append("
"); // set initial thumb opacity $("div#project_thumbs img").fadeTo(0, 0.2); // select first tag prj_tag_click("all"); } ////==== tag mouse over - highlight thumbs function prj_tag_over(tag) { // highlight this tag $("div#project_tags a[rev='" + tag + "']").addClass("over"); var tags_down = new Array(tag); // find all selected tags $("div#project_tags a.down").each(function() { tags_down.push($(this).attr("rev")); }); // traverse all thumbs $("div#project_thumbs a").each(function() { // get thumb tags var tags = $(this).attr("rev").split(","); // thumb tags include all selected tags and this tag if (arrayIncludes(tags_down, tags)) { // highlight thumb $(this).animate({backgroundColor:"#ff6000"}, 200, "linear"); } }); } ////==== tag mouse out - unhighlight thumbs function prj_tag_out(tag) { // unhighlight this tag $("div#project_tags a[rev='" + tag + "']").removeClass("over"); // stop all thumb animations $("div#project_thumbs a").stop(true); // unhighlight all thumbs $("div#project_thumbs a").animate({backgroundColor:"#e3e2e2"}, 100, "linear"); } ////==== tag mouse click - select/unselect thumbs function prj_tag_click(tag) { // top tag if (arrayContains(prj_tag_data_top, tag)) { // unselect all top tags $("div#top_tags a").removeClass("down"); } // select/unselect this tag $("div#project_tags a[rev='" + tag + "']").toggleClass("down"); var tags_down = new Array(); // find all selected tags $("div#project_tags a.down").each(function() { tags_down.push($(this).attr("rev")); }); // traverse all thumbs $("div#project_thumbs a").each(function() { // get thumb tags var tags = $(this).attr("rev").split(","); // there are selected tags and thumb tags include them all if ((tags_down.length !== 0) && arrayIncludes(tags_down, tags)) { // select thumb $(this).find("img").fadeTo(200, 1); } // otherwise else { // unselect thumb $(this).find("img").fadeTo(100, 0.2); } }); } ////==== thumb mouse over - highlight tags function prj_thumb_over(index) { // highlight this thumb $("a#project_thumb_" + index).css("background-color", "#ff6000"); // get thumb tags var tags = $("a#project_thumb_" + index).attr("rev").split(","); // highlight thumb tags for (var i = 0; i < tags.length; i++) { $("div#project_tags a[rev='" + tags[i] + "']").addClass("over"); } } ////==== thumb mouse out - unhighlight tags function prj_thumb_out(index) { // unhighlight this thumb $("a#project_thumb_" + index).css("background-color", "#e3e2e2"); // get thumb tags var tags = $("a#project_thumb_" + index).attr("rev").split(","); // unhighlight thumb tags for (var i = 0; i < tags.length; i++) { $("div#project_tags a[rev='" + tags[i] + "']").removeClass("over"); } } ////==== thumb mouse click - show project box function prj_thumb_click(index) { // display slimbox jQuery.slimbox(prj_image_data, index, {loop: true, counterText: false}); } ////################################################################################################ ////########## FEATURED ############################################################################ ////################################################################################################ ////==== initialize featured image and description function prj_featured_init() { // get stored sequence var featured_sequence = $.cookie("featured_sequence"); // have cookie if (featured_sequence != null) { // split string featured_sequence = featured_sequence.split(","); } // no cookie else { // new array featured_sequence = new Array(); // populate array for (var i = 0; i < prj_thumb_data.length; i++) { featured_sequence.push(i); } // shuffle array for (var i = 0; i < prj_thumb_data.length; i++) { // calculate random indexes var index_1 = Math.floor(Math.random() * prj_thumb_data.length); var index_2 = Math.floor(Math.random() * prj_thumb_data.length); // reposition element featured_sequence.splice(index_1, 0, featured_sequence.splice(index_2, 1)); } } // add image and description $("div#feature").append("\"\""); $("div#feature").append("

" + prj_thumb_data[featured_sequence[0]][2] + "

"); // advance array featured_sequence.push(featured_sequence.shift()); // flatten array featured_sequence = featured_sequence.join(","); // set stored sequence $.cookie("featured_sequence", featured_sequence, {domain: "vitaleng.ca"}); } ////==== featured mouse click - show project box function prj_featured_click(index) { // display slimbox jQuery.slimbox("images/projects/full/" + prj_thumb_data[index][1], prj_thumb_data[index][3]); }