                var fb_text = new Array();
                for (var i = 0; i < 20; i++) { fb_text[i] = new Array(); }
                fb_text[0][0] = "<span style='font-size:16px;font-weight:bold'>Premier Customizer [1/3]</span><br>The Premier Customizer is a large web-to-print application. The basic concept is to allow customers to upload and configure art materials for a printed planner. I built numerous modules, widgets and scripts for this application.<br><i><b>Technologies:</b> Perl, Mason, Apache, mod_perl, AJAX, Javascript, Yahoo UI, JQuery, Subversion, MySQL, JSON, ImageMagick, XML</i>";
                fb_text[0][1] = "<span style='font-size:16px;font-weight:bold'>Premier Customizer [2/3]</span><br>Image manipulation was used extensively throughout the Customizer. I built many custom widgets including upload progress meters, cropping tools and stock image selectors. A lot of the code I built dealt with preparing the customer images for print.";
                fb_text[0][2] = "<span style='font-size:16px;font-weight:bold'>Premier Customizer [3/3]</span><br>Another important part of the Customizer was the rich text editor. Customers needed a way to enter text for their planners. The editior I built was smart enough to know not only what calendar days were applicable to which product, but it also knew how much text could be entered on each day given the font and planner layout.";
                fb_text[1][0] = "<span style='font-size:16px;font-weight:bold'>Premier Store</span><br>I built several e-commerce applications for Premier based on the Prostores platform. The stores integrated with Premier's back-end database and could automatically trigger a product to ship upon successful credit card authorization.<br><i><b>Technologies:</b> Prostores, SOAP, XML, MySQL, Perl, Cybersource API</i>";
                fb_text[2][0] = "<span style='font-size:16px;font-weight:bold'>EEC Analyzer</span><br>EEC Analyzer is an application for automotive performance tuning. I was responsible for all aspects of the developing this site including design and programming.<br><i><b>Technologies:</b> PHP, HTML 4.01 Strict, Paypal, Slideshow.js</i>";
                fb_text[3][0] = "<span style='font-size:16px;font-weight:bold'>Polar Spas</span><br>The Polar Spas website is a Joomla-based product site showcasing hot tubs. The project involved installing and configuring Joomla, designing a custom Joomla template, building several custom modules and components and developing a Flash video for the home page.<br><i><b>Technologies:</b> PHP, Joomla, Flash, embedded video</i>";
                fb_text[4][0] = "<span style='font-size:16px;font-weight:bold'>SipSum Cocktailz Staffing Company</span><br>The SipSum Cocktailz was designed and programmed by myself. The project included creating a Flash based video clip from a television program and DHTML lightbox windows.<br><i><b>Technologies:</b> PHP, HTML 4.01 strict, embedded Flash video</i>";
                fb_text[5][0] = "<span style='font-size:16px;font-weight:bold'>Premier Family Matters Calendar [1/5]</span><br>The Faimly Matters Calendar project was a large web-to-print application. Web development was executed by myself. The application took user-supplied photos and developed a print-ready PDF that was processed by an HP Indigo digital press.<br><i><b>Technologies:</b> Perl, Mason, Apache, mod_perl, AJAX, Javascript, Yahoo UI, JQuery, Subversion, MySQL, JSON, ImageMagick, XML</i>";
                fb_text[5][1] = "<span style='font-size:16px;font-weight:bold'>Premier Family Matters Calendar [2/5]</span><br>Events on the calendar could include a custom icon. To facilitate easier automation with the Indigo RIP, I created a special font containing these icons.";
                fb_text[5][2] = "<span style='font-size:16px;font-weight:bold'>Premier Family Matters Calendar [3/5]</span><br>One of the features of the Family Matters Calendar software was the ability to apply effects to uploaded images. The effects were applied directly to the thumbnails for speed, but later added to the full resolution images when an export was made.";
                fb_text[5][3] = "<span style='font-size:16px;font-weight:bold'>Premier Family Matters Calendar [4/5]</span><br>One of the effects widgets I created was a border color selector. AJAX was employed so that the result of the effect was immediately visible.";
                fb_text[5][4] = "<span style='font-size:16px;font-weight:bold'>Premier Family Matters Calendar [5/5]</span><br>The most complex effects widget was the cropping tool. Mutiple DHTML layers and event handlers were required in order to make this work.";
                fb_text[6][0] = "<span style='font-size:16px;font-weight:bold'>Camping Equipment Company</span><br>The Camping Equipment Company is an ecommerce site that I built using the osCommerce platform. The site consists of 3 different "+'"flavors"'+" based on the customer's origin country.<br><i><b>Technologies:</b> PHP, osCommerce, MySQL</i>";
                fb_text[7][0] = "<span style='font-size:16px;font-weight:bold'>mikeskov.com v.1.0 [1/2]</span><br>From time to time I redevelop my website to keep current with design trends and showcase new skills.";
                fb_text[7][1] = "<span style='font-size:16px;font-weight:bold'>mikeskov.com v.1.0 [2/2]</span><br>From time to time I redevelop my website to keep current with design trends and showcase new skills.";
                fb_text[8][0] = "<span style='font-size:16px;font-weight:bold'>mikeskov.com v.2.0 [1/2]</span><br>From time to time I redevelop my website to keep current with design trends and showcase new skills.";
                fb_text[8][1] = "<span style='font-size:16px;font-weight:bold'>mikeskov.com v.2.0 [2/2]</span><br>From time to time I redevelop my website to keep current with design trends and showcase new skills.";

                function tformat(title, currentArray, currentIndex, currentOpts) {
                  return '<div id="fancybox-title-over" style="display:block;background-color:#000000;">'+fb_text[currentOpts.optIdx][currentIndex]+'</div>';
                }

                var fb_opts = {
                                'overlayOpacity'        : 0.6,
                                'overlayColor'          : '#000000',
                                'titleShow'             : true,
                                'transitionIn'  : 'elastic',
                                'transitionOut' : 'elastic',
                                'titlePosition'         : 'over',
                                'showNavArrows' : true,
                                'cyclic'        : true,
                                'titleFormat'   : tformat
                        };
                $(document).ready(function() {
                        fb_opts.optIdx = 0;
                        $("a[rel=customizer_group]").fancybox(fb_opts);
                        fb_opts.optIdx++;
                        $("a#wr2").fancybox(fb_opts);
                        fb_opts.optIdx++;
                        $("a#wr3").fancybox(fb_opts);
                        fb_opts.optIdx++;
                        $("a#wr4").fancybox(fb_opts);
                        fb_opts.optIdx++;
                        $("a#wr5").fancybox(fb_opts);
                        fb_opts.optIdx++;
                        $("a[rel=fmc_group]").fancybox(fb_opts);
                        fb_opts.optIdx++;
                        $("a#wr7").fancybox(fb_opts);
                        fb_opts.optIdx++;
                        $("a[rel=mikeskov1_group]").fancybox(fb_opts);
                        fb_opts.optIdx++;
                        $("a[rel=mikeskov2_group]").fancybox(fb_opts);

//                        $("a#wr6").fancybox(fb_opts);

                $('#work_up').click(function() {
                  var x = parseInt($('#work_scroll_box').scrollTop());
                  $('#work_scroll_box').animate({
                    scrollTop:  (x -= 149)+"px"
                  }, 190, function() {
                  });
                });

                $('#work_down').click(function() {
                  var x = parseInt($('#work_scroll_box').scrollTop());
                  $('#work_scroll_box').animate({
                    scrollTop: (x += 149)+"px"
                  }, 190, function() {
                  });
                });
                
                });


