/ - Diff - Synnefo - Greek Research and Technology Network's projects

     # Numerous always-ignore extensions
     *.pyc
     *.diff
     *.err
     *.orig
     *.log
     *.rej
     *.swo
     *.swp
     *.vi
     *.cache
     *~
     *#
     # OS or Editor folders
     .DS_Store
     Thumbs.db
     .cache
     .project
     .settings
     .tmproj
     *.esproj
     nbproject
     *.sublime-project
     *.sublime-workspace
     .tm_properties
     # Folders to ignore
     .hg
     .svn
     .CVS
     .idea
     _assets
     _design
     _content
     _tmp
     dist
     .sass-cache

     Copyright (c) 2011 ZURB, http://www.zurb.com/
     Permission is hereby granted, free of charge, to any person obtaining
     a copy of this software and associated documentation files (the
     "Software"), to deal in the Software without restriction, including
     without limitation the rights to use, copy, modify, merge, publish,
     distribute, sublicense, and/or sell copies of the Software, and to
     permit persons to whom the Software is furnished to do so, subject to
     the following conditions:
     The above copyright notice and this permission notice shall be
     included in all copies or substantial portions of the Software.
     THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
     EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
     MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
     NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
     LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
     OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
     WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

     require 'zurb-foundation'
     # Require any additional compass plugins here.
     # Set this to the root of your project when deployed:
     http_path = "/"
     css_dir = "stylesheets"
     sass_dir = "sass"
     images_dir = "images"
     javascripts_dir = "javascripts"
     # You can select your preferred output style here (can be overridden via the command line):
     # output_style = :expanded or :nested or :compact or :compressed
     # To enable relative paths to assets via compass helper functions. Uncomment:
     # relative_assets = true
     # To disable debugging comments that display the original location of your selectors. Uncomment:
     # line_comments = false
     # If you prefer the indented syntax, you might want to regenerate this
     # project again passing --syntax sass, or you can uncomment this:
     # preferred_syntax = :sass
     # and then run:
     # sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass

     <head>
       <meta charset="utf-8" />
       <title>~okeanos|B approach</title>
     </head>
     <body>
     	<div id = "header">
     		<div id = "top-nav">
     			<ul id = "services-nav">
     				<li>
     					<a href="#">
     						Icon 1
     						<img src="">
     					</a>
     				</li>
     				<li>
     					<a href="#">
     						Icon 2
     						<img src="">
     					</a>
     				</li>
     				<li>
     					<a href="#">
     						Icon 3
     						<img src="">
     					</a>
     				</li>
     				<li>
     					<a href="#">
     						Icon 4
     						<img src=""></a>
     				</li>
     			</ul>
     			<div id = "profile">
     				<a id = "usr-email" href="#">
     					<span>
     						user@email.com
     					</span>
     				</a>
     				<ul id = "profile-options">
     					<li>
     						<a href="">
     							<img src="">
     							icon + Dashboard?
     						</a>
     					</li>
     					<li>
     						<a href="">
     							<img src="">
     							Icon + Log Out?
     						</a>
     					</li>
     				</ul>
     			</div>
     		</div>
     	</div>
     	<div id = "container">
     		<div id = "sidebar-var">
+    			?
     		</div>
     		<div id = "content">
     			<ul id = 'vms'>
     				<li>
     				</li>
     				<li>
     				</li>
     				<li>
     				</li>
     			</ul>
     		</div>
     		<div id = "sidebar-const">
     			<ul> Dn m'aresei to periexomeno k i katataksi tou menu (dn thelw ton pitho katw katw k simasiologika mallon ta nets k disks einai katw apo ta vms -> an peis oti vazoume deuterevouses epiloges tha parafortwnetai mallon)
     				<li>
     					<a href="#">
     						<img src="">
     						Icon +Virtual Machines
     					</a>
     				</li>
     				<li>
     					<a href="#">
     						<img src="">
     						Icon + Disks
     					</a>
     				</li>
     				<li>
     					<a href="#">
     						<img src="">
     						Icon + Networks
     					</a>
     				</li>
     				<li>
     					<a href="">
     						<img src="">
     						Icon + Pithos
     					</a>
     				</li>
     				<li>
     					Promo area with messages?
     				</li>
     				<li>
     					<a href="#">
     						Icon + Feedback? (only icon?)
     					</a>
     				</li>
     			</ul>
     		</div>
     	</div>
     	<div id = "footer">
     		Copyright k ti allo?
     	</div>
     </body>

     /* Foundation was made by ZURB, an interaction design and design strategy firm in Campbell, CA */
     /* zurb.com */
     /* humanstxt.org */
     /* SITE */
       Standards: HTML5, CSS3
       Components: jQuery, Orbit, Reveal
       Software: Coda, Textmate, Git

     <?xml version="1.0" encoding="utf-8"?>
     <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
     <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
     <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     	 width="841.89px" height="595.28px" viewBox="0 0 841.89 595.28" enable-background="new 0 0 841.89 595.28" xml:space="preserve">
     <polygon fill="none" stroke="#B4B4B4" points="422.611,304.885 422.611,302.611 430.238,302.611 430.238,287.6 411.135,287.6
 .135,302.611 419.246,302.611 419.246,304.885 409.841,304.885 409.841,310.381 431.533,310.381 431.533,304.885 "/>
     </svg>

     <?xml version="1.0" encoding="utf-8"?>
     <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
     <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
     <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     	 width="1000px" height="1000px" viewBox="0 0 1000 1000" style="enable-background:new 0 0 1000 1000;" xml:space="preserve">
     <style type="text/css">
     <![CDATA[
     	.st0{fill:none;stroke:#FFFFFF;}
     	.st1{font-family:'OpenSans-Light';}
     	.st2{fill:#FEFDEE;}
     	.st3{font-size:14;}
     ]]>
     </style>
     <g>
     	<circle class="st0" cx="321.335" cy="364.04" r="14.232"/>
     	<g>
     		<text transform="matrix(1.0253 0 0 1 317.6167 368.7578)" class="st2 st1 st3">X</text>
     	</g>
     </g>
     </svg>

     <!DOCTYPE html>
     <!--[if IE 8]> 				 <html class="no-js lt-ie9" lang="en"> <![endif]-->
     <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
     <head>
     	<meta charset="utf-8" />
       <meta name="viewport" content="width=device-width" />
       <title>Foundation 4</title>
       <link rel="stylesheet" href="stylesheets/normalize.css" />
       <link rel="stylesheet" href="stylesheets/app.css" />
       <script src="javascripts/vendor/custom.modernizr.js"></script>
     </head>
     <body>
      	<div class="row">
      		<p>
      			<a href="vm_list_v1.html">VMs list page</a> (kpal original design)<br>
      			<a href="testIconFonts/test.html">Sample page for Icon-Font</a>
      		</p>
      	</div>
       <script>
       document.write('<script src=' +
       ('__proto__' in {} ? 'javascripts/vendor/zepto' : 'javascripts/vendor/jquery') +
       '.js><\/script>')
       </script>
       <script src="javascripts/foundation/foundation.js"></script>
     	<script src="javascripts/foundation/foundation.alerts.js"></script>
     	<script src="javascripts/foundation/foundation.clearing.js"></script>
     	<script src="javascripts/foundation/foundation.cookie.js"></script>
     	<script src="javascripts/foundation/foundation.dropdown.js"></script>
     	<script src="javascripts/foundation/foundation.forms.js"></script>
     	<script src="javascripts/foundation/foundation.joyride.js"></script>
     	<script src="javascripts/foundation/foundation.magellan.js"></script>
     	<script src="javascripts/foundation/foundation.orbit.js"></script>
     	<script src="javascripts/foundation/foundation.placeholder.js"></script>
     	<script src="javascripts/foundation/foundation.reveal.js"></script>
     	<script src="javascripts/foundation/foundation.section.js"></script>
     	<script src="javascripts/foundation/foundation.tooltips.js"></script>
     	<script src="javascripts/foundation/foundation.topbar.js"></script>
       <script>
         $(document).foundation();
       </script>
     </body>
     </html>

     ui = {};
     ui.snf = function(closeEl, divToCloseClass) {
     	closeEl.click(function(e){
     		e.preventDefault();
     		$(this).parents(divToCloseClass).slideUp('slow');
     	});
+    }
     $(document).ready(function(){
     	ui.snf($('.info .close'), '.info');
     	ui.snf($('.dummy-navigation .close'), '.dummy-navigation');
     	$('.dummy-navigation .our').click(function(e){
     		e.preventDefault();
     		$('.ours.'+$(this).data('our')).toggle();
     		$(this).toggleClass('open');
     	})
     })

     /*jslint unparam: true, browser: true, indent: 2 */
     ;(function ($, window, document, undefined) {
       'use strict';
       Foundation.libs.alerts = {
         name : 'alerts',
         version : '4.0.0',
         settings : {
           speed: 300, // fade out speed
           callback: function (){}
         },
         init : function (scope, method, options) {
           this.scope = scope || this.scope;
           if (typeof method === 'object') {
             $.extend(true, this.settings, method);
+          }
           if (typeof method != 'string') {
             if (!this.settings.init) this.events();
             return this.settings.init;
           } else {
             return this[method].call(this, options);
+          }
         },
         events : function () {
           var self = this;
           $(this.scope).on('click.fndtn.alerts', '[data-alert] a.close', function (e) {
             e.preventDefault();
             $(this).closest("[data-alert]").fadeOut(self.speed, function () {
               $(this).remove();
               self.settings.callback();
             });
           });
           this.settings.init = true;
         },
         off : function () {
           $(this.scope).off('.fndtn.alerts');
+        }
       };
     }(Foundation.zj, this, this.document));

     /*jslint unparam: true, browser: true, indent: 2 */
     ;(function ($, window, document, undefined) {
       'use strict';
       Foundation.libs.clearing = {
         name : 'clearing',
         version : '4.0.0',
         settings : {
           templates : {
             viewing : '<a href="#" class="clearing-close">&times;</a>' +
               '<div class="visible-img" style="display: none"><img src="//:0">' +
               '<p class="clearing-caption"></p><a href="#" class="clearing-main-left"><span></span></a>' +
               '<a href="#" class="clearing-main-right"><span></span></a></div>'
           },
           // comma delimited list of selectors that, on click, will close clearing,
           // add 'div.clearing-blackout, div.visible-img' to close on background click
           close_selectors : '.clearing-close',
           // event initializers and locks
           init : false,
           locked : false
         },
         init : function (scope, method, options) {
           this.scope = this.scope || scope;
           Foundation.inherit(this, 'set_data get_data remove_data throttle');
           if (typeof method === 'object') {
             options = $.extend(true, this.settings, method);
+          }
           if (typeof method != 'string') {
             $(this.scope).find('ul[data-clearing]').each(function () {
               var self = Foundation.libs.clearing,
                   $el = $(this),
                   options = options || {},
                   settings = self.get_data($el);
               if (!settings) {
                 options.$parent = $el.parent();
                 self.set_data($el, $.extend(true, self.settings, options));
                 self.assemble($el.find('li'));
                 if (!self.settings.init) {
                   self.events().swipe_events();
+                }
+              }
             });
             return this.settings.init;
           } else {
             // fire method
             return this[method].call(this, options);
+          }
         },
         // event binding and initial setup
         events : function () {
           var self = this;
           $(this.scope)
             .on('click.fndtn.clearing', 'ul[data-clearing] li',
               function (e, current, target) {
                 var current = current || $(this),
                     target = target || current,
                     settings = self.get_data(current.parent());
                 e.preventDefault();
                 if (!settings) self.init();
                 // set current and target to the clicked li if not otherwise defined.
                 self.open($(e.target), current, target);
                 self.update_paddles(target);
               })
             .on('click.fndtn.clearing', '.clearing-main-right',
               function (e) { this.nav(e, 'next') }.bind(this))
             .on('click.fndtn.clearing', '.clearing-main-left',
               function (e) { this.nav(e, 'prev') }.bind(this))
             .on('click.fndtn.clearing', this.settings.close_selectors,
               function (e) { Foundation.libs.clearing.close(e, this) })
             .on('keydown.fndtn.clearing',
               function (e) { this.keydown(e) }.bind(this));
           $(window).on('resize.fndtn.clearing',
             function (e) { this.resize() }.bind(this));
           this.settings.init = true;
           return this;
         },
         swipe_events : function () {
           var self = this;
           $(this.scope)
             .on('touchstart.fndtn.clearing', '.visible-img', function(e) {
               if (!e.touches) { e = e.originalEvent; }
               var data = {
                     start_page_x: e.touches[0].pageX,
                     start_page_y: e.touches[0].pageY,
                     start_time: (new Date()).getTime(),
                     delta_x: 0,
                     is_scrolling: undefined
                   };
               $(this).data('swipe-transition', data);
               e.stopPropagation();
             })
             .on('touchmove.fndtn.clearing', '.visible-img', function(e) {
               if (!e.touches) { e = e.originalEvent; }
               // Ignore pinch/zoom events
               if(e.touches.length > 1 || e.scale && e.scale !== 1) return;
               var data = $(this).data('swipe-transition');
               if (typeof data === 'undefined') {
                 data = {};
+              }
               data.delta_x = e.touches[0].pageX - data.start_page_x;
               if ( typeof data.is_scrolling === 'undefined') {
                 data.is_scrolling = !!( data.is_scrolling || Math.abs(data.delta_x) < Math.abs(e.touches[0].pageY - data.start_page_y) );
+              }
               if (!data.is_scrolling && !data.active) {
                 e.preventDefault();
                 var direction = (data.delta_x < 0) ? 'next' : 'prev';
                 data.active = true;
                 self.nav(e, direction);
+              }
             })
             .on('touchend.fndtn.clearing', '.visible-img', function(e) {
               $(this).data('swipe-transition', {});
               e.stopPropagation();
             });
         },
         assemble : function ($li) {
           var $el = $li.parent(),
               settings = this.get_data($el),
               grid = $el.detach(),
               data = {
                 grid: '<div class="carousel">' + this.outerHTML(grid[0]) + '</div>',
                 viewing: settings.templates.viewing
               },
               wrapper = '<div class="clearing-assembled"><div>' + data.viewing +
                 data.grid + '</div></div>';
           return settings.$parent.append(wrapper);
         },
         // event callbacks
         open : function ($image, current, target) {
           var root = target.closest('.clearing-assembled'),
               container = root.find('div').first(),
               visible_image = container.find('.visible-img'),
               image = visible_image.find('img').not($image);
           if (!this.locked()) {
             // set the image to the selected thumbnail
             image.attr('src', this.load($image));
             this.loaded(image, function () {
               // toggle the gallery
               root.addClass('clearing-blackout');
               container.addClass('clearing-container');
               visible_image.show();
               this.fix_height(target)
                 .caption(visible_image.find('.clearing-caption'), $image)
                 .center(image)
                 .shift(current, target, function () {
                   target.siblings().removeClass('visible');
                   target.addClass('visible');
                 });
             }.bind(this));
+          }
         },
         close : function (e, el) {
           e.preventDefault();
           var root = (function (target) {
                 if (/blackout/.test(target.selector)) {
                   return target;
                 } else {
                   return target.closest('.clearing-blackout');
+                }
               }($(el))), container, visible_image;
           if (el === e.target && root) {
             container = root.find('div').first(),
             visible_image = container.find('.visible-img');
             this.settings.prev_index = 0;
             root.find('ul[data-clearing]')
               .attr('style', '').closest('.clearing-blackout')
               .removeClass('clearing-blackout');
             container.removeClass('clearing-container');
             visible_image.hide();
+          }
           return false;
         },
         keydown : function (e) {
           var clearing = $('.clearing-blackout').find('ul[data-clearing]');
           if (e.which === 39) this.go(clearing, 'next');
           if (e.which === 37) this.go(clearing, 'prev');
           if (e.which === 27) $('a.clearing-close').trigger('click');
         },
         nav : function (e, direction) {
           var clearing = $('.clearing-blackout').find('ul[data-clearing]');
           e.preventDefault();
           this.go(clearing, direction);
         },
         resize : function () {
           var image = $('.clearing-blackout .visible-img').find('img');
           if (image.length) {
             this.center(image);
+          }
         },
         // visual adjustments
         fix_height : function (target) {
           var lis = target.parent().children(),
               self = this;
           lis.each(function () {
               var li = $(this),
                   image = li.find('img');
               if (li.height() > self.outerHeight(image)) {
                 li.addClass('fix-height');
+              }
             })
             .closest('ul')
             .width(lis.length * 100 + '%');
           return this;
         },
         update_paddles : function (target) {
           var visible_image = target
             .closest('.carousel')
             .siblings('.visible-img');
           if (target.next().length) {
             visible_image
               .find('.clearing-main-right')
               .removeClass('disabled');
           } else {
             visible_image
               .find('.clearing-main-right')
               .addClass('disabled');
+          }
           if (target.prev().length) {
             visible_image
               .find('.clearing-main-left')
               .removeClass('disabled');
           } else {
             visible_image
               .find('.clearing-main-left')
               .addClass('disabled');
+          }
         },
         center : function (target) {
           target.css({
             marginLeft : -(this.outerWidth(target) / 2),
             marginTop : -(this.outerHeight(target) / 2)
           });
           return this;
         },
         // image loading and preloading
         load : function ($image) {
           var href = $image.parent().attr('href');
           this.preload($image);
           if (href) return href;
           return $image.attr('src');
         },
         preload : function ($image) {
           this
             .img($image.closest('li').next())
             .img($image.closest('li').prev());
         },
         loaded : function (image, callback) {
           // based on jquery.imageready.js
           // @weblinc, @jsantell, (c) 2012
           function loaded () {
             callback();
+          }
           function bindLoad () {
             this.one('load', loaded);
             if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) {
               var src = this.attr( 'src' ),
                   param = src.match( /\?/ ) ? '&' : '?';
               param += 'random=' + (new Date()).getTime();
               this.attr('src', src + param);
+            }
+          }
           if (!image.attr('src')) {
             loaded();
             return;
+          }
           if (this.complete || this.readyState === 4) {
             loaded();
           } else {
             bindLoad.call(image);
+          }
         },
         img : function (img) {
           if (img.length) {
             var new_img = new Image(),
                 new_a = img.find('a');
             if (new_a.length) {
               new_img.src = new_a.attr('href');
             } else {
               new_img.src = img.find('img').attr('src');
+            }
+          }
           return this;
         },
         // image caption
         caption : function (container, $image) {
           var caption = $image.data('caption');
           if (caption) {
             container
               .text(caption)
               .show();
           } else {
             container
               .text('')
               .hide();
+          }
           return this;
         },
         // directional methods
         go : function ($ul, direction) {
           var current = $ul.find('.visible'),
               target = current[direction]();
           if (target.length) {
             target
               .find('img')
               .trigger('click', [current, target]);
+          }
         },
         shift : function (current, target, callback) {
           var clearing = target.parent(),
               old_index = this.settings.prev_index || target.index(),
               direction = this.direction(clearing, current, target),
               left = parseInt(clearing.css('left'), 10),
               width = this.outerWidth(target),
               skip_shift;
           // we use jQuery animate instead of CSS transitions because we
           // need a callback to unlock the next animation
           if (target.index() !== old_index && !/skip/.test(direction)){
             if (/left/.test(direction)) {
               this.lock();
               clearing.animate({left : left + width}, 300, this.unlock());
             } else if (/right/.test(direction)) {
               this.lock();
               clearing.animate({left : left - width}, 300, this.unlock());
+            }
           } else if (/skip/.test(direction)) {
             // the target image is not adjacent to the current image, so
             // do we scroll right or not
             skip_shift = target.index() - this.settings.up_count;
             this.lock();
             if (skip_shift > 0) {
               clearing.animate({left : -(skip_shift * width)}, 300, this.unlock());
             } else {
               clearing.animate({left : 0}, 300, this.unlock());
+            }
+          }
           callback();
         },
         direction : function ($el, current, target) {
           var lis = $el.find('li'),
               li_width = this.outerWidth(lis) + (this.outerWidth(lis) / 4),
               up_count = Math.floor(this.outerWidth($('.clearing-container')) / li_width) - 1,
               target_index = lis.index(target),
               response;
           this.settings.up_count = up_count;
           if (this.adjacent(this.settings.prev_index, target_index)) {
             if ((target_index > up_count)
               && target_index > this.settings.prev_index) {
               response = 'right';
             } else if ((target_index > up_count - 1)
               && target_index <= this.settings.prev_index) {
               response = 'left';
             } else {
               response = false;
+            }
           } else {
             response = 'skip';
+          }
           this.settings.prev_index = target_index;
           return response;
         },
         adjacent : function (current_index, target_index) {
           for (var i = target_index + 1; i >= target_index - 1; i--) {
             if (i === current_index) return true;
+          }
           return false;
         },
         // lock management
         lock : function () {
           this.settings.locked = true;
         },
         unlock : function () {
           this.settings.locked = false;
         },
         locked : function () {
           return this.settings.locked;
         },
         // plugin management/browser quirks
         outerHTML : function (el) {
           // support FireFox < 11
           return el.outerHTML || new XMLSerializer().serializeToString(el);
         },
         off : function () {
           $(this.scope).off('.fndtn.clearing');
           $(window).off('.fndtn.clearing');
           this.remove_data(); // empty settings cache
           this.settings.init = false;
+        }
       };
     }(Foundation.zj, this, this.document));

     /*!
      * jQuery Cookie Plugin v1.3
      * https://github.com/carhartl/jquery-cookie
+     *
      * Copyright 2011, Klaus Hartl
      * Dual licensed under the MIT or GPL Version 2 licenses.
      * http://www.opensource.org/licenses/mit-license.php
      * http://www.opensource.org/licenses/GPL-2.0
+     *
      * Modified to work with Zepto.js by ZURB
      */
     (function ($, document, undefined) {
       var pluses = /\+/g;
       function raw(s) {
         return s;
+      }
       function decoded(s) {
         return decodeURIComponent(s.replace(pluses, ' '));
+      }
       var config = $.cookie = function (key, value, options) {
         // write
         if (value !== undefined) {
           options = $.extend({}, config.defaults, options);
           if (value === null) {
             options.expires = -1;
+          }
           if (typeof options.expires === 'number') {
             var days = options.expires, t = options.expires = new Date();
             t.setDate(t.getDate() + days);
+          }
           value = config.json ? JSON.stringify(value) : String(value);
           return (document.cookie = [
             encodeURIComponent(key), '=', config.raw ? value : encodeURIComponent(value),
             options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
             options.path    ? '; path=' + options.path : '',
             options.domain  ? '; domain=' + options.domain : '',
             options.secure  ? '; secure' : ''
           ].join(''));
+        }
         // read
         var decode = config.raw ? raw : decoded;
         var cookies = document.cookie.split('; ');
         for (var i = 0, l = cookies.length; i < l; i++) {
           var parts = cookies[i].split('=');
           if (decode(parts.shift()) === key) {
             var cookie = decode(parts.join('='));
             return config.json ? JSON.parse(cookie) : cookie;
+          }
+        }
         return null;
       };
       config.defaults = {};
       $.removeCookie = function (key, options) {
         if ($.cookie(key) !== null) {
           $.cookie(key, null, options);
           return true;
+        }
         return false;
       };
     })(Foundation.zj, document);

     /*jslint unparam: true, browser: true, indent: 2 */
     ;(function ($, window, document, undefined) {
       'use strict';
       Foundation.libs.dropdown = {
         name : 'dropdown',
         version : '4.0.9',
         settings : {
           activeClass: 'open'
         },
         init : function (scope, method, options) {
           this.scope = scope || this.scope;
           Foundation.inherit(this, 'throttle');
           if (typeof method === 'object') {
             $.extend(true, this.settings, method);
+          }
           if (typeof method != 'string') {
             if (!this.settings.init) {
               this.events();
+            }
             return this.settings.init;
           } else {
             return this[method].call(this, options);
+          }
         },
         events : function () {
           var self = this;
           $(this.scope).on('click.fndtn.dropdown', '[data-dropdown]', function (e) {
             e.preventDefault();
             e.stopPropagation();
             self.toggle($(this));
           });
           $('*, html, body').on('click.fndtn.dropdown', function (e) {
             if (!$(e.target).data('dropdown')) {
               $('[data-dropdown-content]')
                 .css('left', '-99999px')
                 .removeClass(self.settings.activeClass);
+            }
           });
           $(window).on('resize.fndtn.dropdown', self.throttle(function () {
             self.resize.call(self);
           }, 50)).trigger('resize');
           this.settings.init = true;
         },
         toggle : function (target, resize) {
           var dropdown = $('#' + target.data('dropdown'));
           $('[data-dropdown-content]').not(dropdown).css('left', '-99999px').removeClass(this.settings.activeClass);
           if (dropdown.hasClass(this.settings.activeClass)) {
             dropdown
               .css('left', '-99999px')
               .removeClass(this.settings.activeClass);
           } else {
             this
               .css(dropdown
                 .addClass(this.settings.activeClass), target);
+          }
         },
         resize : function () {
           var dropdown = $('[data-dropdown-content].open'),
               target = $("[data-dropdown='" + dropdown.attr('id') + "']");
           if (dropdown.length && target.length) {
             this.css(dropdown, target);
+          }
         },
         css : function (dropdown, target) {
           if (dropdown.parent()[0] === $('body')[0]) {
             var position = target.offset();
           } else {
             var position = target.position();
+          }
           if (this.small()) {
             dropdown.css({
               position : 'absolute',
               width: '95%',
               left: '2.5%',
               'max-width': 'none',
               top: position.top + this.outerHeight(target)
             });
           } else {
             if ($(window).width() > this.outerWidth(dropdown) + target.offset().left) {
               var left = position.left;
             } else {
               if (!dropdown.hasClass('right')) {
                 dropdown.addClass('right');
+              }
               var left = position.left - (this.outerWidth(dropdown) - this.outerWidth(target));
+            }
             dropdown.attr('style', '').css({
               position : 'absolute',
               top: position.top + this.outerHeight(target),
               left: left
             });
+          }
           return dropdown;
         },
         small : function () {
           return $(window).width() < 768 || $('html').hasClass('lt-ie9');
         },
         off: function () {
           $(this.scope).off('.fndtn.dropdown');
           $('html, body').off('.fndtn.dropdown');
           $(window).off('.fndtn.dropdown');
           $('[data-dropdown-content]').off('.fndtn.dropdown');
           this.settings.init = false;
+        }
       };
     }(Foundation.zj, this, this.document));

     /*jslint unparam: true, browser: true, indent: 2 */
     ;(function ($, window, document, undefined) {
       'use strict';
       Foundation.libs.forms = {
         name : 'forms',
         version : '4.0.4',
         settings : {
           disable_class: 'no-custom'
         },
         init : function (scope, method, options) {
           this.scope = scope || this.scope;
           if (typeof method === 'object') {
             $.extend(true, this.settings, method);
+          }
           if (typeof method != 'string') {
             if (!this.settings.init) {
               this.events();
+            }
             this.assemble();
             return this.settings.init;
           } else {
             return this[method].call(this, options);
+          }
         },
         assemble : function () {
           $('form.custom input[type="radio"]', $(this.scope)).not('[data-customforms="disabled"]')
             .each(this.append_custom_markup);
           $('form.custom input[type="checkbox"]', $(this.scope)).not('[data-customforms="disabled"]')
             .each(this.append_custom_markup);
           $('form.custom select', $(this.scope)).not('[data-customforms="disabled"]')
             .each(this.append_custom_select);
         },
         events : function () {
           var self = this;
           $(this.scope)
             .on('change.fndtn.forms', 'form.custom select:not([data-customforms="disabled"])', function (e) {
               self.refresh_custom_select($(this));
             })
             .on('click.fndtn.forms', 'form.custom label', function (e) {
               var $associatedElement = $('#' + self.escape($(this).attr('for')) + ':not([data-customforms="disabled"])'),
                   $customCheckbox,
                   $customRadio;
               if ($associatedElement.length !== 0) {
                 if ($associatedElement.attr('type') === 'checkbox') {
                   e.preventDefault();
                   $customCheckbox = $(this).find('span.custom.checkbox');
                   //the checkbox might be outside after the label
                   if ($customCheckbox.length == 0) {
                     $customCheckbox = $(this).next('span.custom.checkbox');
+                  }
                   //the checkbox might be outside before the label
                   if ($customCheckbox.length == 0) {
                     $customCheckbox = $(this).prev('span.custom.checkbox');
+                  }
                   self.toggle_checkbox($customCheckbox);
                 } else if ($associatedElement.attr('type') === 'radio') {
                   e.preventDefault();
                   $customRadio = $(this).find('span.custom.radio');
                   //the radio might be outside after the label
                   if ($customRadio.length == 0) {
                     $customRadio = $(this).next('span.custom.radio');
+                  }
                   //the radio might be outside before the label
                   if ($customRadio.length == 0) {
                     $customRadio = $(this).prev('span.custom.radio');
+                  }
                   self.toggle_radio($customRadio);
+                }
+              }
             })
             .on('click.fndtn.forms', 'form.custom div.custom.dropdown a.current, form.custom div.custom.dropdown a.selector', function (e) {
               var $this = $(this),
                   $dropdown = $this.closest('div.custom.dropdown'),
                   $select = $dropdown.prev();
               // make sure other dropdowns close
               if(!$dropdown.hasClass('open'))
                 $(self.scope).trigger('click');
               e.preventDefault();
               if (false === $select.is(':disabled')) {
                 $dropdown.toggleClass('open');
                 if ($dropdown.hasClass('open')) {
                   $(self.scope).on('click.fndtn.forms.customdropdown', function () {
                     $dropdown.removeClass('open');
                     $(self.scope).off('.fndtn.forms.customdropdown');
                   });
                 } else {
                   $(self.scope).on('.fndtn.forms.customdropdown');
+                }
                 return false;
+              }
             })
             .on('click.fndtn.forms touchend.fndtn.forms', 'form.custom div.custom.dropdown li', function (e) {
               var $this = $(this),
                   $customDropdown = $this.closest('div.custom.dropdown'),
                   $select = $customDropdown.prev(),
                   selectedIndex = 0;
               e.preventDefault();
               e.stopPropagation();
               if ( ! $(this).hasClass('disabled')) {
                 $('div.dropdown').not($customDropdown).removeClass('open');
                 var $oldThis= $this
                   .closest('ul')
                   .find('li.selected');
                 $oldThis.removeClass('selected');
                 $this.addClass('selected');
                 $customDropdown
                   .removeClass('open')
                   .find('a.current')
                   .html($this.html());
                 $this.closest('ul').find('li').each(function (index) {
                   if ($this[0] == this) {
                     selectedIndex = index;
+                  }
                 });
                 $select[0].selectedIndex = selectedIndex;
                 //store the old value in data
                 $select.data('prevalue', $oldThis.html());
                 $select.trigger('change');
+              }
             });
           this.settings.init = true;
         },
         append_custom_markup : function (idx, sel) {
           var $this = $(sel).hide(),
               type  = $this.attr('type'),
               $span = $this.next('span.custom.' + type);
           if ($span.length === 0) {
             $span = $('<span class="custom ' + type + '"></span>').insertAfter($this);
+          }
           $span.toggleClass('checked', $this.is(':checked'));
           $span.toggleClass('disabled', $this.is(':disabled'));
         },
         append_custom_select : function (idx, sel) {
           var self = Foundation.libs.forms,
               $this = $( sel ),
               $customSelect = $this.next( 'div.custom.dropdown' ),
               $customList = $customSelect.find( 'ul' ),
               $selectCurrent = $customSelect.find( ".current" ),
               $selector = $customSelect.find( ".selector" ),
               $options = $this.find( 'option' ),
               $selectedOption = $options.filter( ':selected' ),
               copyClasses = $this.attr('class') ? $this.attr('class').split(' ') : [],
               maxWidth = 0,
               liHtml = '',
               $listItems,
               $currentSelect = false;
           if ($this.hasClass(self.settings.disable_class)) return;
           if ($customSelect.length === 0) {
             var customSelectSize = $this.hasClass( 'small' )   ? 'small'   :
                                    $this.hasClass( 'medium' )  ? 'medium'  :
                                    $this.hasClass( 'large' )   ? 'large'   :
                                    $this.hasClass( 'expand' )  ? 'expand'  : '';
             $customSelect = $('<div class="' + ['custom', 'dropdown', customSelectSize ].concat(copyClasses).filter(function(item, idx,arr){ if(item == '') return false; return arr.indexOf(item) == idx; }).join( ' ' ) + '"><a href="#" class="selector"></a><ul /></div>');
             $selector = $customSelect.find(".selector");
             $customList = $customSelect.find("ul");
             liHtml = $options.map(function() { return "<li>" + $( this ).html() + "</li>"; } ).get().join( '' );
             $customList.append(liHtml);
             $currentSelect = $customSelect.prepend('<a href="#" class="current">' + $selectedOption.html() + '</a>' ).find( ".current" );
             $this
               .after( $customSelect )
               .hide();
           } else {
             liHtml = $options.map(function() {
                 return "<li>" + $( this ).html() + "</li>";
               })
               .get().join('');
             $customList
               .html('')
               .append(liHtml);
           } // endif $customSelect.length === 0
           $customSelect.toggleClass('disabled', $this.is( ':disabled' ) );
           $listItems = $customList.find( 'li' );
           $options.each( function ( index ) {
             if ( this.selected ) {
               $listItems.eq( index ).addClass( 'selected' );
               if ($currentSelect) {
                 $currentSelect.html( $( this ).html() );
+              }
+            }
             if ($(this).is(':disabled')) {
               $listItems.eq( index ).addClass( 'disabled' );
+            }
           });
           //
           // If we're not specifying a predetermined form size.
           //
           if (!$customSelect.is('.small, .medium, .large, .expand')) {
             // ------------------------------------------------------------------------------------
             // This is a work-around for when elements are contained within hidden parents.
             // For example, when custom-form elements are inside of a hidden reveal modal.
             //
             // We need to display the current custom list element as well as hidden parent elements
             // in order to properly calculate the list item element's width property.
             // -------------------------------------------------------------------------------------
             $customSelect.addClass( 'open' );
             //
             // Quickly, display all parent elements.
             // This should help us calcualate the width of the list item's within the drop down.
             //
             var self = Foundation.libs.forms;
             self.hidden_fix.adjust( $customList );
             maxWidth = ( self.outerWidth($listItems) > maxWidth ) ? self.outerWidth($listItems) : maxWidth;
             Foundation.libs.forms.hidden_fix.reset();
             $customSelect.removeClass( 'open' );
           } // endif
         },
         refresh_custom_select : function ($select) {
           var self = this;
           var maxWidth = 0,
             $customSelect = $select.next(),
             $options = $select.find('option');
           $customSelect.find('ul').html('');
           $options.each(function () {
             var $li = $('<li>' + $(this).html() + '</li>');
             $customSelect.find('ul').append($li);
           });
           // re-populate
           $options.each(function (index) {
             if (this.selected) {
               $customSelect.find('li').eq(index).addClass('selected');
               $customSelect.find('.current').html($(this).html());
+            }
             if ($(this).is(':disabled')) {
               $customSelect.find('li').eq(index).addClass('disabled');
+            }
           });
           // fix width
           $customSelect.removeAttr('style')
             .find('ul').removeAttr('style');
           $customSelect.find('li').each(function () {
             $customSelect.addClass('open');
             if (self.outerWidth($(this)) > maxWidth) {
               maxWidth = self.outerWidth($(this));
+            }
             $customSelect.removeClass('open');
           });
         },
         toggle_checkbox : function ($element) {
           var $input = $element.prev(),
               input = $input[0];
           if (false === $input.is(':disabled')) {

Synnefo

Revision b3c1328b