// NB If the third item pic[n][1][0] is empty, there are no detail pictures to display.

catarray = new Array("Literature","Promotion","Identity","Web","Other");

folderarray = new Array("lit","promo","identity","web","other");

function runit_1(){
catname="Literature";
imax=12;

pic[0][0][0]="lit/lit_Jcampaign_report.jpg";
pic[0][0][1]="<h3>Annual review</h3><p>Jubilee Debt Campaign call for 100% cancellation of unpayable and unfair poor country debts. We were delighted to be asked to design their latest annual report booklet.</p>";
pic[0][0][2]=401;
pic[0][0][3]=283;
pic[0][1][0]="lit/lit_Jcampaign_report_sub1.jpg";
pic[0][1][1]="<h3>Annual review</h3><p>On a tight schedule and limited budget, we made the most of strong, campaign-driven photos contrasted with a simple, two-colour feel layout.</p>";
pic[0][1][2]=430;
pic[0][1][3]=300;
pic[0][2][0]="lit/lit_Jcampaign_report_sub2.jpg";
pic[0][2][1]="<h3>Annual review</h3><p>Making the yearly budget look a bit more attractive&hellip;</p><p>For more a description of how we approach report and policy document design for charities and non-profit groups, read <a href='casereport.php'>this case study</a>.";
pic[0][2][2]=430;
pic[0][2][3]=300;
pic[0][3][0]="";

pic[1][0][0]="lit/lit_fs77.jpg";
pic[1][0][1]="<h3>Footsteps</h3><p>Wingfinger has been producing Footsteps magazine for Tearfund over the last 20 years. Starting life as a health newsletter, Footsteps is now a highly-valued collection of articles, information and resources produced in four language editions. This is a recent French verison. There is more about our approach to international resources and language documents in <a href='casetearfund.php'>this case study</a>.</p>";
pic[1][0][2]=248;
pic[1][0][3]=350;
pic[1][1][0]="lit/lit_fs77_sub.jpg";
pic[1][1][1]="<h3>Footsteps</h3><p>A detail from an article on natural pesticides (in Spanish). The magazines cover a huge range of issues from nutrition to microenterprise. Here we added colour into simple line illustrations supplied by the client to create a lively pull-out poster spread.</p>";
pic[1][1][2]=430;
pic[1][1][3]=300;
pic[1][2][0]="lit/lit_fs77_sub3.jpg";
pic[1][2][1]="<h3>Footsteps</h3><p>Another centre spread (this one in English) from a recent edition on managing daily risk. The colourful snakes and ladders illustration forms a pull-out board game intended for use as an educational resource.</p>";
pic[1][2][2]=430;
pic[1][2][3]=300;
pic[1][3][0]="lit/lit_fs77_sub2.jpg";
pic[1][3][1]="<h3>Footsteps</h3><p>Detail from the recent 20th anniversary edition, featuring engrossed Footsteps readers! The magazine is read across the world &ndash; in print, downloaded from CD Roms and Tearfund&rsquo;s website, and through local translations. We utilise years of experience and expertise for the job, and you can read more about our process of designing for multiple languages in this context in our <a href='casetearfund.php'>case study</a>.</p>";
pic[1][3][2]=430;
pic[1][3][3]=300;
pic[1][4][0]="";

pic[2][0][0]="lit/lit_crop.jpg";
pic[2][0][1]="<h3>Parent support work</h3><p>Coalition for the Removal of Pimping is a small but amazing charity dedicated to combating sexual exploitation. This document focuses on support for parents affected by the exploitation of their children.</p>";
pic[2][0][2]=248;
pic[2][0][3]=350;
pic[2][1][0]="lit/lit_crop_sub.jpg";
pic[2][1][1]="<h3>Parent support work</h3><p>Parts of this guide make grim reading. Throughout, the pages follow a simple layout with a limited palette for quick reference and clear navigation.</p>";
pic[2][1][2]=430;
pic[2][1][3]=300;
pic[2][2][0]="";

pic[3][0][0]="lit/lit_cw.png";
pic[3][0][1]="<h3>Commonwheels handbook</h3><p>Handbook detailing procedures and information for members of a car-share organisation. The shape of the handbook is taken from our design for Commonwheels&rsquo; <a href='gallery.php?cat=Identity' onclick='cat=3;step=9;'>logo</a>.</p>";
pic[3][0][2]=430;
pic[3][0][3]=300;
pic[3][1][0]="lit/lit_cw_sub.jpg";
pic[3][1][1]="<h3>Commonwheels handbook</h3><p>Laying out the inside spreads of the car-shaped pages was quite a challenge!</p>";
pic[3][1][2]=430;
pic[3][1][3]=300;
pic[3][2][0]="";

pic[4][0][0]="lit/lit_tf.jpg";
pic[4][0][1]="<h3>Working on the margins</h3><p>A report by relief and development charity Tearfund on motivating community responses to HIV/AIDS. Using their existing branding, we produce many such reports and case studies for use at conferences and for briefing policy-makers. </p>";
pic[4][0][2]=248;
pic[4][0][3]=350;
pic[4][1][0]="lit/lit_tf_sub.jpg";
pic[4][1][1]="<h3>Working on the margins</h3><p>Inside spreads were bright and clean with well-defined text areas, making it easily adaptable to different languages and low-budget reproduction.</p>";
pic[4][1][2]=430;
pic[4][1][3]=300;
pic[4][2][0]="lit/lit_tf_sub2.jpg";
pic[4][2][1]="<h3>Working on the margins</h3><p>Examples of other booklets and brochures designed around Tearfund branding guidelines. There is a description of how we approach international resources in our <a href='casetearfund.php'>case studies</a>.</p>";
pic[4][2][2]=430;
pic[4][2][3]=300;
pic[4][3][0]="";

pic[5][0][0]="lit/lit_hyms.jpg";
pic[5][0][1]="<h3>HYMS prospectus</h3><p>A successful redesign of a prospectus for the recently opened Hull York Medical School. The prospectus had to hold its own against literature from other well-established universities and appeal to its primary target of sixth formers.</p>";
pic[5][0][2]=247;
pic[5][0][3]=350;
pic[5][1][0]="lit/lit_hyms_sub.jpg";
pic[5][1][1]="<h3>HYMS prospectus</h3><p>The inside design for the prospectus combined faded cut-outs and custom diagrams with bold, close-cropped photos and a clean text layout. We&rsquo;ve maintained this same visual approach across all the student manuals, folders and handbooks Wingfinger have designed for the school.</p>";
pic[5][1][2]=430;
pic[5][1][3]=300;
pic[5][2][0]="lit/lit_hyms_sub2.jpg";
pic[5][2][1]="<h3>HYMS prospectus</h3><p>Another spread, including a multi-coloured version of a timetable taken from a library of undergraduate student workbooks we designed for HYMS.</p>";
pic[5][2][2]=430;
pic[5][2][3]=300;
pic[5][3][0]="";

pic[6][0][0]="lit/lit_pow.jpg";
pic[6][0][1]="<h3>Powerful connections</h3><p>A publication for the Yorkshire and Humber Regional Forum evaluating the involvement of the voluntary sector at various levels of decision-making across the region.</p>";
pic[6][0][2]=431;
pic[6][0][3]=307;
pic[6][1][0]="lit/lit_pow_sub.jpg";
pic[6][1][1]="<h3>Powerful connections</h3><p>You can read more <a href='casepowerful.php'>in our case study</a> on how we injected a bit of light relief into the subject matter using bespoke illustration, a gentle colour scheme and friendly diagrams.</p>";
pic[6][1][2]=430;
pic[6][1][3]=300;
pic[6][2][0]="";

pic[7][0][0]="lit/lit_fcc.jpg";
pic[7][0][1]="<h3>FCC News</h3><p>A twice-yearly 16-page newsletter produced on a tight budget. Workers from church projects in China are invited to submit stories sharing their views, news and successes.</p>";
pic[7][0][2]=248;
pic[7][0][3]=350;
pic[7][1][0]="lit/lit_fcc_sub.jpg";
pic[7][1][1]="<h3>FCC News</h3><p>We enjoy being able to use graphics and artwork from China for this magazine design, including these mascots from the Beijing Olympics.</p>";
pic[7][1][2]=430;
pic[7][1][3]=300;
pic[7][2][0]="lit/lit_fcc_sub2.jpg";
pic[7][2][1]="<h3>FCC News</h3><p>We also have access to a lovely range of traditional papercuts that allow us to introduce some delicate detailing across FCC literature.</p>";
pic[7][2][2]=430;
pic[7][2][3]=300;
pic[7][3][0]="";

pic[8][0][0]="lit/lit_jdc.jpg";
pic[8][0][1]="<h3>Unfinished business</h3><p>A 40-page full colour report charting the history and achievements of the Jubilee Debt Campaign after ten years. We were delighted to do this job, having been involved in the early days with the <a href='gallery.php?cat=Identity' onclick='cat=3;step=2;'>Jubilee 2000</a> campaign. JDC is a coalition calling for the cancellation of poor country debt.</p>";
pic[8][0][2]=247;
pic[8][0][3]=350;
pic[8][1][0]="lit/lit_jdc_sub.jpg";
pic[8][1][1]="<h3>Unfinished business</h3><p>To squeeze maximum impact from a tight budget, we did some careful juggling of page layouts. The outcome was a smooth integration of colour photo pages throughout a largely two-colour job.</p>";
pic[8][1][2]=430;
pic[8][1][3]=300;
pic[8][2][0]="";

pic[9][0][0]="lit/lit_LCCcomp.jpg";
pic[9][0][1]="<h3>Adult social care</h3><p>A six-page A5 leaflet for Leeds City Council. Although this design had to stay within rigid branding guidelines, we combined bright and lively photos into montages to introduce a bit of life, and to give a feel for the wide-ranging Adult Social Care sector. </p>";
pic[9][0][2]=239;
pic[9][0][3]=337;
pic[9][1][0]="lit/lit_LCCcomp_sub.jpg";
pic[9][1][1]="<h3>Adult social care</h3><p>Another carefully-crafted montage on the inside of the leaflet.</p>";
pic[9][1][2]=430;
pic[9][1][3]=300;
pic[9][2][0]="";

pic[10][0][0]="lit/lit_LCC_carer.jpg";
pic[10][0][1]="<h3>Every Carer Counts</h3><p>A recent, full-colour A4 booklet for Leeds City Council social care sector. This document had to be direct and accessible for all its intended readers, from councillors through to careworkers and volunteers.</p>";
pic[10][0][2]=248;
pic[10][0][3]=351;
pic[10][1][0]="";

pic[11][0][0]="lit/lit_CC_annual_review.jpg";
pic[11][0][1]="<h3>Annual review</h3><p>An annual review for Canon Collins Trust, a not-for-profit organisation building the skills and expertise of professionals and students to provide leadership and drive development in southern African communities.</p>";
pic[11][0][2]=239;
pic[11][0][3]=337;
pic[11][1][0]="lit/lit_CC_annual_review_sub.jpg";
pic[11][1][1]="<h3>Annual review</h3><p>Inside spread from the annual review &ndash; a lively combination of photos and  boxed quotes of experiences to reflect the organisation&rsquo;s background</p>";
pic[11][1][2]=430;
pic[11][1][3]=300;
pic[11][2][0]="";

pic[12][0][0]="lit/lit_afpp.jpg";
pic[12][0][1]="<h3>Surgery in primary care</h3><p>A 280-page benchmark publication for the Association for Perioperative Practice. This book contained guidelines on everything from what shoes to wear in the operating theatre to how to avoid <a href='http://www.wingfinger.co.uk/wfplaypen/cartoons.php#pic2'>setting patients on fire</a>.</p>";
pic[12][0][2]=252;
pic[12][0][3]=350;
pic[12][1][0]="lit/lit_afpp_sub.jpg";
pic[12][1][1]="<h3>Surgery in primary care</h3><p>We used a photomontage header for each chapter to introduce some graphic interest among text-heavy pages.</p>";
pic[12][1][2]=430;
pic[12][1][3]=300;
pic[12][2][0]="";

}

function runit_2(){
catname="Promotion";
imax=12;

pic[0][0][0]="promo/pro_winter.jpg";
pic[0][0][1]="<h3>Riding Lights</h3><p>Since the launch of Riding Lights Theatre Company in 1977 we&rsquo;ve designed publicity for over 20 of their shows. For &lsquo;The Winter&rsquo;s Tale&rsquo;, Shakespeare&rsquo;s study of paranoia, power and jealousy gets the heavy-handed, comic-book treatment.</p>";
pic[0][0][2]=269;
pic[0][0][3]=382;
pic[0][1][0]="promo/pro_winter_sub.jpg";
pic[0][1][1]="<h3>Riding Lights</h3><p>Other examples of our Riding Lights designs. Despite the venue&rsquo;s branding constraints, this poster for &lsquo;The Fire Raisers&rsquo; is one of our favourite designs. The interior of the cuckoo clock was developed in collaboration with York-based illustrator Johnny Smyth.</p>";
pic[0][1][2]=430;
pic[0][1][3]=300;
pic[0][2][0]="";

pic[1][0][0]="promo/pro_agpros.png";
pic[1][0][1]="<h3>School prospectus</h3><p>Two prospectus booklets for Allerton Grange School. A simple layout for the general school prospectus, and more colour and lively shapes for the document aimed at post-16 students.</p>";
pic[1][0][2]=424;
pic[1][0][3]=343;
pic[1][1][0]="promo/pro_ags_sub.jpg";
pic[1][1][1]="<h3>School prospectus</h3><p>A clear colour scheme and an edgy layout separated the different sections of subject information, with an occasional photo for a more personal feel.</p>";
pic[1][1][2]=430;
pic[1][1][3]=300;
pic[1][2][0]="promo/pro_ags_sub2.png";
pic[1][2][1]="<h3>School prospectus</h3><p>The general prospectus had to be clean and simple, but we introduced bursts of colour using pieces of students&rsquo; artwork. (The school is aiming to get specialist arts college status.)</p>";
pic[1][2][2]=430;
pic[1][2][3]=300;
pic[1][3][0]="";

pic[2][0][0]="promo/pro_tuke.jpg";
pic[2][0][1]="<h3>Professional development</h3><p>An A4 brochure promoting learning days and development resources in psychotherapy and counselling at the Tuke Centre.</p>";
pic[2][0][2]=248;
pic[2][0][3]=350;
pic[2][1][0]="";

pic[3][0][0]="promo/pro_tobin";
pic[3][0][1]="<h3>Support the Tobin tax</h3><p>These people have a cunning plan to boost overseas aid with a tax on currency trading. The mind-blowing statistics were an obvious starting point for a poster image.</p><p>When the Tobin Tax Network decided to rebrand as the Stamp Out Poverty campaign, we stepped in to <a href='gallery.php?cat=Identity' onclick='cat=3;step=7;'>design their logo</a>.</p>";
pic[3][0][2]=219;
pic[3][0][3]=311;
pic[3][1][0]="";

pic[4][0][0]="promo/pro_fcc.jpg";
pic[4][0][1]="<h3>FCC membership form</h3><p>Leaflet with cut-off slip, for Friends of the Church in China. Although we used the lovely Chinese papercut imagery that forms <a href='gallery.php?cat=Literature' onclick='cat=1;step=7;'>part of our branding</a> for the organisation, we kept the form clear and direct for easy completion.</p>";
pic[4][0][2]=445;
pic[4][0][3]=314;
pic[4][1][0]="";

pic[5][0][0]="promo/pro_smmt.jpg";
pic[5][0][1]="<h3>Biofuels and road vehicles</h3><p>A full-colour booklet for the Society of Motor Manufacturers and Traders, promoting the use of biofuels. The brief was to look attractive, accessible and not out of place in a car showroom.</p>";
pic[5][0][2]=400;
pic[5][0][3]=282;
pic[5][1][0]="";

pic[6][0][0]="promo/pro_crypt.jpg";
pic[6][0][1]="<h3>New beginnings</h3><p>An appeal leaflet highlighting the relaunch of St George&rsquo;s Crypt, the well-known homeless shelter and support charity in Leeds city centre.</p>";
pic[6][0][2]=140;
pic[6][0][3]=381;
pic[6][1][0]="promo/pro_crypt_sub.jpg";
pic[6][1][1]="<h3>New beginnings</h3><p>The inside of the leaflet continues the circular design motif, giving a feel of integration and connectivity between the various aspects of work at the shelter.</p>";
pic[6][1][2]=430;
pic[6][1][3]=300;
pic[6][2][0]="";

pic[7][0][0]="promo/pro_moving.jpg";
pic[7][0][1]="<h3>Moving Day</h3><p>When structural engineers Michael Heal Associates relocated from Leeds city centre to Headingley, they wanted a distinctive way of announcing the move, and gave Wingfinger free rein.</p>";
pic[7][0][2]=296;
pic[7][0][3]=418;
pic[7][1][0]="";

pic[8][0][0]="promo/pro_almo.jpg";
pic[8][0][1]="<h3>Your ALMO is changing</h3><p>A postcard for Leeds City Council housing department, designed within the constraints of their corporate branding. Wingfinger also arranged print and mailing to 59,000 addresses.</p>";
pic[8][0][2]=360;
pic[8][0][3]=254;
pic[8][1][0]="";

pic[9][0][0]="promo/pro_scc.jpg";
pic[9][0][1]="<h3>Stop Climate Chaos</h3><p>This was how Wingfinger promoted the launch event of the Leeds Stop Climate Chaos campaign. A classic (if tongue in cheek) example of &lsquo;climate porn&rsquo;. We also <a href='gallery.php?cat=Web' onclick='cat=4;step=7;'>designed their website</a> and online carbon calculator.</p>";
pic[9][0][2]=295;
pic[9][0][3]=382;
pic[9][1][0]="";

pic[10][0][0]="promo/pro_dop.jpg";
pic[10][0][1]="<h3>Climate change day of prayer</h3><p>A bold, eye-catching poster for the 2009 Climate Change Day of Prayer (with white space for easy overprinting of local details).</p>";
pic[10][0][2]=258;
pic[10][0][3]=367;
pic[10][1][0]="";

pic[11][0][0]="promo/pro_faith.jpg";
pic[11][0][1]="<h3>Faith in work</h3><p>This leaflet advertised a conference to discuss what it&rsquo;s like being a Christian in the workplace. Aimed at young people aged 15 and 16, the event was fully booked.</p>";
pic[11][0][2]=183;
pic[11][0][3]=385;
pic[11][1][0]="";

pic[12][0][0]="promo/pro_j2k.jpg";
pic[12][0][1]="<h3>Proclaim Jubilee posters</h3><p>A set of posters for Jubilee 2000 debt campaign, based on photographs supplied by the client. This one gets the duotone treatment, adding subtle colour to a greyscale image.</p>";
pic[12][0][2]=268;
pic[12][0][3]=380;
pic[12][1][0]="promo/pro_j2k_sub1.jpg";
pic[12][1][1]="<h3>Proclaim Jubilee posters</h3><p>Another poster in the set, this time using a full-colour image. Although Jubilee 2000 was disbanded at the end of 2000, we have done design work for the coalition that succeeded it, Jubilee Debt Campaign, including <a href='gallery.php?cat=Literature' onclick='cat=1;step=8;'>this report</a>.</p>";
pic[12][1][2]=268;
pic[12][1][3]=380;
pic[12][2][0]="promo/pro_j2k_sub2.jpg";
pic[12][2][1]="<h3>Proclaim Jubilee posters</h3><p>And another full-colour image. Have a closer look at  the logo we designed for the campaign in our <a href='gallery.php?cat=Identity' onclick='cat=3;step=2;'>identity gallery</a>.</p>";
pic[12][2][2]=268;
pic[12][2][3]=380;
pic[12][3][0]="";

}

function runit_3(){
catname="Identity";
imax=11;

pic[0][0][0]="identity/id_amber.jpg";
pic[0][0][1]="<h3>Amberlinks</h3><p>Logo for <a href='gallery.php?cat=Web' onclick='cat=4;step=1;'>Amberlinks website</a> intended as a portal to organisations and resources relating to climate change. You can read more about the development of this logo and the typical Wingfinger branding design process in our <a href='caseamber.php'>case study</a>.</p>";
pic[0][0][2]=196;
pic[0][0][3]=268;
pic[0][1][0]="";

pic[1][0][0]="identity/id_pot.jpg";
pic[1][0][1]="<h3>Gone Potty</h3><p>We&rsquo;ve always had a soft spot for this logo we designed for GonePotty, a Harrogate-based ceramics retailer specialising in quirky vases. Strapline: &lsquo;I&rsquo;ve got the pots for you.&rsquo;</p>";
pic[1][0][2]=430;
pic[1][0][3]=290;
pic[1][1][0]="";

pic[2][0][0]="identity/id_j2k.jpg";
pic[2][0][1]="<h3>Jubilee 2000</h3><p>The logo that appeared on (probably) the world&rsquo;s biggest petition, calling for the cancellation of unpayable international debts. See the logo in action in an <a href='gallery.php?cat=Promotion' onclick='cat=2;step=12;'>early poster campaign</a>. Although the coalition was disbanded at the end of 2000, we&rsquo;ve also designed literature for its successor, <a href='gallery.php?cat=Literature' onclick='cat=1;step=8;'>Jubilee Debt Campaign</a>.</p>";
pic[2][0][2]=430;
pic[2][0][3]=290;
pic[2][1][0]="";

pic[3][0][0]="identity/logo_design_conference.jpg";
pic[3][0][1]="<h3>European Microwave Week 2011</h3><p>We had quite a specific brief to fulfil here, to convey both the location of this conference (Manchester) and its focus (microwaves). We had a lot of fun investigating the uses of microwaves and combining visual representations of them with famous Manchester landmarks, but our final image for the event was a simple suggestion of waves forming a backdrop to the conference location, the G-Mex centre.</p>";
pic[3][0][2]=364;
pic[3][0][3]=349;
pic[3][1][0]="";

pic[4][0][0]="identity/id_aclt.jpg";
pic[4][0][1]="<h3>African Carbon Livelihoods</h3><p>A trust involved in developing and selling carbon offsets through agroforestry and land-management projects in various African countries. The Africa-shaped leaf graphic we used for this branding is one of our favourite Wingfinger creations.</p>";
pic[4][0][2]=430;
pic[4][0][3]=290;
pic[4][1][0]="";

pic[5][0][0]="identity/id_home.jpg";
pic[5][0][1]="<h3>Homelessness Sunday</h3><p>Part of the design identity for Homelessness Sunday, this was used on everything from folders to t-shirts to resource sheets. Wingfinger have created branding for several Homelessness Sunday events over the last few years, and we also designed <a href='casephaw.php'>their resources website</a>.</p>";
pic[5][0][2]=329;
pic[5][0][3]=350;
pic[5][1][0]="";

pic[6][0][0]="identity/id_ebico.jpg";
pic[6][0][1]="<h3>EBICo</h3><p>The rebranding of the &lsquo;Equitable Billing Company&rsquo; required four logos &ndash; one for each branch of the not-for-profit energy supplier as well as a corresponding identity for the parent company. Wingfinger have also designed <a href='gallery.php?cat=Web' onclick='cat=4;step=5;'>successful websites</a> for Ebico and its carbon-offsetting service EquiClimate. </p>";
pic[6][0][2]=430;
pic[6][0][3]=290;
pic[6][1][0]="";

pic[7][0][0]="identity/id_stamp.jpg";
pic[7][0][1]="<h3>Stamp Out Poverty</h3><p>When the Tobin Tax Network relaunched with a new campaign name, Wingfinger was given the job of rebranding the organisation as <a href='http://www.stampoutpoverty.org'>Stamp Out Poverty</a>. We have also designed <a href='gallery.php?cat=Promotion' onclick='cat=2;step=3;'>promotional material</a> and several financial reports for this campaign highlighting innovative sources of funding for development aid.</p>";
pic[7][0][2]=430;
pic[7][0][3]=290;
pic[7][1][0]="";

pic[8][0][0]="identity/id_vetw.jpg";
pic[8][0][1]="<h3>Vetwork UK</h3><p>A new logo for this charity promoting interest and research in animal health and welfare. Vetwork was keen to have many animals represented in the logo to reflect their diverse work with NGOs and international development organisations as well as within the UK. This cut-out solution satisfied that brief while maintaining a bold, clean look that is legible even at small web sizes.</p><p>See some of the early ideas for this logo in the <a href='http://www.wingfinger.co.uk/wfplaypen/heaven.php'>Wingfinger Playpen</a>.</p>";
pic[8][0][2]=504;
pic[8][0][3]=220;
pic[8][1][0]="";

pic[9][0][0]="identity/id_cw.jpg";
pic[9][0][1]="<h3>Commonwheels</h3><p>Branding design for a new car-share organisation. A fun and simple logo that had to work at various sizes, and for print and web formats. It came back to haunt us, however, when the client decided they would like <a href='gallery.php?cat=Literature' onclick='cat=1;step=2;'>their handbook</a> the same shape&hellip;</p>";
pic[9][0][2]=430;
pic[9][0][3]=290;
pic[9][1][0]="";

pic[10][0][0]="identity/id_loud.jpg";
pic[10][0][1]="<h3>Louder</h3><p>Louder is a new social networking site created specifically for campaigning and activist groups. This logo was designed to reflect the aims of the website and to work predominantly as a web graphic.</p>";
pic[10][0][2]=488;
pic[10][0][3]=240;
pic[10][1][0]="";

pic[11][0][0]="identity/id_etect.jpg";
pic[11][0][1]="<h3>eTect</h3><p>Wingfinger designed this logo promoting a new piece of medical diagnostic technology. The client was keen for the image to relate to the chip diamond pattern used in the actual hardware.</p>";
pic[11][0][2]=430;
pic[11][0][3]=179;
pic[11][1][0]="";

}

function runit_4(){
catname="Web";
imax=10;

pic[0][0][0]="web/web_design_enviro.jpg";
pic[0][0][1]="<h3>Envirotrade</h3><p>Phase one of a website design for carbon offsetting company <a href='http://www.envirotrade.co.uk'>Envirotrade</a>. We made use of the organisation&rsquo;s great collection of photos from community and forestry projects to introduce life and colour into a clean design.</p>";
pic[0][0][2]=430;
pic[0][0][3]=350;
pic[0][1][0]="web/web_design_enviro_sub.jpg";
pic[0][1][1]="<h3>Envirotrade</h3><p>The home page features the organisation&rsquo;s current publicity imagery, continued as a saturated header image through the rest of the site.</p>";
pic[0][1][2]=430;
pic[0][1][3]=300;
pic[0][2][0]="";

pic[1][0][0]="web/web_design_climatechange.jpg";
pic[1][0][1]="<h3>Amberlinks</h3><p><a href='http://www.amberlinks.org'>Amberlinks</a> is a portal for resources and links relating to climate change. The website was developed in partnership with Sitewriters, who created the content management system. Wingfinger designed the visuals and created the CSS style sheets. The site is accessible and fluid, with the design resilient towards regular editing and updates by the Amberlinks moderating team. </p>";
pic[1][0][2]=430;
pic[1][0][3]=350;
pic[1][1][0]="web/web_design_climatechange_sub.jpg";
pic[1][1][1]="<h3>Amberlinks</h3><p>Each main section of the site has a strong colour theme and related graphical content. The outer container with menus and header uses the purple, oranges and greys we developed for our <a href='gallery.php?cat=Identity' onclick='cat=3;step=0'>Amberlinks branding</a> design.</p>";
pic[1][1][2]=430;
pic[1][1][3]=300;
pic[1][2][0]="";

pic[2][0][0]="web/web_design_car_charity.jpg";
pic[2][0][1]="<h3>Carplus UK</h3><p><a href='http://www.carplus.org.uk'>Carplus</a> is a national charity promoting responsible car use. This site has been relaunched by Wingfinger, maintaining the original sleek look graphics designed by branding agency Provokateur. We have combined two formerly separate car sharing sites, and brought everything over to a content management system powered by Wordpress.</p>";
pic[2][0][2]=430;
pic[2][0][3]=327;
pic[2][1][0]="web/web_design_car_charity_sub.jpg";
pic[2][1][1]="<h3>Carplus UK</h3><p>The Wordpress setup allows the client flexibility and freedom in creating and maintaining web content, without them having to get stuck into all the nerdy coding side of things! We&rsquo;ve enabled Carplus to do everything from simple text updates through to customising online forms.</p>";
pic[2][1][2]=430;
pic[2][1][3]=300;
pic[2][2][0]="web/web_design_car_charity_sub2.jpg";
pic[2][2][1]="<h3>Carplus UK</h3><p>We also included a facility to incorporate the quarterly integrated HTML newsletter emailed out by the charity. If you&rsquo;re interested in the possibilities of a bespoke Wordpress-driven site by Wingfinger, <a href='contact.php'>contact us</a> for more information.</p>";
pic[2][2][2]=430;
pic[2][2][3]=300;
pic[2][3][0]="";

pic[3][0][0]="web/web_design_mnda_campaign.jpg";
pic[3][0][1]="<h3>MNDA 2010 Campaign</h3><p>Occasionally we are hired by other website developers to provide visual designs for sites, and this is a recent example. The Motor Neurone Disease Association are running an awareness campaign alongside the general election and our colleagues at <a href='http://www.sitewriters.co.uk/'>Sitewriters</a> called on us for an appropriate and punchy layout.</p>";
pic[3][0][2]=430;
pic[3][0][3]=350;
pic[3][1][0]="";

pic[4][0][0]="web/web_design_campaignLT.jpg";
pic[4][0][1]="<h3>Leeds TIDAL</h3><p>Another flexible content-managed site, this time for justice campaign group TIDAL. The site is designed to be regularly updated and accessed by contributors and activists, and includes integration for networking and news feeds such as Twitter. </p>";
pic[4][0][2]=430;
pic[4][0][3]=350;
pic[4][1][0]="";

pic[5][0][0]="web/web_design_ebico.jpg";
pic[5][0][1]="<h3>EBICo</h3><p>Wingfinger designed this site for the UK&rsquo;s only not-for-profit energy supplier <a href='http://www.ebico.co.uk'>Ebico</a>. Working alongside Ebico&rsquo;s existing web developers, we created a warm, slightly quirky look with a more navigable and comprehensive structure. Making all aspects of the site accessible was key. We also designed <a href='gallery.php?cat=Identity' onclick='cat=3;step=6;'>a new set of logos</a> for Ebico&rsquo;s various commercial branches.</p>";
pic[5][0][2]=430;
pic[5][0][3]=350;
pic[5][1][0]="web/web_design_ebico_sub.jpg";
pic[5][1][1]="<h3>EBICo</h3><p>We also designed Ebico&rsquo;s sister site, <a href='http://www.equiclimate.co.uk'>Equiclimate.</a> We created a more user-friendly interface for a service that required a lot of information fitting into limited page space. Although this carbon-calculating facility was developed with the company&rsquo;s existing programmers, Wingfinger have also created and coded our own calculators, for example for <a href='gallery.php?cat=Web' onclick='cat=4;step=7'>Stop Climate Chaos</a>.</p>";
pic[5][1][2]=430;
pic[5][1][3]=300;
pic[5][2][0]="";

pic[6][0][0]="web/web_design_phaw.jpg";
pic[6][0][1]="<h3>PHAW</h3><p>Wingfinger have designed resource packs for Poverty and Homelessness Action Week for several years. This website was created to enable online access to resources, and featured registration and log-in facilities, and secure downloads. Read more about how Wingfinger approaches web design projects in the <a href='casephaw.php'>case study</a> on this site. </p>";
pic[6][0][2]=430;
pic[6][0][3]=350;
pic[6][1][0]="";

pic[7][0][0]="web/web_design_scc.jpg";
pic[7][0][1]="<h3>Stop Climate Chaos</h3><p>This website design for <a href='http://www.leedstidal.org/sccleeds'>Stop Climate Chaos</a> includes a message board, email sign-up and RSS feed facility, and a simple content management tool. We also designed a simple carbon calculator for use by site visitors.</p>";
pic[7][0][2]=430;
pic[7][0][3]=328;
pic[7][1][0]="";

pic[8][0][0]="web/web_design_university.jpg";
pic[8][0][1]="<h3>Electronic Biomarker Detection</h3><p>We were approached to design and build a website for <a href='http://www.etect.co.uk/'>Etect</a> to promote a break-through piece of medical kit developed at the University of Leeds.</p>";
pic[8][0][2]=430;
pic[8][0][3]=350;
pic[8][1][0]="";

pic[9][0][0]="web/web_charity_chimp.jpg";
pic[9][0][1]="<h3>Jane Goodall</h3><p>The renowned Jane Goodall Institute is a global organisation that &lsquo;empowers people to make a difference for all living things.&rsquo; With a tight timescale, we produced the visuals to clarify and streamline the existing site for our colleagues at Sitewriters, who built the site&rsquo;s content management system.</p>";
pic[9][0][2]=430;
pic[9][0][3]=336;
pic[9][1][0]="";

}

function runit_5(){
catname="Other";
imax=7;

pic[0][0][0]="other/o_folder.png";
pic[0][0][1]="<h3>STOP Homelessness</h3><p>A resource and publicity pack for Homelessness Sunday. The theme of &lsquo;Stop Homelessness / Build Happiness&rsquo; worked well with a traditional &lsquo;stop&rsquo; sign graphic&hellip;</p>";
pic[0][0][2]=485;
pic[0][0][3]=349;
pic[0][1][0]="other/o_folder_sub.jpg";
pic[0][1][1]="<h3>STOP Homelessness</h3><p>&hellip;that also doubled as a grin. Here is the folded pack, with the circular top flap (the reverse side to the &lsquo;stop&rsquo; sign) folded down.</p>";
pic[0][1][2]=430;
pic[0][1][3]=300;
pic[0][2][0]="";

pic[1][0][0]="other/o_cartoon.jpg";
pic[1][0][1]="<h3>Cartoons</h3><p>Our resident cartoonist produces work for several periodicals and journals, including ten years of the Journal of Perioperative Practice. As well as featuring in Wingfinger designs, his cartoons are available on individual commission.</p><p>There are a few more cartoons on display inside the <a href='wfplaypen/cartoons.php'>Wingfinger Playpen</a>.";
pic[1][0][2]=349;
pic[1][0][3]=327;
pic[1][1][0]="";

pic[2][0][0]="other/o_form.jpg";
pic[2][0][1]="<h3>Forms and assessments</h3><p>No form too complicated &ndash; we like a challenge at Wingfinger! A 28-page, full-colour form for Royal Brompton and Harefield NHS Trust. We transformed a wide-ranging and complicated set of hospital inpatient forms into a neat and comprehensible colour-coded document.</p>";
pic[2][0][2]=275;
pic[2][0][3]=408;
pic[2][1][0]="other/o_form_sub.jpg";
pic[2][1][1]="<h3>Forms and assessments</h3><p>Detail from the RBH nursing assessment shows just how much there was to fit in. Clarity was crucial as there were fill-in sections for patients as well as staff.</p>";
pic[2][1][2]=430;
pic[2][1][3]=300;
pic[2][2][0]="other/o_form_sub2.jpg";
pic[2][2][1]="<h3>Forms and assessments</h3><p>Another detail &ndash; different colours give instant indications as to which parts of the form are to be returned to and regularly updated and which are filled in once with key information.</p>";
pic[2][2][2]=430;
pic[2][2][3]=300;
pic[2][3][0]="";

pic[3][0][0]="other/o_graph.jpg";
pic[3][0][1]="<h3>Graphs and charts</h3><p>We will custom make graphs and charts for our documents and often find more concise or suitable ways to present the data in the process. These graphs were recreated from a clunky Excel file and poor scans for a joint campaign paper, &lsquo;2 Degrees&rsquo;.</p>";
pic[3][0][2]=430;
pic[3][0][3]=300;
pic[3][1][0]="other/o_graph_sub.jpg";
pic[3][1][1]="<h3>Graphs and charts</h3><p>Another graph from the &lsquo;2 Degrees paper&rsquo;. Being able to use full colour for graphs and charts is a bit of a luxury&hellip;</p>";
pic[3][1][2]=430;
pic[3][1][3]=300;
pic[3][2][0]="other/graph_sub2.jpg";
pic[3][2][1]="<h3>Graphs and charts</h3><p>&hellip;since many of the statistical graphics we produce are for the insides of reports and workbooks, so usually two-colour or black and white. These examples are from &lsquo;Assessing The Millennium Promise&rsquo; for Stamp Out Poverty.</p>";
pic[3][2][2]=430;
pic[3][2][3]=300;
pic[3][3][0]="";

pic[4][0][0]="other/o_banner.jpg";
pic[4][0][1]="<h3>Campaign banner</h3><p>No job too big &ndash; this 6m x 12m banner for Jubilee 2000 featured the signatures of some of their big-name supporters. The Dalai Lama&rsquo;s signature was enlarged 10,000% from an original executed in blue biro.</p>";
pic[4][0][2]=410;
pic[4][0][3]=270;
pic[4][1][0]="";

pic[5][0][0]="other/o_lhead.jpg";
pic[5][0][1]="<h3>YBA letterhead</h3><p>Stationery created as part of the branding design for the Yorkshire Baptist Association. We&rsquo;re happy to develop letterheads, business cards and compliment slips as part of a branding project, and always consider the print requirements for a logo design alongside its web compatibility.</p>";
pic[5][0][2]=248;
pic[5][0][3]=351;
pic[5][1][0]="";

pic[6][0][0]="other/o_ad.jpg";
pic[6][0][1]="<h3>Illustration</h3><p>A Wingfinger publicity campaign that highlighted our thirty-odd years in the graphics business. We enjoy any and all illustration challenges, whether they are individual commissions or part of a wider design job.</p>";
pic[6][0][2]=370;
pic[6][0][3]=269;
pic[6][1][0]="";

pic[7][0][0]="other/o_cd.png";
pic[7][0][1]="<h3>Shaping the future</h3><p>An interactive CD Rom. We designed this on-body for the disc itself, as well as the graphical interfaces for the software. Wingfinger have developed a great working relationship with a local business who produces and prints CDs and DVDs.</p>";
pic[7][0][2]=301;
pic[7][0][3]=301;
pic[7][1][0]="";

}

