// javascript for B A N D U J O

jQuery(function($) {

  var main = {
    galleries : [
    /*
		Row 1 - R: NYDOH - Anti-Soda - Distance
    */
	{ 'linkId':'work-item-img-1',
        'images':[
        {'content':
        '<div>'+
         '<video width="640" height="360" controls preload poster="http://media.verkuhl.com/bandujo/NYCDOH_Anti_Soda_Walking.jpg">'+
            '<source src="http://media.verkuhl.com/bandujo/NYCDOH_Anti_Soda_Walking.mp4" type=\'video/mp4; codecs="avc1.42E01E, mp4a.40.2"\' />'+
            '<source src="http://media.verkuhl.com/bandujo/NYCDOH_Anti_Soda_Walking.webm" type=\'video/webm; codecs="vp8, vorbis"\' />'+
            '<source src="http://media.verkuhl.com/bandujo/NYCDOH_Anti_Soda_Walking.ogv" type=\'video/ogg; codecs="theora, vorbis"\' />'+
            '<object width="640" height="360" type="application/x-shockwave-flash" data="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf"> '+
              '<param name="movie" value="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf" /> '+
              '<param name="wmode" value="transparent" /> '+
              '<param name="allowfullscreen" value="true" /> '+
              '<param name="flashvars" value=\'config={"clip": {"url": "http://media.verkuhl.com/bandujo/NYCDOH_Anti_Soda_Walking.mp4", "autoPlay":false, "autoBuffering":true}}\' /> '+
            '</object>'+
          '</video>'+
          '</div>',
          'title' : "New York City Health Department <br> Anti Soda Viral Video - Distances"},

		{'content':
		'<div>'+
		 '<video width="640" height="360" controls preload poster="http://media.verkuhl.com/bandujo/NYCDOH_Anti_Soda_News_55.jpg">'+
		    '<source src="http://media.verkuhl.com/bandujo/NYCDOH_Anti_Soda_News_55.mp4" type=\'video/mp4; codecs="avc1.42E01E, mp4a.40.2"\' />'+
		    '<source src="http://media.verkuhl.com/bandujo/NYCDOH_Anti_Soda_News_55.webm" type=\'video/webm; codecs="vp8, vorbis"\' />'+
		    '<source src="http://media.verkuhl.com/bandujo/NYCDOH_Anti_Soda_News_55.ogv" type=\'video/ogg; codecs="theora, vorbis"\' />'+
		    '<object width="640" height="360" type="application/x-shockwave-flash" data="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf"> '+
		      '<param name="movie" value="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf" /> '+
		      '<param name="wmode" value="transparent" /> '+
		      '<param name="allowfullscreen" value="true" /> '+
		      '<param name="flashvars" value=\'config={"clip": {"url": "http://media.verkuhl.com/bandujo/NYCDOH_Anti_Soda_News_55.mp4", "autoPlay":false, "autoBuffering":true}}\' /> '+
		    '</object>'+
		  '</video>'+
		  '</div>',
		  'title' : "New York City Health Department <br> Anti Soda Television Ad - 50 Pounds"},
		
          {'href':'images/work_R1_B1_L_1.jpg', 'title':"New York City Department of Health <br> Anti Soda Print &amp; Outdoor Campaign - Distances"},
          {'href':'images/work_R1_B1_L_2.jpg', 'title':"New York City Department of Health <br> Anti Soda Print &amp; Outdoor Campaign - Distances"}, 
          {'href':'images/work_R1_B1_L_3.jpg', 'title':"New York City Department of Health <br> Anti Soda Print &amp; Outdoor Campaign - Distances"},
          {'href':'images/work_R1_B1_L_4.jpg', 'title':"New York City Department of Health <br> Anti Soda Print Ads - Distances"}, 
          {'href':'images/work_R1_B1_L_5.jpg', 'title':"New York City Department of Health <br> Anti Soda Print Ads - Distances"},
          {'href':'images/work_R1_B1_L_6.jpg', 'title':"New York City Department of Health <br> Anti Soda Online Ads - Distances"}, 
          {'href':'images/work_R1_B1_L_7.jpg', 'title':"New York City Department of Health <br> Anti Soda Collateral - Distances"},
          ]
      },
      /*
		Row 1 - C: Chase
     */
      { 'linkId':'work-item-img-2',
        'images':[
        { 'href' : 'images/work_R1_B2_C_1.jpg', 'title' : 'Chase <br>Checking Account Acquisition Direct Mail ' }, 
        { 'href' : 'images/work_R1_B2_C_2.jpg', 'title' : 'Chase <br>Savings Account Acquisition Direct Mail ' }, 
        { 'href' : 'images/work_R1_B2_C_3.jpg', 'title' : 'Chase <br>Business to Business Checking Account Acquisition Direct Mail ' },

		{'content':
		'<div>'+
		 '<video width="640" height="232" controls preload poster="http://media.verkuhl.com/bandujo/Chase_Web_Interstitial.jpg">'+
		    '<source src="http://media.verkuhl.com/bandujo/Chase_Web_Interstitial.mp4" type=\'video/mp4; codecs="avc1.42E01E, mp4a.40.2"\' />'+
		    '<source src="http://media.verkuhl.com/bandujo/Chase_Web_Interstitial.webm" type=\'video/webm; codecs="vp8, vorbis"\' />'+
		    '<source src="http://media.verkuhl.com/bandujo/Chase_Web_Interstitial.ogv" type=\'video/ogg; codecs="theora, vorbis"\' />'+
		    '<object width="640" height="232" type="application/x-shockwave-flash" data="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf"> '+
		      '<param name="movie" value="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf" /> '+
		      '<param name="wmode" value="transparent" /> '+
		      '<param name="allowfullscreen" value="true" /> '+
		      '<param name="flashvars" value=\'config={"clip": {"url": "http://media.verkuhl.com/bandujo/Chase_Web_Interstitial.mp4", "autoPlay":false, "autoBuffering":true}}\' /> '+
		    '</object>'+
		  '</video>'+
		  '</div>',
		  'title' : "Chase <br>Web Interstitial"},

        { 'href' : 'images/work_R1_B2_C_4.jpg', 'title' : 'Chase Home Mortgage <br>Collateral and Direct Mail ' },

		{'content':
		'<div>'+
		 '<video width="640" height="232" controls preload poster="http://media.verkuhl.com/bandujo/Chase_Web_Interstitial_2.jpg">'+
		    '<source src="http://media.verkuhl.com/bandujo/Chase_Web_Interstitial_2.mp4" type=\'video/mp4; codecs="avc1.42E01E, mp4a.40.2"\' />'+
		    '<source src="http://media.verkuhl.com/bandujo/Chase_Web_Interstitial_2.webm" type=\'video/webm; codecs="vp8, vorbis"\' />'+
		    '<source src="http://media.verkuhl.com/bandujo/Chase_Web_Interstitial_2.ogv" type=\'video/ogg; codecs="theora, vorbis"\' />'+
		    '<object width="640" height="232" type="application/x-shockwave-flash" data="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf"> '+
		      '<param name="movie" value="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf" /> '+
		      '<param name="wmode" value="transparent" /> '+
		      '<param name="allowfullscreen" value="true" /> '+
		      '<param name="flashvars" value=\'config={"clip": {"url": "http://media.verkuhl.com/bandujo/Chase_Web_Interstitial_2.mp4", "autoPlay":false, "autoBuffering":true}}\' /> '+
		    '</object>'+
		  '</video>'+
		  '</div>',
		  'title' : "Chase <br>Web Interstitial"},

        { 'href' : 'images/work_R1_B2_C_5.jpg', 'title' : 'Chase <br>New Checking Account Opening Collateral ' }, 
        { 'href' : 'images/work_R1_B2_C_6.jpg', 'title' : 'Chase <br>New Checking Account Opening Collateral' },
        { 'href' : 'images/work_R1_B2_C_7.jpg', 'title' : 'Chase <br>New Checking Account Opening Collateral ' }, 
        { 'href' : 'images/work_R1_B2_C_8.jpg', 'title' : 'Chase <br>National Association of Realtors&reg; Trade Show Booth Creative & Design ' }, 
        { 'href' : 'images/work_R1_B2_C_9.jpg', 'title' : 'Chase <br>National Association of Realtors&reg; Trade Show Booth Creative & Design ' },
        { 'href' : 'images/work_R1_B2_C_10.jpg', 'title' : 'Chase <br>National Association of Realtors&reg; Trade Show Booth Creative & Design ' },

		{'content':
		'<div>'+
		 '<video width="640" height="360" controls preload poster="http://media.verkuhl.com/bandujo/Chase_NARD_Tradeshow_video.jpg">'+
		    '<source src="http://media.verkuhl.com/bandujo/Chase_NARD_Tradeshow_video.mp4" type=\'video/mp4; codecs="avc1.42E01E, mp4a.40.2"\' />'+
		    '<source src="http://media.verkuhl.com/bandujo/Chase_NARD_Tradeshow_video.webm" type=\'video/webm; codecs="vp8, vorbis"\' />'+
		    '<source src="http://media.verkuhl.com/bandujo/Chase_NARD_Tradeshow_video.ogv" type=\'video/ogg; codecs="theora, vorbis"\' />'+
		    '<object width="640" height="360" type="application/x-shockwave-flash" data="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf"> '+
		      '<param name="movie" value="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf" /> '+
		      '<param name="wmode" value="transparent" /> '+
		      '<param name="allowfullscreen" value="true" /> '+
		      '<param name="flashvars" value=\'config={"clip": {"url": "http://media.verkuhl.com/bandujo/Chase_NARD_Tradeshow_video.mp4", "autoPlay":false, "autoBuffering":true}}\' /> '+
		    '</object>'+
		  '</video>'+
		  '</div>',
		  'title' : "Chase <br>National Association of Realtors&reg; Trade Show Video"},

        { 'href' : 'images/work_R1_B2_C_11.jpg', 'title' : 'Chase Mortgage <br>Mortgage Collateral & Online Ads ' }, 
        { 'href' : 'images/work_R1_B2_C_12.jpg', 'title' : 'Chase Mortgage <br>Mortgage Email Marketing ' },
        { 'href' : 'images/work_R1_B2_C_13.jpg', 'title' : 'Chase Mortgage <br>Real Estate Connections Seminar Invitation - Identity System ' }, 
        { 'href' : 'images/work_R1_B2_C_14.jpg', 'title' : 'Chase Mortgage <br>Real Estate Connections Seminar Email Invitation' }, 
        { 'href' : 'images/work_R1_B2_C_15.jpg', 'title' : 'Chase Mortgage <br>Real Estate Connections Online Feedback Survey ' },
        { 'href' : 'images/work_R1_B2_C_16.jpg', 'title' : 'Chase <br>Personal Savings Account Acquisition Direct Mail Packages ' },
        { 'href' : 'images/work_R1_B2_C_17.jpg', 'title' : 'Chase Mortgage <br>Monthly Email Newsletter ' },
        { 'href' : 'images/work_R1_B2_C_18.jpg', 'title' : 'Chase <br>Chase Employee Recruitment Brochure ' },
        { 'href' : 'images/work_R1_B2_C_19.jpg', 'title' : 'Chase <br>Chase Employee Recruitment Brochure ' },
        { 'href' : 'images/work_R1_B2_C_20.jpg', 'title' : 'Chase <br>New Savings Account Direct Mail ' }
        ]
      },
    /*
        Row 1 - R: NYDOH - Anti-Smoking Campaign
    */
      { 'linkId':'work-item-img-3',
        'images':[
        {'content':
        '<div>'+
         '<video width="640" height="360" controls preload poster="http://media.verkuhl.com/bandujo/Anti_smoking_TV_Stroke.jpg">'+
            '<source src="http://media.verkuhl.com/bandujo/Anti_smoking_TV_Stroke.mp4" type=\'video/mp4; codecs="avc1.42E01E, mp4a.40.2"\' />'+
            '<source src="http://media.verkuhl.com/bandujo/Anti_smoking_TV_Stroke.webm" type=\'video/webm; codecs="vp8, vorbis"\' />'+
            '<source src="http://media.verkuhl.com/bandujo/Anti_smoking_TV_Stroke.ogv" type=\'video/ogg; codecs="theora, vorbis"\' />'+
            '<object width="640" height="360" type="application/x-shockwave-flash" data="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf"> '+
              '<param name="movie" value="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf" /> '+
              '<param name="wmode" value="transparent" /> '+
              '<param name="allowfullscreen" value="true" /> '+
              '<param name="flashvars" value=\'config={"clip": {"url": "http://media.verkuhl.com/bandujo/Anti_smoking_TV_Stroke.mp4", "autoPlay":false, "autoBuffering":true}}\' /> '+
            '</object>'+
          '</video>'+
        '</div>',
        'title' : "New York City Department of Health <br> Anti Smoking Television Ad - Suffering campaign, Stroke"},

        {'content':
        '<div>'+
         '<video width="640" height="360" controls preload poster="http://media.verkuhl.com/bandujo/Anti_smoking_TV_Emphysema.jpg">'+
            '<source src="http://media.verkuhl.com/bandujo/Anti_smoking_TV_Emphysema.mp4" type=\'video/mp4; codecs="avc1.42E01E, mp4a.40.2"\' />'+
            '<source src="http://media.verkuhl.com/bandujo/Anti_smoking_TV_Emphysema.webm" type=\'video/webm; codecs="vp8, vorbis"\' />'+
            '<source src="http://media.verkuhl.com/bandujo/Anti_smoking_TV_Emphysema.ogv" type=\'video/ogg; codecs="theora, vorbis"\' />'+
            '<object width="640" height="360" type="application/x-shockwave-flash" data="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf"> '+
              '<param name="movie" value="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf" /> '+
              '<param name="wmode" value="transparent" /> '+
              '<param name="allowfullscreen" value="true" /> '+
              '<param name="flashvars" value=\'config={"clip": {"url": "http://media.verkuhl.com/bandujo/Anti_smoking_TV_Emphysema.mp4", "autoPlay":false, "autoBuffering":true}}\' /> '+
            '</object>'+
          '</video>'+
          '</div>',
          'title' : "New York City Department of Health <br> Anti Smoking Television Ad - Suffering campaign, Emphysema"},

          {'href':'images/work_R1_B3_R_1.jpg', 'title':"New York City Department of Health <br> Anti Smoking Print &amp; Outdoor Ad - Suffering campaign, Stroke"}, 
          {'href':'images/work_R1_B3_R_2.jpg', 'title':"New York City Department of Health <br> Anti Smoking Print &amp; Outdoor Ad - Suffering campaign, Emphysema"}
          ]
      },
    /*
        Row 2 - L: WisdomTree
    */     
      { 'linkId':'work-item-img-4',
        'images':[
		{'content':
		'<div>'+
		 '<video width="648" height="486" controls preload poster="http://media.verkuhl.com/bandujo/WT_WDTI.jpg">'+
		    '<source src="http://media.verkuhl.com/bandujo/WT_WDTI.mp4" type=\'video/mp4; codecs="avc1.42E01E, mp4a.40.2"\' />'+
		    '<source src="http://media.verkuhl.com/bandujo/WT_WDTI.webm" type=\'video/webm; codecs="vp8, vorbis"\' />'+
		    '<source src="http://media.verkuhl.com/bandujo/WT_WDTI.ogv" type=\'video/ogg; codecs="theora, vorbis"\' />'+
		    '<object width="648" height="486" type="application/x-shockwave-flash" data="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf"> '+
		      '<param name="movie" value="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf" /> '+
		      '<param name="wmode" value="transparent" /> '+
		      '<param name="allowfullscreen" value="true" /> '+
		      '<param name="flashvars" value=\'config={"clip": {"url": "http://media.verkuhl.com/bandujo/WT_WDTI.mp4", "autoPlay":false, "autoBuffering":true}}\' /> '+
		    '</object>'+
		  '</video>'+
		  '</div>',
		  'title' : "WisdomTree Investments <br>Television Ad - WDTI, WisdomTree Managed Futures Strategy ETF"},

		{'content':
		'<div>'+
		 '<video width="648" height="486" controls preload poster="http://media.verkuhl.com/bandujo/WT_ALD.jpg">'+
		    '<source src="http://media.verkuhl.com/bandujo/WT_ALD.mp4" type=\'video/mp4; codecs="avc1.42E01E, mp4a.40.2"\' />'+
		    '<source src="http://media.verkuhl.com/bandujo/WT_ALD.webm" type=\'video/webm; codecs="vp8, vorbis"\' />'+
		    '<source src="http://media.verkuhl.com/bandujo/WT_ALD.ogv" type=\'video/ogg; codecs="theora, vorbis"\' />'+
		    '<object width="648" height="486" type="application/x-shockwave-flash" data="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf"> '+
		      '<param name="movie" value="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf" /> '+
		      '<param name="wmode" value="transparent" /> '+
		      '<param name="allowfullscreen" value="true" /> '+
		      '<param name="flashvars" value=\'config={"clip": {"url": "http://media.verkuhl.com/bandujo/WT_ALD.mp4", "autoPlay":false, "autoBuffering":true}}\' /> '+
		    '</object>'+
		  '</video>'+
		  '</div>',
		  'title' : "WisdomTree Investments <br>Television Ad - ALD, WisdomTree Asia Local Debt ETF"},

		{'content':
		'<div>'+
		 '<video width="648" height="486" controls preload poster="http://media.verkuhl.com/bandujo/WT_DTN.jpg">'+
		    '<source src="http://media.verkuhl.com/bandujo/WT_DTN.mp4" type=\'video/mp4; codecs="avc1.42E01E, mp4a.40.2"\' />'+
		    '<source src="http://media.verkuhl.com/bandujo/WT_DTN.webm" type=\'video/webm; codecs="vp8, vorbis"\' />'+
		    '<source src="http://media.verkuhl.com/bandujo/WT_DTN.ogv" type=\'video/ogg; codecs="theora, vorbis"\' />'+
		    '<object width="648" height="486" type="application/x-shockwave-flash" data="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf"> '+
		      '<param name="movie" value="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf" /> '+
		      '<param name="wmode" value="transparent" /> '+
		      '<param name="allowfullscreen" value="true" /> '+
		      '<param name="flashvars" value=\'config={"clip": {"url": "http://media.verkuhl.com/bandujo/WT_DTN.mp4", "autoPlay":false, "autoBuffering":true}}\' /> '+
		    '</object>'+
		  '</video>'+
		  '</div>',
		  'title' : "WisdomTree Investments <br>Television Ad - DTN, WisdomTree Domestic Dividend ex-Financials ETF"},

		{'content':
		'<div>'+
		 '<video width="640" height="480" controls preload poster="http://media.verkuhl.com/bandujo/WT_TV_DEM.jpg">'+
		    '<source src="http://media.verkuhl.com/bandujo/WT_TV_DEM.mp4" type=\'video/mp4; codecs="avc1.42E01E, mp4a.40.2"\' />'+
		    '<source src="http://media.verkuhl.com/bandujo/WT_TV_DEM.webm" type=\'video/webm; codecs="vp8, vorbis"\' />'+
		    '<source src="http://media.verkuhl.com/bandujo/WT_TV_DEM.ogv" type=\'video/ogg; codecs="theora, vorbis"\' />'+
		    '<object width="640" height="480" type="application/x-shockwave-flash" data="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf"> '+
		      '<param name="movie" value="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf" /> '+
		      '<param name="wmode" value="transparent" /> '+
		      '<param name="allowfullscreen" value="true" /> '+
		      '<param name="flashvars" value=\'config={"clip": {"url": "http://media.verkuhl.com/bandujo/WT_TV_DEM.mp4", "autoPlay":false, "autoBuffering":true}}\' /> '+
		    '</object>'+
		  '</video>'+
		  '</div>',
		  'title' : "WisdomTree Investments <br>Television Ad - DEM, Emerging Markets Dividend ETF"},

		{'content':
		'<div>'+
		 '<video width="640" height="480" controls preload poster="http://media.verkuhl.com/bandujo/WT_TV_CYB.jpg">'+
		    '<source src="http://media.verkuhl.com/bandujo/WT_TV_CYB.mp4" type=\'video/mp4; codecs="avc1.42E01E, mp4a.40.2"\' />'+
		    '<source src="http://media.verkuhl.com/bandujo/WT_TV_CYB.webm" type=\'video/webm; codecs="vp8, vorbis"\' />'+
		    '<source src="http://media.verkuhl.com/bandujo/WT_TV_CYB.ogv" type=\'video/ogg; codecs="theora, vorbis"\' />'+
		    '<object width="640" height="480" type="application/x-shockwave-flash" data="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf"> '+
		      '<param name="movie" value="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf" /> '+
		      '<param name="wmode" value="transparent" /> '+
		      '<param name="allowfullscreen" value="true" /> '+
		      '<param name="flashvars" value=\'config={"clip": {"url": "http://media.verkuhl.com/bandujo/WT_TV_CYB.mp4", "autoPlay":false, "autoBuffering":true}}\' /> '+
		    '</object>'+
		  '</video>'+
		  '</div>',
		  'title' : "WisdomTree Investments <br>Television Ad - CYB, WisdomTree Dreyfus Chinese Yuan Fund"},

		{'content':
		'<div>'+
		 '<video width="640" height="480" controls preload poster="http://media.verkuhl.com/bandujo/WT_TV_DLN.jpg">'+
		    '<source src="http://media.verkuhl.com/bandujo/WT_TV_DLN.mp4" type=\'video/mp4; codecs="avc1.42E01E, mp4a.40.2"\' />'+
		    '<source src="http://media.verkuhl.com/bandujo/WT_TV_DLN.webm" type=\'video/webm; codecs="vp8, vorbis"\' />'+
		    '<source src="http://media.verkuhl.com/bandujo/WT_TV_DLN.ogv" type=\'video/ogg; codecs="theora, vorbis"\' />'+
		    '<object width="640" height="480" type="application/x-shockwave-flash" data="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf"> '+
		      '<param name="movie" value="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf" /> '+
		      '<param name="wmode" value="transparent" /> '+
		      '<param name="allowfullscreen" value="true" /> '+
		      '<param name="flashvars" value=\'config={"clip": {"url": "http://media.verkuhl.com/bandujo/WT_TV_DLN.mp4", "autoPlay":false, "autoBuffering":true}}\' /> '+
		    '</object>'+
		  '</video>'+
		  '</div>',
		  'title' : "WisdomTree Investments <br>Television Ad - DLN, WisdomTree Large Cap Dividend Fund"},

		{'content':
		'<div>'+
		 '<video width="640" height="480" controls preload poster="http://media.verkuhl.com/bandujo/WT_TV_EPI.jpg">'+
		    '<source src="http://media.verkuhl.com/bandujo/WT_TV_EPI.mp4" type=\'video/mp4; codecs="avc1.42E01E, mp4a.40.2"\' />'+
		    '<source src="http://media.verkuhl.com/bandujo/WT_TV_EPI.webm" type=\'video/webm; codecs="vp8, vorbis"\' />'+
		    '<source src="http://media.verkuhl.com/bandujo/WT_TV_EPI.ogv" type=\'video/ogg; codecs="theora, vorbis"\' />'+
		    '<object width="640" height="480" type="application/x-shockwave-flash" data="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf"> '+
		      '<param name="movie" value="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf" /> '+
		      '<param name="wmode" value="transparent" /> '+
		      '<param name="allowfullscreen" value="true" /> '+
		      '<param name="flashvars" value=\'config={"clip": {"url": "http://media.verkuhl.com/bandujo/WT_TV_EPI.mp4", "autoPlay":false, "autoBuffering":true}}\' /> '+
		    '</object>'+
		  '</video>'+
		  '</div>',
		  'title' : "WisdomTree Investments <br>Television Ad - EPI, India ETF"},

		{'content':
		'<div>'+
		 '<video width="640" height="480" controls preload poster="http://media.verkuhl.com/bandujo/WT_TV_DLS.jpg">'+
		    '<source src="http://media.verkuhl.com/bandujo/WT_TV_DLS.mp4" type=\'video/mp4; codecs="avc1.42E01E, mp4a.40.2"\' />'+
		    '<source src="http://media.verkuhl.com/bandujo/WT_TV_DLS.webm" type=\'video/webm; codecs="vp8, vorbis"\' />'+
		    '<source src="http://media.verkuhl.com/bandujo/WT_TV_DLS.ogv" type=\'video/ogg; codecs="theora, vorbis"\' />'+
		    '<object width="640" height="480" type="application/x-shockwave-flash" data="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf"> '+
		      '<param name="movie" value="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf" /> '+
		      '<param name="wmode" value="transparent" /> '+
		      '<param name="allowfullscreen" value="true" /> '+
		      '<param name="flashvars" value=\'config={"clip": {"url": "http://media.verkuhl.com/bandujo/WT_TV_DLS.mp4", "autoPlay":false, "autoBuffering":true}}\' /> '+
		    '</object>'+
		  '</video>'+
		  '</div>',
		  'title' : "WisdomTree Investments <br>Television Ad - DLS, International Small Caps ETF"},

        { 'href' : 'images/work_R2_B1_L_1.jpg', 'title' : "WisdomTree Investments <br> Print Ad - Brand Launch" }
        ]
      },
   	/*
        Row 2 - C: DTCC
    */
	      { 'linkId':'work-item-img-5',
	        'images':[
			{'content':
			'<div>'+
			 '<video width="640" height="428" controls preload poster="http://media.verkuhl.com/bandujo/DTCC_Corporate_Video.jpg">'+
			    '<source src="http://media.verkuhl.com/bandujo/DTCC_Corporate_Video.mp4" type=\'video/mp4; codecs="avc1.42E01E, mp4a.40.2"\' />'+
			    '<source src="http://media.verkuhl.com/bandujo/DTCC_Corporate_Video.webm" type=\'video/webm; codecs="vp8, vorbis"\' />'+
			    '<source src="http://media.verkuhl.com/bandujo/DTCC_Corporate_Video.ogv" type=\'video/ogg; codecs="theora, vorbis"\' />'+
			    '<object width="640" height="428" type="application/x-shockwave-flash" data="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf"> '+
			      '<param name="movie" value="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf" /> '+
			      '<param name="wmode" value="transparent" /> '+
			      '<param name="allowfullscreen" value="true" /> '+
			      '<param name="flashvars" value=\'config={"clip": {"url": "http://media.verkuhl.com/bandujo/DTCC_Corporate_Video.mp4", "autoPlay":false, "autoBuffering":true}}\' /> '+
			    '</object>'+
			  '</video>'+
			  '</div>',
			  'title' : "DTCC<br>Corporate Video"},

	        { 'href' : 'images/work_R2_B2_C_1.jpg', 'title' : 'DTCC<br>Brand Identity, Collateral - Brochure'}, 
	        { 'href' : 'images/work_R2_B2_C_2.jpg', 'title' : 'DTCC<br>Brand Identity, Collateral - Brochure'}, 
	        { 'href' : 'images/work_R2_B2_C_3.jpg', 'title' : 'DTCC<br>Brand Identity, Collateral - Brochure'}, 
	        { 'href' : 'images/work_R2_B2_C_4.jpg', 'title' : 'DTCC<br>Brand Identity, Collateral - Brochure'},
	        { 'href' : 'images/work_R2_B2_C_5.jpg', 'title' : 'DTCC<br>Direct Mail - New Business Acquisition'},
	        { 'href' : 'images/work_R2_B2_C_6.jpg', 'title' : 'DTCC<br>Brand Identity, Brand Identity, Collateral - Fact Sheet'} 
	        ]
	      },
    /*
        Row 2 - R: NYCDA
    */
	      { 'linkId':'work-item-img-6',
	        'images':[
	        { 'href' : 'images/work_R2_B3_R_1.jpg', 'title' : 'The New York Conservatory for Dramatic Arts<br>Brand Identity, Logo Design' }, 
	        { 'href' : 'images/work_R2_B3_R_2.jpg', 'title' : 'The New York Conservatory for Dramatic Arts<br>Print Advertisement, Branding, Student Recruitment' }, 
	        { 'href' : 'images/work_R2_B3_R_3.jpg', 'title' : 'The New York Conservatory for Dramatic Arts<br>Print Advertisement, Branding, Student Recruitment' }, 
	        { 'href' : 'images/work_R2_B3_R_4.jpg', 'title' : 'The New York Conservatory for Dramatic Arts<br>Website Realignment, Home Page' }, 
	        { 'href' : 'images/work_R2_B3_R_5.jpg', 'title' : 'The New York Conservatory for Dramatic Arts<br>Website Realignment, Secondary Page' }, 
	        { 'href' : 'images/work_R2_B3_R_6.jpg', 'title' : 'The New York Conservatory for Dramatic Arts<br>Website Realignment, Secondary Page' },
	        { 'href' : 'images/work_R2_B3_R_7.jpg', 'title' : 'The New York Conservatory for Dramatic Arts<br>Website Realignment, Secondary Page' }, 

	        {'content':
	        '<div>'+
	         '<video width="630" height="360" controls preload poster="http://media.verkuhl.com/bandujo/NYCDA_YouTube_School_Tour.jpg">'+
	            '<source src="http://media.verkuhl.com/bandujo/NYCDA_YouTube_School_Tour.mp4" type=\'video/mp4; codecs="avc1.42E01E, mp4a.40.2"\' />'+
	            '<source src="http://media.verkuhl.com/bandujo/NYCDA_YouTube_School_Tour.webm" type=\'video/webm; codecs="vp8, vorbis"\' />'+
	            '<source src="http://media.verkuhl.com/bandujo/NYCDA_YouTube_School_Tour.ogv" type=\'video/ogg; codecs="theora, vorbis"\' />'+
	            '<object width="630" height="360" type="application/x-shockwave-flash" data="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf"> '+
	              '<param name="movie" value="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf" /> '+
	              '<param name="wmode" value="transparent" /> '+
	              '<param name="allowfullscreen" value="true" /> '+
	              '<param name="flashvars" value=\'config={"clip": {"url": "http://media.verkuhl.com/bandujo/NYCDA_YouTube_School_Tour.mp4", "autoPlay":false, "autoBuffering":true}}\' /> '+
	            '</object>'+
	          '</video>'+
	          '</div>',
	          'title' : "The New York Conservatory for Dramatic Arts<br>School Tour Online Recruitment Video"},

	        { 'href' : 'images/work_R2_B3_R_8.jpg', 'title' : 'The New York Conservatory for Dramatic Arts<br>Collateral - Course Catalog' },
	        { 'href' : 'images/work_R2_B3_R_9.jpg', 'title' : 'The New York Conservatory for Dramatic Arts<br>Collateral - Course Catalog' }, 
	        { 'href' : 'images/work_R2_B3_R_10.jpg', 'title' : 'The New York Conservatory for Dramatic Arts<br>Collateral - Course Catalog' }, 
	        { 'href' : 'images/work_R2_B3_R_11.jpg', 'title' : 'The New York Conservatory for Dramatic Arts<br>Collateral - Course Catalog' }, 
	        { 'href' : 'images/work_R2_B3_R_12.jpg', 'title' : 'The New York Conservatory for Dramatic Arts<br>Audition Direct Mail' }, 
	        { 'href' : 'images/work_R2_B3_R_13.jpg', 'title' : 'The New York Conservatory for Dramatic Arts<br>Direct Mail - Audition Posters' }, 
	        { 'href' : 'images/work_R2_B3_R_14.jpg', 'title' : 'The New York Conservatory for Dramatic Arts<br>Direct Mail - Audition Posters' }, 
	        { 'href' : 'images/work_R2_B3_R_15.jpg', 'title' : 'The New York Conservatory for Dramatic Arts<br>Direct Mail - Audition Posters' },
	        { 'href' : 'images/work_R2_B3_R_16.jpg', 'title' : 'The New York Conservatory for Dramatic Arts<br>Direct Mail - Audition Posters' },
	        { 'href' : 'images/work_R2_B3_R_17.jpg', 'title' : 'The New York Conservatory for Dramatic Arts<br>Direct Mail - Student Recruitment' },
	        { 'href' : 'images/work_R2_B3_R_18.jpg', 'title' : 'The New York Conservatory for Dramatic Arts<br>Collateral - Summer Course Brochure' },
	        { 'href' : 'images/work_R2_B3_R_19.jpg', 'title' : 'The New York Conservatory for Dramatic Arts<br>Direct Mail - Student Recruitment' },
	        { 'href' : 'images/work_R2_B3_R_20.jpg', 'title' : 'The New York Conservatory for Dramatic Arts<br>Email Marketing - Student Recruitment' }
	        ]
	      },
    /*
        Row 3 - L: NYDOH - Anti-Soda Campaign - Drinking Fat
    */
      { 'linkId':'work-item-img-7',
      'images':[
          {'content':
          '<div>'+
           '<video width="640" height="480" controls preload poster="http://media.verkuhl.com/bandujo/doh_viral_1.jpg">'+
              '<source src="http://media.verkuhl.com/bandujo/doh_viral_1.mp4" type=\'video/mp4; codecs="avc1.42E01E, mp4a.40.2"\' />'+
              '<source src="http://media.verkuhl.com/bandujo/doh_viral_1.webm" type=\'video/webm; codecs="vp8, vorbis"\' />'+
              '<source src="http://media.verkuhl.com/bandujo/doh_viral_1.ogv" type=\'video/ogg; codecs="theora, vorbis"\' />'+
              '<object width="640" height="480" type="application/x-shockwave-flash" data="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf"> '+
                '<param name="movie" value="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf" /> '+
                '<param name="wmode" value="transparent" /> '+
                '<param name="allowfullscreen" value="true" /> '+
                '<param name="flashvars" value=\'config={"clip": {"url": "http://media.verkuhl.com/bandujo/doh_viral_1.mp4", "autoPlay":false, "autoBuffering":true}}\' /> '+
              '</object>'+
            '</video>'+
            '</div>',
            'title' : "New York City Department of Health <br> Anti Soda Viral Video - Drinking Fat"},

          { 'href' : 'images/work_R3_B1_L_1.jpg', 'title':'New York City Department of Health <br>Anti Soda Print &amp; Outdoor Campaign - Are You Pouring on the Pounds?'}, 
          { 'href' : 'images/work_R3_B1_L_2.jpg', 'title':'New York City Department of Health <br>Anti Soda Social Media, YouTube &amp; Facebook - Drinking Fat'},

		{'content':
		'<div>'+
		 '<video width="640" height="360" controls preload poster="http://media.verkuhl.com/bandujo/NYCDOH_Eating_sugar.jpg">'+
		    '<source src="http://media.verkuhl.com/bandujo/NYCDOH_Eating_sugar.mp4" type=\'video/mp4; codecs="avc1.42E01E, mp4a.40.2"\' />'+
		    '<source src="http://media.verkuhl.com/bandujo/NYCDOH_Eating_sugar.webm" type=\'video/webm; codecs="vp8, vorbis"\' />'+
		    '<source src="http://media.verkuhl.com/bandujo/NYCDOH_Eating_sugar.ogv" type=\'video/ogg; codecs="theora, vorbis"\' />'+
		    '<object width="640" height="360" type="application/x-shockwave-flash" data="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf"> '+
		      '<param name="movie" value="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf" /> '+
		      '<param name="wmode" value="transparent" /> '+
		      '<param name="allowfullscreen" value="true" /> '+
		      '<param name="flashvars" value=\'config={"clip": {"url": "http://media.verkuhl.com/bandujo/NYCDOH_Eating_sugar.mp4", "autoPlay":false, "autoBuffering":true}}\' /> '+
		    '</object>'+
		  '</video>'+
		  '</div>',
		  'title' : "New York City Department of Health <br> Anti Soda Viral Video - Eating Sugar"},
		
          { 'href' : 'images/work_R3_B1_L_3.jpg', 'title':'New York City Department of Health <br>Anti Soda Print &amp; Outdoor Campaign - Eating Sugar'}, 
          { 'href' : 'images/work_R3_B1_L_4.jpg', 'title':'New York City Department of Health <br>Anti Soda Print &amp; Outdoor Campaign - Eating Sugar '}, 
          { 'href' : 'images/work_R3_B1_L_5.jpg', 'title':'New York City Department of Health <br>Anti Soda Print &amp; Outdoor Campaign - Eating Sugar '},

		{'content':
		'<div>'+
		 '<video width="640" height="360" controls preload poster="http://media.verkuhl.com/bandujo/NYCDOH_Big_Sugar_Day.jpg">'+
		    '<source src="http://media.verkuhl.com/bandujo/NYCDOH_Big_Sugar_Day.mp4" type=\'video/mp4; codecs="avc1.42E01E, mp4a.40.2"\' />'+
		    '<source src="http://media.verkuhl.com/bandujo/NYCDOH_Big_Sugar_Day.webm" type=\'video/webm; codecs="vp8, vorbis"\' />'+
		    '<source src="http://media.verkuhl.com/bandujo/NYCDOH_Big_Sugar_Day.ogv" type=\'video/ogg; codecs="theora, vorbis"\' />'+
		    '<object width="640" height="360" type="application/x-shockwave-flash" data="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf"> '+
		      '<param name="movie" value="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf" /> '+
		      '<param name="wmode" value="transparent" /> '+
		      '<param name="allowfullscreen" value="true" /> '+
		      '<param name="flashvars" value=\'config={"clip": {"url": "http://media.verkuhl.com/bandujo/NYCDOH_Big_Sugar_Day.mp4", "autoPlay":false, "autoBuffering":true}}\' /> '+
		    '</object>'+
		  '</video>'+
		  '</div>',
		  'title' : "New York City Department of Health <br> Anti Soda Television Ad - Sugar Packets"}
      ]
      },
    /*
        Row 3 - C: USP
    */
      { 'linkId':'work-item-img-8',
        'images':[
        { 'href' : 'images/work_R3_B2_C_1.jpg', 'title' : 'Union Square, New York City<br>Website Realignment, Home Page' },
        { 'href' : 'images/work_R3_B2_C_2.jpg', 'title' : 'Union Square, New York City<br>Website Realignment, Secondary Page'  },
        { 'href' : 'images/work_R3_B2_C_3.jpg', 'title' : 'Union Square, New York City<br>Website Realignment, Events Calendar' },
        { 'href' : 'images/work_R3_B2_C_4.jpg', 'title' : 'Union Square, New York City<br>Collateral - Corporate Brochure' },
        { 'href' : 'images/work_R3_B2_C_5.jpg', 'title' : 'Union Square, New York City<br>Email Marketing - Networking Invitation' },
        { 'href' : 'images/work_R3_B2_C_6.jpg', 'title' : 'Union Square, New York City<br>Direct Mail - Postcard' },
        { 'href' : 'images/work_R3_B2_C_7.jpg', 'title' : 'Union Square, New York City<br>Out of Home - Park Signage' }
        ]
      },
    /*
        Row 3 - R: Disney
    */
      { 'linkId':'work-item-img-9',
        'images':[
          { 'href' : 'images/work_R3_B3_R_1.jpg', 'title' : 'Disney<br>Disney Vacation Club Acquisition Direct Mail' }, 
          { 'href' : 'images/work_R3_B3_R_2.jpg', 'title' : 'Disney<br>Disney Vacation Club Acquisition Email' }, 
          { 'href' : 'images/work_R3_B3_R_3.jpg', 'title' : 'Disney<br>Disney Vacation Club Acquisition Direct Mail' } 
        ]
      },
    /*
        Row 4 - L: Roswell Park
    */
      { 'linkId':'work-item-img-10',
        'images':[
        { 'href' : 'images/work_R4_B1_L_1.jpg', 'title' : 'Roswell Park Cancer Institute<br>Brand Campaign, Outdoor' },
        { 'href' : 'images/work_R4_B1_L_2.jpg', 'title' : 'Roswell Park Cancer Institute<br>Brand Campaign, Outdoor' },

        {'content':
        '<div>'+
         '<video width="720" height="480" controls preload poster="http://media.verkuhl.com/bandujo/RPCI_TV_AD.jpg">'+
            '<source src="http://media.verkuhl.com/bandujo/RPCI_TV_AD.mp4" type=\'video/mp4; codecs="avc1.42E01E, mp4a.40.2"\' />'+
            '<source src="http://media.verkuhl.com/bandujo/RPCI_TV_AD.webm" type=\'video/webm; codecs="vp8, vorbis"\' />'+
            '<source src="http://media.verkuhl.com/bandujo/RPCI_TV_AD.ogv" type=\'video/ogg; codecs="theora, vorbis"\' />'+
            '<object width="640" height="480" type="application/x-shockwave-flash" data="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf"> '+
              '<param name="movie" value="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf" /> '+
              '<param name="wmode" value="transparent" /> '+
              '<param name="allowfullscreen" value="true" /> '+
              '<param name="flashvars" value=\'config={"clip": {"url": "http://media.verkuhl.com/bandujo/RPCI_TV_AD.mp4", "autoPlay":false, "autoBuffering":true}}\' /> '+
            '</object>'+
          '</video>'+
          '</div>',
          'title' : "Roswell Park Cancer Institute<br>Brand Campaign, Television"}
        ]   
      },
    /*
        Row 4 - C: Susan G. Komen
    */
      { 'linkId':'work-item-img-11',
        'images':[           
        { 'href' : 'images/work_R4_B2_C_1.jpg', 'title' : 'Susan G. Komen<br>Style for the Cure Fundraising Print Ad' }, 
        { 'href' : 'images/work_R4_B2_C_2.jpg', 'title' : 'Susan G. Komen<br>Style for the Cure Fundraising Direct Mail' }
        ]
      },
    /*
        Row R - R: Bank of Tokyo-Mitsubishi UFJ
    */
      { 'linkId':'work-item-img-12',
        'images':[           
        { 'href' : 'images/work_R4_B3_R_1.jpg', 'title' : 'Bank of Tokyo-Mitsubishi UFJ<br>Brand Identity, Corporate Social Responsibility Report' }, 
        { 'href' : 'images/work_R4_B3_R_2.jpg', 'title' : 'Bank of Tokyo-Mitsubishi UFJ<br>Brand Identity, Corporate Social Responsibility Report' }, 
        { 'href' : 'images/work_R4_B3_R_3.jpg', 'title' : 'Bank of Tokyo-Mitsubishi UFJ<br>Brand Identity, Corporate Social Responsibility Report' }, 
        { 'href' : 'images/work_R4_B3_R_4.jpg', 'title' : 'Bank of Tokyo-Mitsubishi UFJ<br>Brand Identity, Corporate Social Responsibility Report'},
        { 'href' : 'images/work_R4_B3_R_5.jpg', 'title' : 'Bank of Tokyo-Mitsubishi UFJ<br>Brand Identity, Collateral - Employee Magazine'}, 
        { 'href' : 'images/work_R4_B3_R_6.jpg', 'title' : 'Bank of Tokyo-Mitsubishi UFJ<br>Brand Identity, Collateral - Employee Magazine'}
        ]
      },
   	/*
        Row 5 - L: Children's Specialized
    */
      { 'linkId':'work-item-img-13',
        'images':[    
        { 'href' : 'images/work_R5_B1_L_1.jpg', 'title' : 'Children’s Specialized Hospital<br>Brand identity, Logo Design ReFresh ' }, 
        { 'href' : 'images/work_R5_B1_L_2.jpg', 'title' : 'Children’s Specialized Hospital<br>Collateral - 2010 Annual Report ' },
        { 'href' : 'images/work_R5_B1_L_3.jpg', 'title' : 'Children’s Specialized Hospital<br>Collateral - 2010 Annual Report ' },
        { 'href' : 'images/work_R5_B1_L_4.jpg', 'title' : 'Children’s Specialized Hospital<br>Collateral - 2010 Annual Report' },
        { 'href' : 'images/work_R5_B1_L_5.jpg', 'title' : 'Children’s Specialized Hospital<br>Collateral - Hopsital Overview Brochure ' },
        { 'href' : 'images/work_R5_B1_L_6.jpg', 'title' : 'Children’s Specialized Hospital<br>Collateral - Hopsital Overview Brochure ' },
        { 'href' : 'images/work_R5_B1_L_7.jpg', 'title' : 'Children’s Specialized Hospital<br>Collateral - Hopsital Overview Brochure ' },
        { 'href' : 'images/work_R5_B1_L_8.jpg', 'title' : 'Children’s Specialized Hospital<br>Collateral - Specialty Brochure' },
        { 'href' : 'images/work_R5_B1_L_9.jpg', 'title' : 'Children’s Specialized Hospital<br>Collateral - Specialty Brochure ' },
        { 'href' : 'images/work_R5_B1_L_10.jpg', 'title' : 'Children’s Specialized Hospital<br>Collateral - Hospital Flyer ' },

        {'content':
        '<div>'+
         '<video width="640" height="360" controls preload poster="http://media.verkuhl.com/bandujo/Childrens_Specialized_Hosp.jpg">'+
            '<source src="http://media.verkuhl.com/bandujo/Childrens_Specialized_Hosp.mp4" type=\'video/mp4; codecs="avc1.42E01E, mp4a.40.2"\' />'+
            '<source src="http://media.verkuhl.com/bandujo/Childrens_Specialized_Hosp.webm" type=\'video/webm; codecs="vp8, vorbis"\' />'+
            '<source src="http://media.verkuhl.com/bandujo/Childrens_Specialized_Hosp.ogv" type=\'video/ogg; codecs="theora, vorbis"\' />'+
            '<object width="640" height="360" type="application/x-shockwave-flash" data="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf"> '+
              '<param name="movie" value="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf" /> '+
              '<param name="wmode" value="transparent" /> '+
              '<param name="allowfullscreen" value="true" /> '+
              '<param name="flashvars" value=\'config={"clip": {"url": "http://media.verkuhl.com/bandujo/Childrens_Specialized_Hosp.mp4", "autoPlay":false, "autoBuffering":true}}\' /> '+
            '</object>'+
          '</video>'+
          '</div>',
          'title' : "Children’s Specialized Hospital<br>Fundraising Video"},

        { 'href' : 'images/work_R5_B1_L_11.jpg', 'title' : 'Children’s Specialized Hospital<br>Collateral - Foundation Brochure ' },
        { 'href' : 'images/work_R5_B1_L_12.jpg', 'title' : 'Children’s Specialized Hospital<br>Brand Campaign - Print Ad ' }, 
        { 'href' : 'images/work_R5_B1_L_13.jpg', 'title' : 'Children’s Specialized Hospital<br>Fundraising Gala Invitation ' } 
        ]
      },
	 /*
		Row 5 - C: French Culinary Institute
	 */
	      { 'linkId':'work-item-img-14',
	        'images':[   
	        {'content':
	        '<div>'+
	         '<video width="720" height="480" controls preload poster="http://media.verkuhl.com/bandujo/FCI_TV_AD_1.jpg">'+
	            '<source src="http://media.verkuhl.com/bandujo/FCI_TV_AD_1.mp4" type=\'video/mp4; codecs="avc1.42E01E, mp4a.40.2"\' />'+
	            '<source src="http://media.verkuhl.com/bandujo/FCI_TV_AD_1.webm" type=\'video/webm; codecs="vp8, vorbis"\' />'+
	            '<source src="http://media.verkuhl.com/bandujo/FCI_TV_AD_1.ogv" type=\'video/ogg; codecs="theora, vorbis"\' />'+
	            '<object width="720" height="480" type="application/x-shockwave-flash" data="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf"> '+
	              '<param name="movie" value="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf" /> '+
	              '<param name="wmode" value="transparent" /> '+
	              '<param name="allowfullscreen" value="true" /> '+
	              '<param name="flashvars" value=\'config={"clip": {"url": "http://media.verkuhl.com/bandujo/FCI_TV_AD_1.mp4", "autoPlay":false, "autoBuffering":true}}\' /> '+
	            '</object>'+
	          '</video>'+
	          '</div>',
	          'title' : 'The French Culinary Institute<br>Television Ad, Student Recruitment'},

	        {'content':
	        '<div>'+
	         '<video width="720" height="480" controls preload poster="http://media.verkuhl.com/bandujo/FCI_TV_AD_2.jpg">'+
	            '<source src="http://media.verkuhl.com/bandujo/FCI_TV_AD_2.mp4" type=\'video/mp4; codecs="avc1.42E01E, mp4a.40.2"\' />'+
	            '<source src="http://media.verkuhl.com/bandujo/FCI_TV_AD_2.webm" type=\'video/webm; codecs="vp8, vorbis"\' />'+
	            '<source src="http://media.verkuhl.com/bandujo/FCI_TV_AD_2.ogv" type=\'video/ogg; codecs="theora, vorbis"\' />'+
	            '<object width="720" height="480" type="application/x-shockwave-flash" data="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf"> '+
	              '<param name="movie" value="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf" /> '+
	              '<param name="wmode" value="transparent" /> '+
	              '<param name="allowfullscreen" value="true" /> '+
	              '<param name="flashvars" value=\'config={"clip": {"url": "http://media.verkuhl.com/bandujo/FCI_TV_AD_2.mp4", "autoPlay":false, "autoBuffering":true}}\' /> '+
	            '</object>'+
	          '</video>'+
	          '</div>',
	          'title' : 'The French Culinary Institute<br>Television Ad, Student Recruitment'},

	        { 'href' : 'images/work_R5_B2_C_1.jpg', 'title' : 'The French Culinary Institute<br>Brand Campaign, Pastry Program Print Ad' }, 
	        { 'href' : 'images/work_R5_B2_C_2.jpg', 'title' : 'The French Culinary Institute<br>Brand Campaign, Course Brochure' }, 
	        { 'href' : 'images/work_R5_B2_C_3.jpg', 'title' : 'The French Culinary Institute<br>Brand Campaign, Website Realignment' }
	        ]
	      },
	    /*
	        Row 5 - R: NJMVC
	    */
	      { 'linkId':'work-item-img-15',
	        'images':[           
	        { 'href' : 'images/work_R5_B3_R_1.jpg', 'title' : 'New Jersey Motor Vehicle Commission<br>Website Development - Home Page'}, 
	        { 'href' : 'images/work_R5_B3_R_2.jpg', 'title' : 'New Jersey Motor Vehicle Commission<br>Website Development - Secondary Page'}, 
	        { 'href' : 'images/work_R5_B3_R_3.jpg', 'title' : 'New Jersey Motor Vehicle Commission<br>Website Development - Online Drivers Manual'}, 
	        { 'href' : 'images/work_R5_B3_R_4.jpg', 'title' : 'New Jersey Motor Vehicle Commission<br>6 Point ID - Direct Mail'}, 
	        { 'href' : 'images/work_R5_B3_R_5.jpg', 'title' : 'New Jersey Motor Vehicle Commission<br>Website Development - NJ Inspections, Home Page'},
	        { 'href' : 'images/work_R5_B3_R_6.jpg', 'title' : 'New Jersey Motor Vehicle Commission<br>Website Development - NJ Inspections, Secondary Page'}
	        ]
	      },
    /*
        Row 6 - C: Citigroup Private Bank
    */
      { 'linkId':'work-item-img-16',
        'images':[           
        { 'href' : 'images/work_R6_B1_L_1.jpg', 'title' : 'Citigroup Private Bank<br>Brand Identity, Collateral System'},
        { 'href' : 'images/work_R6_B1_L_2.jpg', 'title' : 'Citigroup Private Bank<br>Brand Identity, Collateral System'},
        { 'href' : 'images/work_R6_B1_L_3.jpg', 'title' : 'Citigroup Private Bank<br>Brand Identity, Collateral System'}
        ]
      },
    /*
        Row 6 - C: Smith Barney
    */
      { 'linkId':'work-item-img-17',
        'images':[    
        { 'href' : 'images/work_R6_B2_C_1.jpg', 'title' : 'Smith Barney<br>Financial Advisor Recruitment Campaign - Direct Mail' }, 
        { 'href' : 'images/work_R6_B2_C_2.jpg', 'title' : 'Smith Barney<br>Financial Advisor Recruitment Campaign - Direct Mail' }, 
        { 'href' : 'images/work_R6_B2_C_3.jpg', 'title' : 'Smith Barney<br>Financial Advisor Recruitment Campaign - Direct Mail' }, 
        { 'href' : 'images/work_R6_B2_C_4.jpg', 'title' : 'Smith Barney<br>Financial Advisor Recruitment Campaign - Direct Mail' }, 
        { 'href' : 'images/work_R6_B2_C_5.jpg', 'title' : 'Smith Barney<br>Financial Advisor Recruitment Campaign - Direct Mail' }, 
        { 'href' : 'images/work_R6_B2_C_6.jpg', 'title' : 'Smith Barney<br>Financial Advisor Recruitment Campaign - Web Site' }, 
        { 'href' : 'images/work_R6_B2_C_7.jpg', 'title' : 'Smith Barney<br>Humane Equity Mutual Fund - Print Ad' }, 
        { 'href' : 'images/work_R6_B2_C_8.jpg', 'title' : 'Smith Barney<br>Humane Equity Mutual Fund - Advertising, Web, Collateral' }, 
        { 'href' : 'images/work_R6_B2_C_9.jpg', 'title' : 'Smith Barney<br>529 College Savings Plan - Advertising Campaign' }, 
        { 'href' : 'images/work_R6_B2_C_10.jpg', 'title' : 'Smith Barney<br>529 College Savings Plan - Advertising Campaign'  }, 
        { 'href' : 'images/work_R6_B2_C_11.jpg', 'title' : 'Smith Barney<br>529 College Savings Plan - Advertising, Web, Collateral, Brand Campaign, Print Ad'  }
        ]
      },
    /*
        Row 6 - R: NYCDOH - HIV Awareness
    */
      { 'linkId':'work-item-img-18',
        'images':[           
        { 'href' : 'images/work_R6_B3_R_1.jpg', 'title' : 'New York City Department of Health<br>HIV Prevention - Social Media, e-condom Facebook Application'}, 
        { 'href' : 'images/work_R6_B3_R_2.jpg', 'title' : 'New York City Department of Health<br>HIV Prevention - Social Media, e-condom Facebook Application'}, 
        { 'href' : 'images/work_R6_B3_R_3.jpg', 'title' : 'New York City Department of Health<br>HIV Awareness - Brooklyn Knows Outdoor Campaign'}, 
        { 'href' : 'images/work_R6_B3_R_4.jpg', 'title' : 'New York City Department of Health<br>HIV Awareness - Brooklyn Knows Outdoor Campaign'}, 
        { 'href' : 'images/work_R6_B3_R_5.jpg', 'title' : 'New York City Department of Health<br>HIV Prevention - Guerilla Marketing'}, 
        { 'href' : 'images/work_R6_B3_R_6.jpg', 'title' : 'New York City Department of Health<br>HIV Prevention - Guerilla Marketing'}, 
        { 'href' : 'images/work_R6_B3_R_7.jpg', 'title' : 'New York City Department of Health<br>HIV Prevention - Guerilla Marketing'},

		{'content':
		'<div>'+
		 '<video width="640" height="80" controls preload poster="http://media.verkuhl.com/bandujo/NYCDOH_CatchLifetime_728x90.jpg">'+
		    '<source src="http://media.verkuhl.com/bandujo/NYCDOH_CatchLifetime_728x90.mp4" type=\'video/mp4; codecs="avc1.42E01E, mp4a.40.2"\' />'+
		    '<source src="http://media.verkuhl.com/bandujo/NYCDOH_CatchLifetime_728x90.webm" type=\'video/webm; codecs="vp8, vorbis"\' />'+
		    '<source src="http://media.verkuhl.com/bandujo/NYCDOH_CatchLifetime_728x90.ogv" type=\'video/ogg; codecs="theora, vorbis"\' />'+
		    '<object width="640" height="80" type="application/x-shockwave-flash" data="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf"> '+
		      '<param name="movie" value="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf" /> '+
		      '<param name="wmode" value="transparent" /> '+
		      '<param name="allowfullscreen" value="true" /> '+
		      '<param name="flashvars" value=\'config={"clip": {"url": "http://media.verkuhl.com/bandujo/NYCDOH_CatchLifetime_728x90.mp4", "autoPlay":false, "autoBuffering":true}}\' /> '+
		    '</object>'+
		  '</video>'+
		  '</div>',
		  'title' : "New York City Department of Health<br>HIV Prevention - Online Advertising"},

		{'content':
		'<div>'+
		 '<video width="640" height="80" controls preload poster="http://media.verkuhl.com/bandujo/NYCDOH_TopBtmVers_728x90.jpg">'+
		    '<source src="http://media.verkuhl.com/bandujo/NYCDOH_TopBtmVers_728x90.mp4" type=\'video/mp4; codecs="avc1.42E01E, mp4a.40.2"\' />'+
		    '<source src="http://media.verkuhl.com/bandujo/NYCDOH_TopBtmVers_728x90.webm" type=\'video/webm; codecs="vp8, vorbis"\' />'+
		    '<source src="http://media.verkuhl.com/bandujo/NYCDOH_TopBtmVers_728x90.ogv" type=\'video/ogg; codecs="theora, vorbis"\' />'+
		    '<object width="640" height="80" type="application/x-shockwave-flash" data="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf"> '+
		      '<param name="movie" value="http://c0086012.cdn2.cloudfiles.rackspacecloud.com/flowplayer-3.2.5.swf" /> '+
		      '<param name="wmode" value="transparent" /> '+
		      '<param name="allowfullscreen" value="true" /> '+
		      '<param name="flashvars" value=\'config={"clip": {"url": "http://media.verkuhl.com/bandujo/NYCDOH_TopBtmVers_728x90.mp4", "autoPlay":false, "autoBuffering":true}}\' /> '+
		    '</object>'+
		  '</video>'+
		  '</div>',
		  'title' : "New York City Department of Health<br>HIV Prevention - Online Advertising"}	
        ]
      },
    /*
        Row 7 - L: Million Trees New York
    */
      { 'linkId':'work-item-img-19',
        'images':[           
        { 'href' : 'images/work_R7_B1_L_1.jpg', 'title' : 'Million Trees New York<br>PSA Advertising Campaign' }, 
        { 'href' : 'images/work_R7_B1_L_2.jpg', 'title' : 'Million Trees New York<br>PSA Advertising Campaign' }, 
        { 'href' : 'images/work_R7_B1_L_3.jpg', 'title' : 'Million Trees New York<br>PSA Advertising Campaign' }, 
        { 'href' : 'images/work_R7_B1_L_4.jpg', 'title' : 'Million Trees New York<br>PSA Advertising Campaign' }, 
        { 'href' : 'images/work_R7_B1_L_5.jpg', 'title' : 'Million Trees New York<br>PSA Advertising Campaign' }, 
        { 'href' : 'images/work_R7_B1_L_6.jpg', 'title' : 'Million Trees New York<br>PSA Advertising Campaign' }
        ]
      },
    /*
        Row 7 - C: Union Bank
    */
      { 'linkId':'work-item-img-20',
        'images':[           
        { 'href' : 'images/work_R7_B2_C_1.jpg', 'title' : 'Union Bank<br>Collateral - 2010 Annual Report'}, 
        { 'href' : 'images/work_R7_B2_C_2.jpg', 'title' : 'Union Bank<br>Collateral - 2010 Annual Report'}, 
        { 'href' : 'images/work_R7_B2_C_3.jpg', 'title' : 'Union Bank<br>Collateral - 2010 Annual Report'}, 
        { 'href' : 'images/work_R7_B2_C_4.jpg', 'title' : 'Union Bank<br>Collateral - 2008 CSR Report'}, 
        { 'href' : 'images/work_R7_B2_C_5.jpg', 'title' : 'Union Bank<br>Collateral - 2008 CSR Report'}, 
        { 'href' : 'images/work_R7_B2_C_6.jpg', 'title' : 'Union Bank<br>Collateral - 2008 CSR Report'}, 
        { 'href' : 'images/work_R7_B2_C_7.jpg', 'title' : 'Union Bank<br>Collateral - 2008 CSR Report'}, 
        { 'href' : 'images/work_R7_B2_C_8.jpg', 'title' : 'Union Bank<br>Collateral - 2009 CSR Report'}, 
        { 'href' : 'images/work_R7_B2_C_9.jpg', 'title' : 'Union Bank<br>Collateral - 2009 CSR Report'}, 
        { 'href' : 'images/work_R7_B2_C_10.jpg', 'title' : 'Union Bank<br>Collateral - 2009 CSR Report'}, 
        { 'href' : 'images/work_R7_B2_C_11.jpg', 'title' : 'Union Bank<br>Collateral - 2009 CSR Report'}, 
        { 'href' : 'images/work_R7_B2_C_12.jpg', 'title' : 'Union Bank<br>Brand Identity - CSR Collateral System'}, 
        { 'href' : 'images/work_R7_B2_C_13.jpg', 'title' : 'Union Bank<br>Brand Identity - CSR Collateral System'}, 
        { 'href' : 'images/work_R7_B2_C_14.jpg', 'title' : 'Union Bank<br>Brand Identity - CSR Collateral System'}
		]
      },
    /*
        Row 7 - R: Surf Control
    */
      { 'linkId':'work-item-img-21',
        'images':[           
        { 'href' : 'images/work_R7_B3_R_1.jpg', 'title' : 'SurfControl<br>Data Security Advertising Campaign'}, 
        { 'href' : 'images/work_R7_B3_R_2.jpg', 'title' : 'SurfControl<br>Email Security Direct Mail'}, 
        { 'href' : 'images/work_R7_B3_R_3.jpg', 'title' : 'SurfControl<br>Email Security Advertising Campaign'}
        ]
      },
    /*
        Row 8 - L: Bids Trading
    */
      { 'linkId':'work-item-img-22',
        'images':[           
        { 'href' : 'images/work_R8_B1_L_1.jpg', 'title' : 'BIDS Trading, Inc.<br>Brand Identity, Logo Development' }, 
        { 'href' : 'images/work_R8_B1_L_2.jpg', 'title' : 'BIDS Trading, Inc.<br>Brand Identity, Website Development' }, 
        { 'href' : 'images/work_R8_B1_L_3.jpg', 'title' : 'BIDS Trading, Inc.<br>Brand Identity, Collateral System' }, 
        { 'href' : 'images/work_R8_B1_L_4.jpg', 'title' : 'BIDS Trading, Inc.<br>NYBX Brand Launch, Print Campaign'}, 
        { 'href' : 'images/work_R8_B1_L_5.jpg', 'title' : 'BIDS Trading, Inc.<br>Brand Identity, Print Campaign'}
        ]
      },
    /*
        Row 8 - C: Greenburg Traurig 
    */
      { 'linkId':'work-item-img-23',
        'images':[           
        { 'href' : 'images/work_R8_B2_C_1.jpg', 'title' : 'Greenberg Traurig LLP<br>Corporate Ads' }, 
        { 'href' : 'images/work_R8_B2_C_2.jpg', 'title' : 'Greenberg Traurig LLP<br>Corporate Ads' }, 
        { 'href' : 'images/work_R8_B2_C_3.jpg', 'title' : 'Greenberg Traurig LLP<br>Recruitment Collateral' }, 
        { 'href' : 'images/work_R8_B2_C_4.jpg', 'title' : 'Greenberg Traurig LLP<br>Recruitment Collateral' }, 
        { 'href' : 'images/work_R8_B2_C_5.jpg', 'title' : 'Greenberg Traurig LLP<br>Recruitment Collateral' }, 
        { 'href' : 'images/work_R8_B2_C_6.jpg', 'title' : 'Greenberg Traurig LLP<br>Recruitment Collateral' }
        ]
      },
    /*
        Row 8 - R: Affinity
    */
      { 'linkId':'work-item-img-24',
        'images':[           
        { 'href' : 'images/work_R8_B3_R_1.jpg', 'title' : 'Affinity Federal Credit Union<br>Online Statements Campaign - Collateral, Advertising, Inserts, Banner Ads'}, 
        { 'href' : 'images/work_R8_B3_R_2.jpg', 'title' : 'Affinity Federal Credit Union<br>Online Statements Campaign - Collateral, Advertising, Inserts, Banner Ads'}, 
		]
      }
    ],
    init:function(){
        // defuscate email
        $(function(){
            // open the bandujo banner with a click
            $('div#network').click(function(event) {
                $('#drop a').click();
            });
            $('#drop a').toggle(function(e) {
                    $('#network').show('blind');
                    $('#drop a.drop span').css('background-position', '0px 0px')
                }, function(e) {
                    $('#network').hide('blind');
                    $('#drop a.drop span').css('background-position', '-32px 0px')
                    return false;
                });
            
        var spt = $('span.mailme');
        var at = / at /;
        var dot = / dot /g;
            spt.each(function(){
                var addr = $($(this)).text().replace(at,"@").replace(dot,".");
                $($(this)).after('<a href="mailto:'+addr+'?subject=Message from Bandujo Website" title="Contact Us" class="email-link">'+ addr +'</a>')
                .hover(function(){window.status="Contact Us!";}, function(){window.status="";});
                $($(this)).remove();
            })
        });
        // append the larger size version of all the images
        $("div.work-item img").each(function(){
            var src = $(this).attr('src')
            var width = 360
            var height = 227
            var lgSrc = src.replace('sm_', 'lg_')
            var img = ["<img class=\"" , 'large' , "\" src=\"" , lgSrc ,  "\" width = '360' height = '225' alt=\"" , $(this).attr('alt') , "\" />"];
            $(img.join('')).insertAfter($(this));
        })
        main.checkSize();
        //
        $('nav#main-nav a').smoothScroll({offset:0});
        $('div.top a').smoothScroll();
        // loop through all links to work images and set up the fancybox functions
        $.each(main.galleries, function(key, value){
            var that = $(this)[0];
            $('a#'+that.linkId).click(function(e){
            e.preventDefault();
            $.fancybox(that.images, 
                {
                 'padding' : 0,
                 'transitionIn' : 'elastic',
                 'transitionOut' : 'elastic',
                 'margin':60,
                 'changeFade' : 0, 
                 'showCloseButton':false,
                 'titlePosition':'outside',
                 'titleFormat':main.formatTitle, 
                 'overlayOpacity':0.8,
                 'overlayColor':'#000',
                 'onComplete': function () { 
                    VideoJS.setupAllWhenReady();
                    $("#fancybox-inner").css({ 'overflow': 'hidden' }); 
                },
                 'onClosed': function () { $("#fancybox-inner").empty(); }
                })
            })
        })
      /*
        TODO these hovers need to be replaced with a click for iOs and other mobile
      */
      var useAnim = Modernizr.opacity;
      $('div.work-item').hover(function(){
          $('h3', $(this)).css('color', '#ec008c')
          if(useAnim){
            $('div.work-item-overlay', $(this)).stop(true, true).fadeIn();          
          } else {
            $('div.work-item-overlay', $(this)).show();
          }
        }, function(){
          $('h3', $(this)).css('color', '#333')
          if(useAnim){
            $('div.work-item-overlay', $(this)).stop(true, true).fadeOut();
          } else {
            $('div.work-item-overlay', $(this)).hide();
          }
      })
      // check for page size on resize, serve different images if necessary
      $(window).resize(function(){
          main.checkSize()
      })
    }, 
    // for Fancybox
    formatTitle: function(title, currentArray, currentIndex, currentOpts) {
        return '<div class="work-modal-title"> <h4>' + title + 
        '</h4><span><a class="modal-close" href="javascript:;" onclick="$.fancybox.close();"></a></span></div>';
    },
    // add a class to the html element to switch layouts
    checkSize: function(){
        if($(window).width() > 1150){
            $('div.work-item').css('height','auto')
            $('html').removeClass('small').addClass('large');
            main.standardizeHeights($('div.work-item'));
        } else {
            $('div.work-item').css('height','auto')
            $('html').removeClass('large').addClass('small');
            main.standardizeHeights($('div.work-item'));
        }
    },
    standardizeHeights: function(set){
        maxHeight = 0;
        set.each(function(){
            maxHeight = ($(this).height()>maxHeight)?$(this).height() : maxHeight;
        })
        set.each(function(){$(this).height(maxHeight)})
    }
  }
  // 
  main.init();
});