package org.apache.jsp.imagenes_002dresponsive.imagne;

import javax.servlet.*;
import javax.servlet.http.*;
import javax.servlet.jsp.*;

public final class demonstration_jsp extends org.apache.jasper.runtime.HttpJspBase
    implements org.apache.jasper.runtime.JspSourceDependent {

  private static final JspFactory _jspxFactory = JspFactory.getDefaultFactory();

  private static java.util.List<String> _jspx_dependants;

  private org.glassfish.jsp.api.ResourceInjector _jspx_resourceInjector;

  public java.util.List<String> getDependants() {
    return _jspx_dependants;
  }

  public void _jspService(HttpServletRequest request, HttpServletResponse response)
        throws java.io.IOException, ServletException {

    PageContext pageContext = null;
    HttpSession session = null;
    ServletContext application = null;
    ServletConfig config = null;
    JspWriter out = null;
    Object page = this;
    JspWriter _jspx_out = null;
    PageContext _jspx_page_context = null;

    try {
      response.setContentType("text/html");
      pageContext = _jspxFactory.getPageContext(this, request, response,
      			null, true, 8192, true);
      _jspx_page_context = pageContext;
      application = pageContext.getServletContext();
      config = pageContext.getServletConfig();
      session = pageContext.getSession();
      out = pageContext.getOut();
      _jspx_out = out;
      _jspx_resourceInjector = (org.glassfish.jsp.api.ResourceInjector) application.getAttribute("com.sun.appserv.jsp.resource.injector");

      out.write("<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\"> \n");
      out.write("<html>\n");
      out.write("\n");
      out.write("<head>\n");
      out.write("  <title>nanoGALLERY</title>\n");
      out.write("                                                                                                  \n");
      out.write("  <script type=\"text/javascript\" src=\"third.party/jquery-1.7.1.min.js\"></script>\n");
      out.write("                                                                                                         \n");
      out.write("\t<!-- nanoGALLERY - default theme css file                                                                                 -->\n");
      out.write("\t<link href=\"css/nanogallery.css\" rel=\"stylesheet\" type=\"text/css\">\n");
      out.write("\t<!-- nanoGALLERY - css file for the theme 'clean'                                                                         -->\n");
      out.write("\t<link href=\"css/themes/clean/nanogallery_clean.css\" rel=\"stylesheet\" type=\"text/css\">\n");
      out.write("\t<!-- nanoGALLERY - css file for the theme 'light'                                                                         -->\n");
      out.write("\t<link href=\"css/themes/light/nanogallery_light.css\" rel=\"stylesheet\" type=\"text/css\">\n");
      out.write("  <!-- #################################################################################################################### -->\n");
      out.write("\n");
      out.write("  <!-- #################################################################################################################### -->\n");
      out.write("\t<!-- nanoGALLERY javascript                                                                                               -->\n");
      out.write("  <!--                                                                                                                      -->\n");
      out.write("\t<script type=\"text/javascript\" src=\"jquery.nanogallery.js\"></script>\n");
      out.write("  <!--                                                                                                                      -->\n");
      out.write("  <!-- #################################################################################################################### -->\n");
      out.write("\n");
      out.write("  \n");
      out.write("\n");
      out.write("  \n");
      out.write("  \n");
      out.write("  \n");
      out.write("  <!-- #################################################################################################################### -->\n");
      out.write("\t<!-- nanoGALLERY DEMO PANEL javascript - NOT NEEDED TO USE THE PLUGIN                                                     -->\n");
      out.write("\t<script type=\"text/javascript\" src=\"jquery.nanogallerydemo.js\"></script> \n");
      out.write("  <!-- #################################################################################################################### -->\n");
      out.write("\n");
      out.write("\t<script>\n");
      out.write("\t\t$(document).ready(function () {\n");
      out.write("    \n");
      out.write("      // ##################################################################################################################\n");
      out.write("      // ##### Sample1 - API method #####\n");
      out.write("      // ##################################################################################################################\n");
      out.write("\t\t\tvar myColorScheme = {\n");
      out.write("\t\t\t\tnavigationbar : {\n");
      out.write("\t\t\t\t\tbackground : '#000',\n");
      out.write("\t\t\t\t\tborder : '0px dotted #555',\n");
      out.write("\t\t\t\t\tcolor : '#ccc',\n");
      out.write("\t\t\t\t\tcolorHover:'#fff'\n");
      out.write("\t\t\t\t},\n");
      out.write("\t\t\t\tthumbnail : {\n");
      out.write("\t\t\t\t\tbackground:'#000',\n");
      out.write("\t\t\t\t\tborder:'1px solid #000',\n");
      out.write("\t\t\t\t\tlabelBackground:'transparent',\n");
      out.write("\t\t\t\t\tlabelOpacity:'0.8',\n");
      out.write("\t\t\t\t\ttitleColor:'#fff',\n");
      out.write("\t\t\t\t\tdescriptionColor:'#eee'\n");
      out.write("\t\t\t\t}\n");
      out.write("\t\t\t};\n");
      out.write("\t\t\tvar myColorSchemeViewer = {\n");
      out.write("\t\t\t\tbackground:'rgba(1, 1, 1, 0.75)',\n");
      out.write("\t\t\t\timageBorder:'12px solid #f8f8f8',\n");
      out.write("\t\t\t\timageBoxShadow:'#888 0px 0px 20px',\n");
      out.write("\t\t\t\tbarBackground:'#222',\n");
      out.write("\t\t\t\tbarBorder:'2px solid #111',\n");
      out.write("\t\t\t\tbarColor:'#eee',\n");
      out.write("\t\t\t\tbarDescriptionColor:'#aaa'\n");
      out.write("\t\t\t};\n");
      out.write("\n");
      out.write("      // custom thumbnail hover effect\n");
      out.write("      function myThumbnailInit($elt, item) {\n");
      out.write("      }\n");
      out.write("      function myThumbnailHoverInit($elt, item, data) {\n");
      out.write("        //$elt.find('.labelDescription').css({'opacity':'0'});\n");
      out.write("\n");
      out.write("        var $subCon=$elt.find('.subcontainer');\n");
      out.write("        var th=$elt.outerHeight(true);\n");
      out.write("        var $iC=$elt.find('.imgContainer');\n");
      out.write("        var w=$iC.outerWidth(true)/10;\n");
      out.write("        var h=$iC.outerHeight(true);\n");
      out.write("        for(var c=0; c<10; c++ ) {\n");
      out.write("          var s='rect(0px, '+w*(c+1)+'px, '+h+'px, '+w*c+'px)';\n");
      out.write("          //var $t=$lI.clone().appendTo($subCon).css({'bottom':-(h+c*4), 'clip':s});\n");
      out.write("          $iC.clone().appendTo($elt.find('.subcontainer')).css({'bottom':0, 'scale':1, 'clip':s, 'left':0, 'position':'absolute'});\n");
      out.write("          //$t.css({'top':c*2});\n");
      out.write("        }\n");
      out.write("        $iC.remove();\n");
      out.write("      }\n");
      out.write("      \n");
      out.write("      function myThumbnailHover($elt, item, data) {\n");
      out.write("        //$elt.find('.labelDescription').delay(150)[data.animationEngine]({'opacity':'1'},400);\n");
      out.write("        //$elt.find('.labelDescription').delay(150).animate({'opacity':'1'},400);\n");
      out.write("        var w=$elt.find('.imgContainer').outerWidth(true)/10;\n");
      out.write("        $elt.find('.imgContainer').each(function( index ) {\n");
      out.write("          $(this)[data.animationEngine]({ 'left':(-w*10)+w*index*3, 'scale':2},20000);\n");
      out.write("          console.log( index*w + ' ' + index+ '-'+w );\n");
      out.write("        });\n");
      out.write("      }\n");
      out.write("      function myThumbnailHoverOut($elt, item, data) {\n");
      out.write("        //$elt.find('.labelDescription').animate({'opacity':'0'},300);\n");
      out.write("        var h=$elt.find('.labelImage').outerHeight(true);\n");
      out.write("        var w=$elt.find('.labelImage').outerWidth(true)/10;\n");
      out.write("        $elt.find('.labelImage').each(function( index ) {\n");
      out.write("          $(this)[data.animationEngine]({'bottom':-(h+index*4)});\n");
      out.write("        });\n");
      out.write("      }\n");
      out.write("      \n");
      out.write("      // custom info button on viewer toolbar\n");
      out.write("      function myViewerInfo(item, data) {\n");
      out.write("        alert('Image URL: '+ item.thumbsrc);\n");
      out.write("      }\n");
      out.write("\n");
      out.write("\t\t\tjQuery(\"#nanoGallery1\").nanoGallery({thumbnailWidth:120,thumbnailHeight:120,\n");
      out.write("\t\t\titems: [\n");
      out.write("\t\t\t\t{\n");
      out.write("\t\t\t\t\tsrc: 'demonstration/image_01.jpg',\t\t// image url\n");
      out.write("\t\t\t\t\tsrct: 'demonstration/image_01t.jpg',\t// thumbnail url\n");
      out.write("\t\t\t\t\ttitle: 'image 1', \t\t\t\t\t\t        // thumbnail title\n");
      out.write("\t\t\t\t\tdescription: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',\n");
      out.write("\t\t\t\t\ttitle_FR: 'image 1 (fr)',\n");
      out.write("\t\t\t\t\tdescription_FR : 'description image 1 (fr)'\n");
      out.write("\t\t\t\t},\n");
      out.write("\t\t\t\t{\n");
      out.write("\t\t\t\t\tsrc: 'demonstration/image_02.jpg',\n");
      out.write("\t\t\t\t\tsrct: 'demonstration/image_02t.jpg',\n");
      out.write("\t\t\t\t\ttitle: 'image 2' ,\n");
      out.write("\t\t\t\t\tdescription: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',\n");
      out.write("\t\t\t\t\ttitle_FR: 'image 2 (fr)',\n");
      out.write("\t\t\t\t\tdescription_FR : 'description image 2 (fr)'\n");
      out.write("\t\t\t\t},\n");
      out.write("\t\t\t\t{\n");
      out.write("\t\t\t\t\tsrc: 'demonstration/image_03.jpg',\n");
      out.write("\t\t\t\t\tsrct: 'demonstration/image_03t.jpg',\n");
      out.write("\t\t\t\t\ttitle: 'image 3' ,\n");
      out.write("\t\t\t\t\t//title: 'image 3 - The quick brown fox jumps over the lazy dog - The quick brown fox jumps over the lazy dog',\n");
      out.write("\t\t\t\t\ttitle_FR: 'image 3 (fr)',\n");
      out.write("\t\t\t\t\tdescription_FR : 'description image 3 (fr)'\n");
      out.write("\t\t\t\t}\n");
      out.write("\t\t\t\t],\n");
      out.write("\t\t\t\tthumbnailHoverEffect:[{name:'imageScaleIn80'},{'name':'descriptionAppear','delay':300},{'name':'borderLighter'}],\t\t\t\t\n");
      out.write("\t\t\t\tthumbnailLabel:{display:true,position:'overImageOnBottom'},\n");
      out.write("        viewerDisplayLogo:true,\n");
      out.write("        //thumbnailInit:myThumbnailInit,\n");
      out.write("        //fnThumbnailHoverInit:myThumbnailHoverInit,\n");
      out.write("        //fnThumbnailHover:myThumbnailHover,\n");
      out.write("        //fnThumbnailHoverOut:myThumbnailHoverOut,\n");
      out.write("        theme:'light',\n");
      out.write("        fnViewerInfo:myViewerInfo\n");
      out.write("\t\t\t});\n");
      out.write("\n");
      out.write("      \n");
      out.write("      // ##################################################################################################################\n");
      out.write("\t\t\t// ##### Sample1a - API method #####\n");
      out.write("      // ##################################################################################################################\n");
      out.write("      var contentGallery1a=[\n");
      out.write("\t\t\t\t{\n");
      out.write("\t\t\t\t\tsrc: 'demonstration/image_01.jpg',\t\t// image url\n");
      out.write("\t\t\t\t\tsrct: 'demonstration/image_01ts.jpg',\t// thumbnail url\n");
      out.write("\t\t\t\t\ttitle: 'image 1' \t\t\t\t\t\t          // thumbnail title\n");
      out.write("\t\t\t\t},\n");
      out.write("\t\t\t\t{\n");
      out.write("\t\t\t\t\tsrc: 'demonstration/image_02.jpg',\n");
      out.write("\t\t\t\t\tsrct: 'demonstration/image_02ts.jpg',\n");
      out.write("\t\t\t\t\ttitle: 'image 2'\n");
      out.write("\t\t\t\t},\n");
      out.write("\t\t\t\t{\n");
      out.write("\t\t\t\t\tsrc: 'demonstration/image_03.jpg',\n");
      out.write("\t\t\t\t\tsrct: 'demonstration/image_03ts.jpg',\n");
      out.write("\t\t\t\t\ttitle: 'image 3'\n");
      out.write("\t\t\t\t}];\n");
      out.write("\t\t\t\n");
      out.write("\t\t\tjQuery(\"#nanoGallery1a\").nanoGallery({thumbnailWidth:120,thumbnailHeight:120,\n");
      out.write("\t\t\t\titems:contentGallery1a,\n");
      out.write("\t\t\t\ttheme:'clean',\n");
      out.write("\t\t\t\tthumbnailHoverEffect:{'name':'imageFlipHorizontal','duration':500},\n");
      out.write("\t\t\t\tuseTags:false,\n");
      out.write("        viewerDisplayLogo:true,\n");
      out.write("        theme:'clean',\n");
      out.write("        i18n:{'thumbnailImageDescription':'View Photo', 'thumbnailAlbumDescription':'Open Album'},\n");
      out.write("\t\t\t\tthumbnailLabel:{display:true,position:'overImageOnMiddle', align:'center'},\n");
      out.write("        colorSchemeViewer:'default'\n");
      out.write("\t\t\t});\n");
      out.write("\n");
      out.write("     \n");
      out.write("      // ##################################################################################################################\n");
      out.write("\t\t\t// ##### Sample2 - inline elements / HREF #####\n");
      out.write("      // ##################################################################################################################\n");
      out.write("      \n");
      out.write(" \t//\t\tjQuery(\"#nanoGallery2\").nanoGallery({thumbnailWidth:160,thumbnailHeight:160,\n");
      out.write("\t/*\t\t\titemsBaseURL:'demonstration',\n");
      out.write("\t\t\t\tthumbnailHoverEffect:[{'name':'scaleLabelOverImage','duration':300},{'name':'borderLighter'}],\t\t\t\t\n");
      out.write("\t\t\t\tcolorScheme:'clean',\n");
      out.write("\t\t\t\tthumbnailLabel:{display:true,position:'overImageOnTop', align:'center'},\n");
      out.write("        viewerDisplayLogo:true\n");
      out.write("\t\t\t});\n");
      out.write("\n");
      out.write("      */\n");
      out.write("     /*\n");
      out.write("      // ##################################################################################################################\n");
      out.write("\t\t\t// ##### Sample3 - Picasa/Google+ #####\n");
      out.write("      // ##################################################################################################################\n");
      out.write("\t\t\tjQuery(\"#nanoGallery3\").nanoGallery({\n");
      out.write("        //thumbnailWidth:'auto', thumbnailHeight:200,\n");
      out.write("\n");
      out.write("        thumbnailL1Width:'140C XS100 SM100', thumbnailL1Height:'140C XS100 SM100',\n");
      out.write("        thumbnailWidth:'auto', thumbnailHeight:'200 XS80 SM150 LA250 XL290',\n");
      out.write("\n");
      out.write("        userID: '111186676244625461692',\n");
      out.write("        //userID:'103482106723589181634', // --> Cyrilic\n");
      out.write("        kind: 'picasa',\n");
      out.write("\t\t\t\t//maxItemsPerLine:3,\n");
      out.write("        //album: '5851968929721015169?authkey=CJSlhdKSgoiXtgE',\n");
      out.write("\t\t\t\t//album: '5851968929721015169&authkey=Gv1sRgCJSlhdKSgoiXtgE',\n");
      out.write("        //album:'5856259539659194001',\n");
      out.write("        photoSorting: 'random',\n");
      out.write("        albumSorting: 'random',\n");
      out.write("        colorScheme: myColorScheme,\n");
      out.write("        galleryFullpageButton: true,\n");
      out.write("        //thumbnailLabel:{title:'%filenameNoExt', itemsCount:'title'},\n");
      out.write("        viewerDisplayLogo: true,\n");
      out.write("        photoSorting: 'titleAsc',\n");
      out.write("  \t\t\tthumbnailHoverEffect:[{'name':'labelOpacity50','duration':300, 'delay':500},{'name':'imageScaleIn80', 'duration':500}]\n");
      out.write("\t\t\t\t//thumbnailHoverEffect: [{'name':'imageScaleIn80','duration':300},{'name':'borderLighter'}]\n");
      out.write("\t\t\t});\n");
      out.write("\n");
      out.write("    \n");
      out.write("      // ##################################################################################################################\n");
      out.write("\t\t\t// ##### Sample3a - Picasa/Google+ #####\n");
      out.write("      // ##################################################################################################################\n");
      out.write("      jQuery(\"#nanoGallery3a\").nanoGallery({\n");
      out.write("        thumbnailWidth:200, thumbnailHeight:100,\n");
      out.write("        userID:'111186676244625461692',\n");
      out.write("        kind:'picasa',\n");
      out.write("\t\t\t\t//maxItemsPerLine:3,\n");
      out.write("\t\t\t\t//album: '5852572882905112961',\n");
      out.write("        //album:'5856259539659194001',\n");
      out.write("        //album:'5911347863561293937',\n");
      out.write("        galleryFullpageButton:true,\n");
      out.write("        galleryFullpageBgColor : '#fff',\n");
      out.write("        colorScheme:'lightBackground',\n");
      out.write("        locationHash:false,\n");
      out.write("        viewerDisplayLogo:true,\n");
      out.write("\t\t\t\t//thumbnailHoverEffect:[{'name':'labelOpacity50','duration':300, 'delay':500},{'name':'imageScaleIn80', 'duration':500}],\n");
      out.write("\t\t\t\tthumbnailHoverEffect:[{'name':'imageScaleIn80', 'duration':500}],\n");
      out.write("        theme:'light',\n");
      out.write("        i18n:{'thumbnailImageDescription':'View Photo', 'thumbnailAlbumDescription':'Open Album'},\n");
      out.write("\t\t\t\tthumbnailLabel:{display:true,position:'onBottom'},\n");
      out.write("        colorSchemeViewer:'default'\n");
      out.write("        //fnProcessData: fnDemopProcessData,    // javascript custom extension\n");
      out.write("        //fnViewerInfo: fnDemoViewerInfo        // javascript custom extension\n");
      out.write("\t\t\t});\n");
      out.write("      \n");
      out.write("      \n");
      out.write("\n");
      out.write("      function fnDemopProcessData(item, kind, sourceData) {\n");
      out.write("        if( kind == 'picasa' && item.kind == 'image' ) {\n");
      out.write("          console.dir(sourceData);\n");
      out.write("          item.customData.imgOriginalWidth = sourceData.gphoto$width.$t;\n");
      out.write("          item.customData.imgOriginalHeight = sourceData.gphoto$height.$t;\n");
      out.write("          var ex = { model: 'na', iso: 'na' }\n");
      out.write("          if (typeof sourceData.exif$tags !== \"undefined\"){\n");
      out.write("            if (typeof sourceData.exif$tags.exif$model !== \"undefined\" && typeof sourceData.exif$tags.exif$model.$t !== \"undefined\"){\n");
      out.write("              ex.model = sourceData.exif$tags.exif$model.$t;\n");
      out.write("            }\n");
      out.write("          }\n");
      out.write("          item.customData.exif = ex;\n");
      out.write("        }\n");
      out.write("      }\n");
      out.write("      \n");
      out.write("      function fnDemoViewerInfo( item, data ) {\n");
      out.write("        var s= 'camera: '+item.customData.exif.model + ' / width: '+item.customData.imgOriginalWidth+' / height: '+item.customData.imgOriginalHeight;\n");
      out.write("        alert(s);\n");
      out.write("      }\n");
      out.write("\n");
      out.write("      // ##################################################################################################################\n");
      out.write("\t\t\t// ##### Sample4 - Flickr #####\n");
      out.write("      // ##################################################################################################################\n");
      out.write("\t\t\t// thomashawk - user id=\"51035555243@N01\" - 1900 sets\n");
      out.write("\t\t\t// Ray Conrado - user id=\"76715816@N00\" - 700 sets\n");
      out.write("\t\t\t// LoadStone - user id=\"9142293@N06\"\n");
      out.write("      // babasteve - 64749744@N00 / 72157644268331557\n");
      out.write("\t\t\t// kris_b - 34858669@N00  / 72157594299597591\n");
      out.write("\t\t\tjQuery(\"#nanoGallery4\").nanoGallery({userID:'34858669@N00',kind:'flickr',thumbnailWidth:'auto',thumbnailHeight:160,  //110,\n");
      out.write("        viewerDisplayLogo:true,\n");
      out.write("        locationHash:false,\n");
      out.write("        //photoset:'none',//'72157594299597591',\n");
      out.write("\t\t\t\t//thumbnailDisplayInterval:0,\n");
      out.write("\t\t\t\t//thumbnailDisplayTransition:false,\n");
      out.write("\t\t\t\tthumbnailHoverEffect:[{'name':'labelSlideUp','duration':300},{'name':'borderDarker'}],\n");
      out.write("\t\t\t\t//thumbnailLabel:{display:true,position:'onBottom',descriptionMaxLength:200},\n");
      out.write("\t\t\t\tthumbnailLabel:{display:true,position:'overImageOnBottom',descriptionMaxLength:50},\n");
      out.write("        thumbnailLazyLoad:true,\n");
      out.write("        theme:'clean',\n");
      out.write("        colorScheme:'light',\n");
      out.write("        level1: { thumbnailWidth: 200, thumbnailHeight: 120 }\n");
      out.write("\t\t\t});\n");
      out.write("\n");
      out.write("\n");
      out.write("      // ##################################################################################################################\n");
      out.write("\t\t\t// ##### Multi-level navigation (API method) #####\n");
      out.write("      // ##################################################################################################################\n");
      out.write("\t\t\tvar contentGalleryMLN=[\n");
      out.write("\t\t\t\t{\n");
      out.write("\t\t\t\t\tsrc: 'demonstration/image_01.jpg',\t\t// image url\n");
      out.write("\t\t\t\t\tsrct: 'demonstration/image_01ts.jpg',\t// thumbnail url\n");
      out.write("\t\t\t\t\ttitle: 'image 01', \t\t\t\t\t\t        // thumbnail title\n");
      out.write("\t\t\t\t\tID:101\n");
      out.write("\t\t\t\t},\n");
      out.write("\t\t\t\t{ src: 'demonstration/image_02.jpg', srct: 'demonstration/image_02ts.jpg', title: 'image 02',\n");
      out.write("\t\t\t\t\tID:102 },\n");
      out.write("\t\t\t\t{ src: 'demonstration/image_03.jpg', srct: 'demonstration/image_03ts.jpg', title: 'album 1',\n");
      out.write("\t\t\t\t\tID:103,\tkind:'album' },\n");
      out.write("\t\t\t\t{\tsrc: 'demonstration/image_03.jpg', srct: 'demonstration/image_03ts.jpg', title: 'album 2',\n");
      out.write("\t\t\t\t\tID:104,\tkind:'album' },\n");
      out.write("\t\t\t\t{ src: 'demonstration/image_02.jpg', srct: 'demonstration/image_02ts.jpg', title: 'image 03' },\n");
      out.write("\t\t\t\t{ src: 'demonstration/image_02.jpg', srct: 'demonstration/image_02ts.jpg', title: 'image 04' },\n");
      out.write("\t\t\t\t{ src: 'demonstration/image_02.jpg', srct: 'demonstration/image_02ts.jpg', title: 'image 05' },\n");
      out.write("\t\t\t\t{ src: 'demonstration/image_02.jpg', srct: 'demonstration/image_02ts.jpg', title: 'image 06' },\n");
      out.write("\t\t\t\t{ src: 'demonstration/image_02.jpg', srct: 'demonstration/image_02ts.jpg', title: 'image 07' },\n");
      out.write("\t\t\t\t{ src: 'demonstration/image_02.jpg', srct: 'demonstration/image_02ts.jpg', title: 'image 08' },\n");
      out.write("\t\t\t\t{ src: 'demonstration/image_02.jpg', srct: 'demonstration/image_02ts.jpg', title: 'image 09' },\n");
      out.write("\t\t\t\t{ src: 'demonstration/image_02.jpg', srct: 'demonstration/image_02ts.jpg', title: 'image 10' },\n");
      out.write("\t\t\t\t{ src: 'demonstration/image_02.jpg', srct: 'demonstration/image_02ts.jpg', title: 'image 10' },\n");
      out.write("\t\t\t\t{ src: 'demonstration/image_02.jpg', srct: 'demonstration/image_02ts.jpg', title: 'image 11' },\n");
      out.write("\t\t\t\t{ src: 'demonstration/image_02.jpg', srct: 'demonstration/image_02ts.jpg', title: 'image 12' },\n");
      out.write("\t\t\t\t{ src: 'demonstration/image_02.jpg', srct: 'demonstration/image_02ts.jpg', title: 'image 13' },\n");
      out.write("\t\t\t\t{ src: 'demonstration/image_02.jpg', srct: 'demonstration/image_02ts.jpg', title: 'image 14' },\n");
      out.write("\t\t\t\t{ src: 'demonstration/image_02.jpg', srct: 'demonstration/image_02ts.jpg', title: 'image 15' },\n");
      out.write("\t\t\t\t{ src: 'demonstration/image_02.jpg', srct: 'demonstration/image_02ts.jpg', title: 'image 16' },\n");
      out.write("\t\t\t\t{ src: 'demonstration/image_02.jpg', srct: 'demonstration/image_02ts.jpg', title: 'image 17' },\n");
      out.write("\t\t\t\t{ src: 'demonstration/image_02.jpg', srct: 'demonstration/image_02ts.jpg', title: 'image 18' },\n");
      out.write("\t\t\t\t{ src: 'demonstration/image_02.jpg', srct: 'demonstration/image_02ts.jpg', title: 'image 19' },\n");
      out.write("\t\t\t\t{ src: 'demonstration/image_02.jpg', srct: 'demonstration/image_02ts.jpg', title: 'image 20' },\n");
      out.write("\t\t\t\t{ src: 'demonstration/image_03.jpg', srct: 'demonstration/image_03ts.jpg', title: 'image 1a',\n");
      out.write("\t\t\t\t\talbumID:103\t},\n");
      out.write("\t\t\t\t{\tsrc: 'demonstration/image_03.jpg', srct: 'demonstration/image_03ts.jpg', title: 'image 1b',\n");
      out.write("\t\t\t\t\talbumID:103\t},\n");
      out.write("\t\t\t\t{\tsrc: 'demonstration/image_03.jpg', srct: 'demonstration/image_03ts.jpg', title: 'image 1c',\n");
      out.write("\t\t\t\t\talbumID:103\t},\n");
      out.write("\t\t\t\t{\tsrc: 'demonstration/image_03.jpg', srct: 'demonstration/image_03ts.jpg', title: 'image 1d',\n");
      out.write("\t\t\t\t\talbumID:103\t},\n");
      out.write("\t\t\t\t{\tsrc: 'demonstration/image_03.jpg', srct: 'demonstration/image_03ts.jpg', title: 'image 1e',\n");
      out.write("\t\t\t\t\talbumID:103 },\n");
      out.write("\t\t\t\t{\tsrc: 'demonstration/image_03.jpg', srct: 'demonstration/image_03ts.jpg', title: 'image 1f',\n");
      out.write("\t\t\t\t\talbumID:103\t},\n");
      out.write("\t\t\t\t{\tsrc: 'demonstration/image_03.jpg', srct: 'demonstration/image_03ts.jpg', title: 'image 2a',\n");
      out.write("\t\t\t\t\talbumID:104\t},\n");
      out.write("\t\t\t\t{\tsrc: 'demonstration/image_03.jpg', srct: 'demonstration/image_03ts.jpg', title: 'image 2b',\n");
      out.write("\t\t\t\t\talbumID:104\t},\n");
      out.write("\t\t\t\t{\tsrc: 'demonstration/image_03.jpg', srct: 'demonstration/image_03ts.jpg', title: 'image 2c',\n");
      out.write("\t\t\t\t\talbumID:104\t},\n");
      out.write("\t\t\t\t{\tsrc: 'demonstration/image_03.jpg', srct: 'demonstration/image_03ts.jpg', title: 'image 2d',\n");
      out.write("\t\t\t\t\talbumID:104\t},\n");
      out.write("\t\t\t\t{\tsrc: 'demonstration/image_03.jpg', srct: 'demonstration/image_03ts.jpg', title: 'image 2e',\n");
      out.write("\t\t\t\t\talbumID:104\t},\n");
      out.write("\t\t\t\t{\tsrc: 'demonstration/image_03.jpg', srct: 'demonstration/image_03ts.jpg', title: 'image 2f',\n");
      out.write("\t\t\t\t\talbumID:104\t},\n");
      out.write("\t\t\t\t{\tsrc: 'demonstration/image_03.jpg', srct: 'demonstration/image_03ts.jpg', title: 'image 2g',\n");
      out.write("\t\t\t\t\talbumID:104\t},\n");
      out.write("\t\t\t\t{\tsrc: 'demonstration/image_03.jpg', srct: 'demonstration/image_03ts.jpg', title: 'image 2h',\n");
      out.write("\t\t\t\t\talbumID:104\t},\n");
      out.write("\t\t\t\t{\tsrc: 'demonstration/image_03.jpg', srct: 'demonstration/image_03ts.jpg', title: 'image 2i',\n");
      out.write("\t\t\t\t\talbumID:104\t},\n");
      out.write("\t\t\t\t{\tsrc: 'demonstration/image_03.jpg', srct: 'demonstration/image_03ts.jpg', title: 'image 2j',\n");
      out.write("\t\t\t\t\talbumID:104\t},\n");
      out.write("\t\t\t\t{\tsrc: 'demonstration/image_03.jpg', srct: 'demonstration/image_03ts.jpg', title: 'image 2k',\n");
      out.write("\t\t\t\t\talbumID:104\t},\n");
      out.write("\t\t\t\t{\tsrc: 'demonstration/image_03.jpg', srct: 'demonstration/image_03ts.jpg', title: 'image 2l',\n");
      out.write("\t\t\t\t\talbumID:104\t},\n");
      out.write("\t\t\t\t{\tsrc: 'demonstration/image_03.jpg', srct: 'demonstration/image_03ts.jpg', title: 'image 2m',\n");
      out.write("\t\t\t\t\talbumID:104\t},\n");
      out.write("\t\t\t\t{\tsrc: 'demonstration/image_03.jpg', srct: 'demonstration/image_03ts.jpg', title: 'image 2n',\n");
      out.write("\t\t\t\t\talbumID:104\t},\n");
      out.write("\t\t\t\t{\tsrc: 'demonstration/image_03.jpg', srct: 'demonstration/image_03ts.jpg', title: 'image 2o',\n");
      out.write("\t\t\t\t\talbumID:104\t}\n");
      out.write("        ];\n");
      out.write("\t\t\t\n");
      out.write("\t\t\tjQuery(\"#nanoGalleryMLN\").nanoGallery({thumbnailWidth:120,thumbnailHeight:120,\n");
      out.write("\t\t\t\titems:contentGalleryMLN,\n");
      out.write("\t\t\t\t//paginationMaxItemsPerPage:3,\n");
      out.write("\t\t\t\tpaginationMaxLinesPerPage:1,\n");
      out.write("\t\t\t\tthumbnailHoverEffect:'imageInvisible,imageScale150',\n");
      out.write("        viewerDisplayLogo:true,\n");
      out.write("\t\t\t\tuseTags:false,\n");
      out.write("        locationHash:false,\n");
      out.write("        breadcrumbAutoHideTopLevel:true,\n");
      out.write("        maxItemsPerLine:5\n");
      out.write("\t\t\t});\n");
      out.write("\t\t\t\n");
      out.write("*/\n");
      out.write("      // ##################################################################################################################\n");
      out.write("\t\t\t// ##### DEMO PANEL #####\n");
      out.write("      // ##################################################################################################################\n");
      out.write(" \t\t\tjQuery(\"#nanoGalleryAnimation1\").nanoGalleryDemo({thumbnailWidth:120, thumbnailHeight:120, itemsBaseURL:'demonstration',\n");
      out.write("        viewerDisplayLogo:true\n");
      out.write("\t\t\t});\n");
      out.write("\n");
      out.write("\t\n");
      out.write("\t\t});\n");
      out.write("\t</script>\n");
      out.write("\n");
      out.write("</head>\n");
      out.write("\n");
      out.write("<body>\n");
      out.write("    \n");
      out.write("    <section id=\"service_area\" class=\"section_padding service_area\">\n");
      out.write("    \n");
      out.write("    <div class=\"container service\">\t\n");
      out.write("    <div class=\"row service_item\">\n");
      out.write("    \n");
      out.write("    <div class=\"col-md-6 col-sm-6 col-xs-12 single_servicr  wow fadeInUp\" data-wow-delay=\".2s\">\n");
      out.write("<div class=\"service_text\">\n");
      out.write("\t<div style=\"\n");
      out.write("             //background:#eee;\n");
      out.write("             background:blueviolet;\n");
      out.write("             padding:'10px';\n");
      out.write("             //margin:auto;\n");
      out.write("             max-width:450px;\">\n");
      out.write("\t\t<br>\n");
      out.write("\t\t<div id=\"nanoGallery1a\"></div>\n");
      out.write("\t\t<br>\n");
      out.write("\t</div>\n");
      out.write("</div>\n");
      out.write("</div>\n");
      out.write("        \n");
      out.write("        \n");
      out.write("        \n");
      out.write("    </div>\n");
      out.write("    </div>\n");
      out.write("    </section>\n");
      out.write("</body>\n");
      out.write("</html>");
    } catch (Throwable t) {
      if (!(t instanceof SkipPageException)){
        out = _jspx_out;
        if (out != null && out.getBufferSize() != 0)
          out.clearBuffer();
        if (_jspx_page_context != null) _jspx_page_context.handlePageException(t);
        else throw new ServletException(t);
      }
    } finally {
      _jspxFactory.releasePageContext(_jspx_page_context);
    }
  }
}
