\")[0],h=r.each;d.style.cssText=\"background-color:rgba(1,1,1,.5)\",p.rgba=d.style.backgroundColor.indexOf(\"rgba\")>-1,h(c,function(r,n){n.cache=\"_\"+r,n.props.alpha={idx:3,type:\"percent\",def:1}}),l.fn=r.extend(l.prototype,{parse:function(o,s,i,u){if(o===n)return this._rgba=[null,null,null,null],this;(o.jquery||o.nodeType)&&(o=r(o).css(s),s=n);var f=this,p=r.type(o),d=this._rgba=[];return s!==n&&(o=[o,s,i,u],p=\"array\"),\"string\"===p?this.parse(e(o)||a._default):\"array\"===p?(h(c.rgba.props,function(r,n){d[n.idx]=t(o[n.idx],n)}),this):\"object\"===p?(o instanceof l?h(c,function(r,n){o[n.cache]&&(f[n.cache]=o[n.cache].slice())}):h(c,function(n,e){var a=e.cache;h(e.props,function(r,n){if(!f[a]&&e.to){if(\"alpha\"===r||null==o[r])return;f[a]=e.to(f._rgba)}f[a][n.idx]=t(o[r],n,!0)}),f[a]&&r.inArray(null,f[a].slice(0,3))<0&&(f[a][3]=1,e.from&&(f._rgba=e.from(f[a])))}),this):void 0},is:function(r){var n=l(r),t=!0,e=this;return h(c,function(r,o){var a,s=n[o.cache];return s&&(a=e[o.cache]||o.to&&o.to(e._rgba)||[],h(o.props,function(r,n){return null!=s[n.idx]?t=s[n.idx]===a[n.idx]:void 0})),t}),t},_space:function(){var r=[],n=this;return h(c,function(t,e){n[e.cache]&&r.push(t)}),r.pop()},transition:function(r,n){var e=l(r),o=e._space(),a=c[o],s=0===this.alpha()?l(\"transparent\"):this,i=s[a.cache]||a.to(s._rgba),u=i.slice();return e=e[a.cache],h(a.props,function(r,o){var a=o.idx,s=i[a],l=e[a],c=f[o.type]||{};null!==l&&(null===s?u[a]=l:(c.mod&&(l-s>c.mod/2?s+=c.mod:s-l>c.mod/2&&(s-=c.mod)),u[a]=t((l-s)*n+s,o)))}),this[o](u)},blend:function(n){if(1===this._rgba[3])return this;var t=this._rgba.slice(),e=t.pop(),o=l(n)._rgba;return l(r.map(t,function(r,n){return(1-e)*o[n]+e*r}))},toRgbaString:function(){var n=\"rgba(\",t=r.map(this._rgba,function(r,n){return null==r?n>2?1:0:r});return 1===t[3]&&(t.pop(),n=\"rgb(\"),n+t.join()+\")\"},toHslaString:function(){var n=\"hsla(\",t=r.map(this.hsla(),function(r,n){return null==r&&(r=n>2?1:0),n&&3>n&&(r=Math.round(100*r)+\"%\"),r});return 1===t[3]&&(t.pop(),n=\"hsl(\"),n+t.join()+\")\"},toHexString:function(n){var t=this._rgba.slice(),e=t.pop();return n&&t.push(~~(255*e)),\"#\"+r.map(t,function(r){return r=(r||0).toString(16),1===r.length?\"0\"+r:r}).join(\"\")},toString:function(){return 0===this._rgba[3]?\"transparent\":this.toRgbaString()}}),l.fn.parse.prototype=l.fn,c.hsla.to=function(r){if(null==r[0]||null==r[1]||null==r[2])return[null,null,null,r[3]];var n,t,e=r[0]/255,o=r[1]/255,a=r[2]/255,s=r[3],i=Math.max(e,o,a),u=Math.min(e,o,a),l=i-u,c=i+u,f=.5*c;return n=u===i?0:e===i?60*(o-a)/l+360:o===i?60*(a-e)/l+120:60*(e-o)/l+240,t=0===l?0:.5>=f?l/c:l/(2-c),[Math.round(n)%360,t,f,null==s?1:s]},c.hsla.from=function(r){if(null==r[0]||null==r[1]||null==r[2])return[null,null,null,r[3]];var n=r[0]/360,t=r[1],e=r[2],a=r[3],s=.5>=e?e*(1+t):e+t-e*t,i=2*e-s;return[Math.round(255*o(i,s,n+1/3)),Math.round(255*o(i,s,n)),Math.round(255*o(i,s,n-1/3)),a]},h(c,function(e,o){var a=o.props,s=o.cache,u=o.to,c=o.from;l.fn[e]=function(e){if(u&&!this[s]&&(this[s]=u(this._rgba)),e===n)return this[s].slice();var o,i=r.type(e),f=\"array\"===i||\"object\"===i?e:arguments,p=this[s].slice();return h(a,function(r,n){var e=f[\"object\"===i?r:n.idx];null==e&&(e=p[n.idx]),p[n.idx]=t(e,n)}),c?(o=l(c(p)),o[s]=p,o):l(p)},h(a,function(n,t){l.fn[n]||(l.fn[n]=function(o){var a,s=r.type(o),u=\"alpha\"===n?this._hsla?\"hsla\":\"rgba\":e,l=this[u](),c=l[t.idx];return\"undefined\"===s?c:(\"function\"===s&&(o=o.call(this,c),s=r.type(o)),null==o&&t.empty?this:(\"string\"===s&&(a=i.exec(o),a&&(o=c+parseFloat(a[2])*(\"+\"===a[1]?1:-1))),l[t.idx]=o,this[u](l)))})})}),l.hook=function(n){var t=n.split(\" \");h(t,function(n,t){r.cssHooks[t]={set:function(n,o){var a,s,i=\"\";if(\"transparent\"!==o&&(\"string\"!==r.type(o)||(a=e(o)))){if(o=l(a||o),!p.rgba&&1!==o._rgba[3]){for(s=\"backgroundColor\"===t?n.parentNode:n;(\"\"===i||\"transparent\"===i)&&s&&s.style;)try{i=r.css(s,\"backgroundColor\"),s=s.parentNode}catch(u){}o=o.blend(i&&\"transparent\"!==i?i:\"_default\")}o=o.toRgbaString()}try{n.style[t]=o}catch(u){}}},r.fx.step[t]=function(n){n.colorInit||(n.start=l(n.elem,t),n.end=l(n.end),n.colorInit=!0),r.cssHooks[t].set(n.elem,n.start.transition(n.end,n.pos))}})},l.hook(s),r.cssHooks.borderColor={expand:function(r){var n={};return h([\"Top\",\"Right\",\"Bottom\",\"Left\"],function(t,e){n[\"border\"+e+\"Color\"]=r}),n}},a=r.Color.names={aqua:\"#00ffff\",black:\"#000000\",blue:\"#0000ff\",fuchsia:\"#ff00ff\",gray:\"#808080\",green:\"#008000\",lime:\"#00ff00\",maroon:\"#800000\",navy:\"#000080\",olive:\"#808000\",purple:\"#800080\",red:\"#ff0000\",silver:\"#c0c0c0\",teal:\"#008080\",white:\"#ffffff\",yellow:\"#ffff00\",transparent:[null,null,null,0],_default:\"#ffffff\"}}(jQuery);\n\n\n/** -------------- SOME GENERAL FUNCTIONS ---------------------*/\n\n/**\n * ismouseover function - check if the mouse over some object\n */\n!function(t){function e(){try{var i=this===document?t(this):t(this).contents();}catch(error){return(false);}i.mousemove(function(e){t.mlp={x:e.pageX,y:e.pageY}}),i.find(\"iframe\").on(\"load\",e)}t.mlp={x:0,y:0},t(e),t.fn.ismouseover=function(){var e=!1;return this.eq(0).each(function(){var i=t(this).is(\"iframe\")?t(this).contents().find(\"body\"):t(this),n=i.offset();e=n.left<=t.mlp.x&&n.left+i.outerWidth()>t.mlp.x&&n.top<=t.mlp.y&&n.top+i.outerHeight()>t.mlp.y}),e}}(jQuery);\n\n\n\nfunction UGThumbsGeneral(){\n\t\n\tvar t = this, g_objThis = jQuery(t);\n\t\n\tvar g_gallery = new UniteGalleryMain(), g_objGallery, g_objects, g_objWrapper; \n\tvar g_arrItems, g_objStrip, g_objParent;\n\tvar g_functions = new UGFunctions();\n\tvar g_strip;\n\tvar outer_options;\n\t\n\tthis.type = {\n\t\t\tGET_THUMBS_ALL: \"all\",\n\t\t\tGET_THUMBS_RATIO: \"ratio\",\n\t\t\tGET_THUMBS_NO_RATIO: \"no_ratio\",\n\t\t\tGET_THUMBS_NEW:\"new\"\n\t};\n\t\n\tthis.events = {\t\t\n\t\tSETOVERSTYLE: \"thumbmouseover\",\n\t\tSETNORMALSTYLE: \"thumbmouseout\",\n\t\tSETSELECTEDSTYLE: \"thumbsetselected\",\n\t\t\n\t\tPLACEIMAGE: \"thumbplaceimage\",\n\t\tAFTERPLACEIMAGE: \"thumb_after_place_image\",\n\t\tIMAGELOADERROR: \"thumbimageloaderror\",\n\t\tTHUMB_IMAGE_LOADED: \"thumb_image_loaded\"\n\t};\n\t\n\tvar g_options = {\n\t\t\tthumb_width:88,\t\t\t\t\t\t\t\t//thumb width\n\t\t\tthumb_height:50,\t\t\t\t\t\t\t//thumb height\n\t\t\tthumb_fixed_size: true,\t\t\t\t\t\t//true,false - fixed/dynamic thumbnail width\n\t\t\tthumb_resize_by: \"height\",\t\t\t\t\t//set resize by width or height of the image in case of non fixed size, \n\t\t\t\n\t\t\tthumb_border_effect:true,\t\t\t\t\t//true, false - specify if the thumb has border\n\t\t\tthumb_border_width: 0,\t\t\t\t\t\t//thumb border width\n\t\t\tthumb_border_color: \"#000000\",\t\t\t\t//thumb border color\n\t\t\tthumb_over_border_width: 0,\t\t\t\t\t//thumb border width in mouseover state\n\t\t\tthumb_over_border_color: \"#d9d9d9\",\t\t\t//thumb border color in mouseover state\n\t\t\tthumb_selected_border_width: 1,\t\t\t\t//thumb width in selected state\n\t\t\tthumb_selected_border_color: \"#d9d9d9\",\t\t//thumb border color in selected state\n\t\t\t\n\t\t\tthumb_round_corners_radius:0,\t\t\t\t//thumb border radius\n\t\t\t\n\t\t\tthumb_color_overlay_effect: true,\t\t\t//true,false - thumb color overlay effect, release the overlay on mouseover and selected states\n\t\t\tthumb_overlay_color: \"#000000\",\t\t\t\t//thumb overlay color\n\t\t\tthumb_overlay_opacity: 0.4,\t\t\t\t\t//thumb overlay color opacity\n\t\t\tthumb_overlay_reverse:false,\t\t\t\t//true,false - reverse the overlay, will be shown on selected state only\n\t\t\t\n\t\t\tthumb_image_overlay_effect: false,\t\t\t//true,false - images orverlay effect on normal state only\n\t\t\tthumb_image_overlay_type: \"bw\",\t\t\t\t//bw , blur, sepia - the type of image effect overlay, black and white, sepia and blur.\n\t\t\t\n\t\t\tthumb_transition_duration: 200,\t\t\t\t//thumb effect transition duration\n\t\t\tthumb_transition_easing: \"easeOutQuad\",\t\t//thumb effect transition easing\n\t\t\t\n\t\t\tthumb_show_loader: true,\t\t\t\t\t//show thumb loader while loading the thumb\n\t\t\tthumb_loader_type: \"dark\",\t\t\t\t\t//dark, light - thumb loader type\n\t\t\t\n\t\t\tthumb_wrapper_as_link: false,\t\t\t\t//set thumb as link\n\t\t\tthumb_link_newpage: false\t\t\t\t\t//set the link to open newpage\n\t\t}\n\t\n\t\tvar g_temp = {\n\t\t\ttouchEnabled: false,\n\t\t\tnum_thumbs_checking:0,\n\t\t\tcustomThumbs:false,\n\t\t\tfuncSetCustomThumbHtml:null,\n\t\t\tisEffectBorder: false,\n\t\t\tisEffectOverlay: false,\n\t\t\tisEffectImage: false,\n\t\t\tcolorOverlayOpacity: 1,\n\t\t\tthumbInnerReduce: 0,\n\t\t\tallowOnResize: true,\t\t//allow onresize event\n\t\t\tclassNewThumb: \"ug-new-thumb\"\n\t\t};\n\t\t\n\t\n\t\tvar g_serviceParams = {\t\t\t//service variables\t\n\t\t\ttimeout_thumb_check:100,\n\t\t\tthumb_max_check_times:600,\t//60 seconds\n\t\t\teventSizeChange: \"thumb_size_change\"\n\t\t};\n\n\t\t/**\n\t\t * init the thumbs object\n\t\t */\n\t\tthis.init = function(gallery, customOptions){\n\t\t\tg_objects = gallery.getObjects();\n\t\t\tg_gallery = gallery;\n\t\t\tg_objGallery = jQuery(gallery);\n\t\t\tg_objWrapper = g_objects.g_objWrapper;\n\t\t\tg_arrItems = g_objects.g_arrItems;\n\n\t\t\tg_options = jQuery.extend(g_options, customOptions);\n\n\t\t\t//set effects vars:\n\t\t\tg_temp.isEffectBorder = g_options.thumb_border_effect;\n\t\t\tg_temp.isEffectOverlay = g_options.thumb_color_overlay_effect;\n\t\t\tg_temp.isEffectImage = g_options.thumb_image_overlay_effect;\n\t\t\n\t\t}\n\t\t\n\t\tthis._____________EXTERNAL_SETTERS__________ = function(){};\n\t\t\n\t\t\n\t\t/**\n\t\t * append html from item\n\t\t */\n\t\tfunction appendHtmlThumbFromItem(itemIndex, imageEffectClass){\n\t\t\t\n\t\t\tvar objItem = g_arrItems[itemIndex];\n\t\t\t \n\t\t\t var classAddition = \"\";\n\t\t\t if(g_temp.customThumbs == false)\n\t\t\t\t classAddition = \" ug-thumb-generated\";\n\t\t\t\n\t\t\tvar zIndex = objItem.index + 1;\n\t\t\tvar thumbStyle = \"style='z-index:\"+zIndex+\";'\";\n\t\t\t\n\t\t \tvar htmlThumb = \"
\";\n\n\t\t\t if(g_options.thumb_wrapper_as_link == true){\n\t\t\t\t var urlLink = objItem.link;\n\t\t\t\t if(objItem.link == \"\")\n\t\t\t\t\t urlLink = \"javascript:void(0)\";\n\t\t\t\t\n\t\t\t\t var linkTarget = \"\";\n\t\t\t\t\tif(g_options.thumb_link_newpage == true && objItem.link)\n\t\t\t\t\t\tlinkTarget = \" target='_blank'\";\n\t\t\t\t \n\t\t\t\t var htmlThumb = \"\";\n\t\t\t }\n\t\t\t \n\t\t\t var objThumbWrapper = jQuery(htmlThumb);\n\t\t\t \n\t\t\t var objImage = objItem.objThumbImage;\n\t\t\t\n\t\t\t if(g_temp.customThumbs == false){\n\t\t\t\t \n\t\t\t\t if(g_options.thumb_show_loader == true && objImage){\n\t\t\t\t\t \n\t\t\t\t\t var loaderClass = \"ug-thumb-loader-dark\";\n\t\t\t\t\t if(g_options.thumb_loader_type == \"bright\")\n\t\t\t\t\t\t loaderClass = \"ug-thumb-loader-bright\";\n\t\t\t\t\t \n\t\t\t\t\t objThumbWrapper.append(\"\");\n\t\t\t\t\t objThumbWrapper.append(\"\");\n\t\t\t\t }\n\t\t\t\t \t\t\t\t\t \n\t\t\t\t if(objImage){\n\t\t\t\t\t objImage.addClass(\"ug-thumb-image\");\n\t\t\t\t\t \n\t\t\t\t\t //if image overlay effects active, clone the image, and set the effects class on it\n\t\t\t\t\t if(g_options.thumb_image_overlay_effect == true){\n\t\t\t\t\t\tvar objImageOverlay = objImage.clone().appendTo(objThumbWrapper);\n\t\t\t\t\t\t\n\t\t\t\t\t\tobjImageOverlay.addClass(\"ug-thumb-image-overlay \" + imageEffectClass).removeClass(\"ug-thumb-image\");\n\t\t\t\t\t\tobjImageOverlay.fadeTo(0,0);\n\t\t\t\t\t\tobjItem.objImageOverlay = objImageOverlay;\n\t\t\t\t\t }\n\t\t\t\t\t\t\t \n\t\t\t\t\t objThumbWrapper.append(objImage);\n\t\t\t\t }\n\t\t\t\t \n\t\t\t }//end if not custom thumb\n\t\t\t \n\t\t\t if(g_temp.isEffectBorder)\n\t\t\t\t objThumbWrapper.append(\"\");\n\t\t\t \n\t\t\t if(g_temp.isEffectOverlay)\n\t\t\t\t objThumbWrapper.append(\"\");\n\t\t\t \n\t\t\t g_objParent.append(objThumbWrapper);\n\n\t\t\t //only custom thumbs function\n\t\t\t if(g_temp.customThumbs){\n\t\t\t\t \n\t\t\t\t g_temp.funcSetCustomThumbHtml(objThumbWrapper, objItem);\n\t\t\t\t \n\t\t\t }\n\t\t\t \n\t\t\t //add thumb wrapper object to items array\n\t\t\t g_arrItems[itemIndex].objThumbWrapper = objThumbWrapper;\n\t\t\t\n\t\t\t return(objThumbWrapper);\n\t\t}\n\t\t\n\t\t\n\t\t/**\n\t\t * append the thumbs html to some parent\n\t\t */\n\t\tthis.setHtmlThumbs = function(objParent, isAppend){\n\t\t\t\n\t\t\tg_objParent = objParent;\n\t\t\t\n\t\t\t//set image effect class\n\t\t\tif(g_temp.isEffectImage == true){\n\t\t\t\tvar imageEffectClass = getImageEffectsClass();\n\t\t\t}\n\t\t\t\n\t\t\tif(isAppend !== true){\t\t//set all thumbs\n\t\t\t\tvar numItems = g_gallery.getNumItems();\n\t\t\t\t\n\t\t\t\t //append thumbs to strip\n\t\t\t\t for(var i=0;i\");\t\t \n\t\tg_objStrip = objParent.children(\".ug-thumbs-strip\");\n\t\t\n\t\tg_objStripInner = g_objStrip.children(\".ug-thumbs-strip-inner\");\t\t\n\t\t\t\t\n\t\t//put the thumbs to inner strip\n\t\tg_thumbs.setHtmlThumbs(g_objStripInner);\n\t\t\n\t\t//hide thumbs on not fixed mode\n\t\tif(g_temp.isNotFixedThumbs == true)\n\t\t\tg_thumbs.hideThumbs();\n\t\t\n\t}\n\n\t\n\tfunction ___________GENERAL___________(){};\n\t\n\t\n\t/**\n\t * init the strip\n\t */\n\tfunction initStrip(gallery, customOptions){\n\t\t\n\t\tg_objects = gallery.getObjects();\n\t\tg_gallery = gallery;\n\t\t\n\t\tg_gallery.attachThumbsPanel(\"strip\", t);\n\t\t\n\t\tg_objGallery = jQuery(gallery);\n\t\tg_objWrapper = g_objects.g_objWrapper;\n\t\tg_arrItems = g_objects.g_arrItems;\n\n\t\tg_options = jQuery.extend(g_options, customOptions);\n\t\tg_isVertical = g_options.strip_vertical_type;\n\t\t\n\t\t//set vertical defaults\n\t\tif(g_isVertical == true){\n\t\t\tg_options = jQuery.extend(g_options, g_defaultsVertical);\n\t\t\tg_options = jQuery.extend(g_options, customOptions);\n\t\t\t\n\t\t\tcustomOptions.thumb_resize_by = \"width\";\n\t\t}\n\t\t\n\t\tg_thumbs.init(gallery, customOptions);\n\t\t\n\t\tonAfterSetOptions();\n\t}\n\t\n\t\n\t/**\n\t * run this funcion after set options.\n\t */\n\tfunction onAfterSetOptions(){\n\n\t\tvar thumbsOptions = g_thumbs.getOptions();\n\t\t\n\t\tg_temp.isNotFixedThumbs = (thumbsOptions.thumb_fixed_size === false);\n\t\tg_isVertical = g_options.strip_vertical_type;\n\t}\n\t\n\t\n\t/**\n\t * run the strip\n\t */\n\tfunction runStrip(){\n\t\t\n\t\tg_thumbs.setHtmlProperties();\n\t\t\n\t\tinitSizeParams();\n\n\t\tfixSize();\n\n\t\tpositionThumbs();\n\t\t\n\t\t//run only once\n\t\tif(g_temp.isRunOnce == false){\n\n\t\t\t//init thumbs strip touch\n\t\t\tif(g_options.strip_control_touch == true){\n\t\t\t\tg_touchThumbsControl = new UGTouchThumbsControl();\n\t\t\t\tg_touchThumbsControl.init(t);\n\t\t\t}\n\n\t\t\t//init thumbs strip avia control\n\t\t\tif(g_options.strip_control_avia == true){\n\t\t\t\tg_aviaControl = new UGAviaControl();\n\t\t\t\tg_aviaControl.init(t);\n\t\t\t}\n\n\t\t\tcheckControlsEnableDisable();\n\n\t\t\tg_thumbs.loadThumbsImages();\n\t\t\t\n\t\t\tinitEvents();\n\t\t}\n\t\t\n\t\t\t\t\t\t\n\t\tg_temp.isRunOnce = true;\n\n\t}\n\t\n\t\n\t/**\n\t * store strip size and strip active size in vars\n\t * do after all strip size change\n\t */\n\tfunction storeStripSize(size){\n\t\t\n\t\tg_sizes.stripSize = size;\n\n\t\tif(g_isVertical == false)\n\t\t\tg_sizes.stripActiveSize = g_sizes.stripSize - g_options.strip_padding_left - g_options.strip_padding_right;\n\t\telse\n\t\t\tg_sizes.stripActiveSize = g_sizes.stripSize - g_options.strip_padding_top - g_options.strip_padding_bottom;\n\t\t\t\n\t\tif(g_sizes.stripActiveSize < 0)\n\t\t\tg_sizes.stripActiveSize = 0;\n\n\t}\n\t\n\t\n\t/**\n\t * init some size parameters, before size init and after position thumbs\n\t */\n\tfunction initSizeParams(){\n\t\t\n\t\t//set thumb outer size:\n\t\tvar arrThumbs = g_objStripInner.children(\".ug-thumb-wrapper\");\n\t\tvar firstThumb = jQuery(arrThumbs[0]);\n\t\tvar thumbsRealWidth = firstThumb.outerWidth();\n\t\tvar thumbsRealHeight = firstThumb.outerHeight();\n\t\tvar thumbs_options = g_thumbs.getOptions();\n\t\t\n\t\tif(g_isVertical == false){\t\t\t//horizontal\n\t\t\t\n\t\t\tg_sizes.thumbSize = thumbsRealWidth;\n\t\t\n\t\t\tif(thumbs_options.thumb_fixed_size == true){\n\t\t\t\tg_sizes.thumbSecondSize = thumbsRealHeight;\n\t\t\t} else {\n\t\t\t\tg_sizes.thumbSecondSize = thumbs_options.thumb_height;\n\t\t\t}\n\t\t\t\n\t\t\tstoreStripSize(g_objStrip.width());\n\t\t\tg_sizes.stripInnerSize = g_objStripInner.width();\n\t\t\n\t\t}else{\t\t//vertical\n\t\t\tg_sizes.thumbSize = thumbsRealHeight;\n\t\t\t\n\t\t\tif(thumbs_options.thumb_fixed_size == true){\n\t\t\t\tg_sizes.thumbSecondSize = thumbsRealWidth;\n\t\t\t} else {\n\t\t\t\tg_sizes.thumbSecondSize = thumbs_options.thumb_width;\n\t\t\t}\n\t\t\t\n\t\t\tstoreStripSize(g_objStrip.height());\n\n\t\t\tg_sizes.stripInnerSize = g_objStripInner.height();\t\t\t\n\t\t}\n\n\t\t\n\t}\n\t\n\t\n\n\t\n\t/**\n\t * set size of inner strip according the orientation\n\t */\n\tfunction setInnerStripSize(innerSize){\n\n\t\tif(g_isVertical == false)\n\t\t\tg_objStripInner.width(innerSize);\n\t\telse\n\t\t\tg_objStripInner.height(innerSize);\n\t\t\t\n\t\tg_sizes.stripInnerSize = innerSize;\n\t\t\n\t\tcheckControlsEnableDisable();\n\t\t\n\t\tjQuery(t).trigger(t.events.INNER_SIZE_CHANGE);\n\t}\n\t\n\t\n\t/**\n\t * position thumbnails in the thumbs panel\n\t */\n\tfunction positionThumbs(){\n\t\t\n\t\tvar arrThumbs = g_objStripInner.children(\".ug-thumb-wrapper\");\n\t\t\n\t\tvar posx = 0;\n\t\tvar posy = 0;\n\t\t\n\t\tif(g_isVertical == false)\n\t\t\tposy = g_options.strip_padding_top;\n\t\t\n\t\tfor (i = 0; i < arrThumbs.length; i++) {\n\t\t\t\n\t\t\tvar objThumb = jQuery(arrThumbs[i]);\n\t\t\t\n\t\t\t//skip from placing if not loaded yet on non fixed mode\n\t\t\tif(g_temp.isNotFixedThumbs == true){\n\t\t\t\tobjItem = g_thumbs.getItemByThumb(objThumb);\n\t\t\t\tif(objItem.isLoaded == false)\n\t\t\t\t\tcontinue;\n\t\t\t\t\n\t\t\t\t//the thumb is hidden if not placed\n\t\t\t\tobjThumb.show();\n\t\t\t}\n\t\t\t\n\t\t\tg_functions.placeElement(objThumb, posx, posy);\n\t\t\t\n\t\t\tif(g_isVertical == false)\n\t\t\t\tposx += objThumb.outerWidth() + g_options.strip_space_between_thumbs;\n\t\t\telse\n\t\t\t\tposy += objThumb.outerHeight() + g_options.strip_space_between_thumbs;\n\t\t}\n\t\t\n\t\t//set strip size, width or height\n\t\tif(g_isVertical == false)\n\t\t\tvar innerStripSize = posx - g_options.strip_space_between_thumbs;\n\t\telse\n\t\t\tvar innerStripSize = posy - g_options.strip_space_between_thumbs;\n\t\t\t\n\t\tsetInnerStripSize(innerStripSize);\n\t}\n\n\t\n\t\n\t/**\n\t * fix strip and inner size\n\t */\n\tfunction fixSize(){\n\t\t\n\t\tif(g_isVertical == false){\t\t//fix horizontal\n\t\t\t\n\t\t\tvar height = g_sizes.thumbSecondSize;\n\t\t\t\n\t\t\t var objCssStrip = {};\n\t\t\t objCssStrip[\"height\"] = height+\"px\";\n\t\t\t \t\t \n\t\t\t //set inner strip params\n\t\t\t var objCssInner = {};\n\t\t\t objCssInner[\"height\"] = height+\"px\";\n\n\t\t}else{\t//fix vertical\n\t\t\t\n\t\t\tvar width = g_sizes.thumbSecondSize;\n\t\t\t\n\t\t\t var objCssStrip = {};\n\t\t\t objCssStrip[\"width\"] = width+\"px\";\n\t\t\t \t\t \n\t\t\t //set inner strip params\n\t\t\t var objCssInner = {};\n\t\t\t objCssInner[\"width\"] = width+\"px\";\n\t\t\t \n\t\t}\n\t\t \n\t\tg_objStrip.css(objCssStrip);\n\t\tg_objStripInner.css(objCssInner);\t\t\t\t\n\t}\n\t\n\t\n\t\n\t/**\n\t * scroll by some number\n\t * .\n\t */\n\tfunction scrollBy(scrollStep){\n\t\t\n\t\tvar innerPos = t.getInnerStripPos();\n\t\tvar finalPos = innerPos + scrollStep;\n\t\t\n\t\tfinalPos = t.fixInnerStripLimits(finalPos);\n\t\t\n\t\tt.positionInnerStrip(finalPos, true);\t\t\n\t}\n\t\n\n\t/**\n\t * scroll to thumb from min. (left or top) position\n\t */\n\tfunction scrollToThumbMin(objThumb){\n\t\t\n\t\tvar objThumbPos = getThumbPos(objThumb);\n\t\t\n\t\tvar scrollPos = objThumbPos.min * -1;\n\t\tscrollPos = t.fixInnerStripLimits(scrollPos);\n\n\t\tt.positionInnerStrip(scrollPos, true);\n\t}\n\t\n\t\n\t/**\n\t * scroll to thumb from max. (right or bottom) position\n\t */\n\tfunction scrollToThumbMax(objThumb){\n\t\t\n\t\tvar objThumbPos = getThumbPos(objThumb);\t\t\n\t\t\n\t\tvar scrollPos = objThumbPos.max * -1 + g_sizes.stripSize;\n\t\tscrollPos = t.fixInnerStripLimits(scrollPos);\n\t\t\n\t\tt.positionInnerStrip(scrollPos, true);\n\t}\n\n\t\n\t/**\n\t * scroll to some thumbnail\n\t */\n\tfunction scrollToThumb(objThumb){\n\t\t\n\t\tif(isStripMovingEnabled() == false)\n\t\t\treturn(false);\n\t\t\n\t\tvar objBounds = getThumbsInsideBounds();\n\t\t\n\t\tvar objThumbPos = getThumbPos(objThumb);\n\t\t\n\t\tif(objThumbPos.min < objBounds.minPosThumbs){\t\t\t\n\t\t\t\n\t\t\tvar prevThumb = objThumb.prev();\n\t\t\tif(prevThumb.length)\n\t\t\t\tscrollToThumbMin(prevThumb);\n\t\t\telse \n\t\t\t\tscrollToThumbMin(objThumb);\t\t\t\t\n\t\t\t\n\t\t}else if(objThumbPos.max > objBounds.maxPosThumbs){\t\t\t\n\t\t\t\n\t\t\tvar nextThumb = objThumb.next();\n\t\t\tif(nextThumb.length)\n\t\t\t\tscrollToThumbMax(nextThumb);\n\t\t\telse\n\t\t\t\tscrollToThumbMax(objThumb);\n\t\t\t\t\n\t\t}\n\t\t\n\t}\n\t\n\t/**\n\t * scroll to selected thumb\n\t */\n\tfunction scrollToSelectedThumb(){\n\t\t\n\t\tvar selectedItem = g_gallery.getSelectedItem();\n\t\tif(selectedItem == null)\n\t\t\treturn(true);\n\t\t\n\t\tvar objThumb = selectedItem.objThumbWrapper;\n\t\tif(objThumb)\n\t\t\tscrollToThumb(objThumb);\n\t\t\n\t}\n\t\n\t\n\t\n\t/**\n\t * check that the inner strip off the limits position, and reposition it if there is a need\n\t */\n\tfunction checkAndRepositionInnerStrip(){\n\t\tif(isStripMovingEnabled() == false)\n\t\t\treturn(false);\n\t\t\n\t\tvar pos = t.getInnerStripPos();\n\t\t\n\t\tvar posFixed = t.fixInnerStripLimits(pos);\n\t\t\t\t\n\t\tif(pos != posFixed)\n\t\t\tt.positionInnerStrip(posFixed, true);\n\t}\n\t\n\t\n\t/**\n\t * enable / disable controls according inner width (move enabled).\n\t */\n\tfunction checkControlsEnableDisable(){\n\t\t\n\t\tvar isMovingEndbled = isStripMovingEnabled();\n\t\t\n\t\tif(isMovingEndbled == true){\n\t\t\t\n\t\t\tif(g_aviaControl)\n\t\t\t\tg_aviaControl.enable();\n\t\t\t\n\t\t\tif(g_touchThumbsControl)\n\t\t\t\tg_touchThumbsControl.enable();\n\t\t\t\n\t\t}else{\n\t\t\t\n\t\t\tif(g_aviaControl)\n\t\t\t\tg_aviaControl.disable();\n\t\t\t\n\t\t\tif(g_touchThumbsControl)\n\t\t\t\tg_touchThumbsControl.disable();\n\t\t\t\n\t\t}\n\t\t\n\t}\n\t\n\t/**\n\t * align inner strip according the options\n\t */\n\tfunction alignInnerStrip(){\n\t\t\n\t\tif(isStripMovingEnabled())\n\t\t\treturn(false);\n\t\t\n\t\tif(g_isVertical == false)\n\t\t\tg_functions.placeElement(g_objStripInner, g_options.strip_thumbs_align, 0);\n\t\telse\n\t\t\tg_functions.placeElement(g_objStripInner, 0, g_options.strip_thumbs_align);\n\t\t\t\n\t}\n\t\n\t\n\tfunction ___________EVENTS___________(){};\n\t\n\t/**\n\t * on thumb click event. Select the thumb\n\t */\n\tfunction onThumbClick(objThumb){\n\n\t\t//cancel click event only if passed significant movement\n\t\tif(t.isTouchMotionActive()){\n\n\t\t\tvar isSignificantPassed = g_touchThumbsControl.isSignificantPassed();\n\t\t\tif(isSignificantPassed == true)\n\t\t\t\treturn(true);\n\t\t}\n\n\t\t//run select item operation\n\t\tvar objItem = g_thumbs.getItemByThumb(objThumb);\n\n\t\tg_gallery.selectItem(objItem);\n\t}\n\t\n\t\n\t/**\n\t * on some thumb placed, run the resize, but with time passed\n\t */\n\tfunction onThumbPlaced(){\n\t\t\n\t\tclearTimeout(g_temp.handle);\n\t\t\n\t\tg_temp.handle = setTimeout(function(){\n\t\t\t\n\t\t\tpositionThumbs();\n\t\t\t\n\t\t},50);\n\t\t\t\n\t\t\n\t}\n\t\n\t/**\n\t * on item change\n\t */\n\tfunction onItemChange(){\n\n\t\tvar objItem = g_gallery.getSelectedItem();\n\t\tg_thumbs.setThumbSelected(objItem.objThumbWrapper);\n\t\tscrollToThumb(objItem.objThumbWrapper);\n\t}\n\t\n\t\n\t/**\n\t * init panel events\n\t */\n\tfunction initEvents(){\n\t\t\n\t\tg_thumbs.initEvents();\n\n\t\tvar objThumbs = g_objStrip.find(\".ug-thumb-wrapper\");\n\t\t\t\t\n\t\tobjThumbs.on(\"click touchend\", function(event){\n\t\t\t\n\t\t\tvar clickedThumb = jQuery(this);\n\t\t\tonThumbClick(clickedThumb);\n\t\t});\n\t\t\n\t\t//on item change, make the thumb selected\n\t\tg_objGallery.on(g_gallery.events.ITEM_CHANGE, onItemChange);\n\n\t\t\n\t\t//position thumbs after each load on non fixed mode\n\t\tif(g_temp.isNotFixedThumbs){\n\t\t\t\n\t\t\tjQuery(g_thumbs).on(g_thumbs.events.AFTERPLACEIMAGE, onThumbPlaced);\n\t\t\t\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * destroy the strip panel events\n\t */\n\tthis.destroy = function(){\n\t\t\n\t\tvar objThumbs = g_objStrip.find(\".ug-thumb-wrapper\");\n\t\t\n\t\tobjThumbs.off(\"click\");\n\t\tobjThumbs.off(\"touchend\");\n\t\tg_objGallery.off(g_gallery.events.ITEM_CHANGE);\n\n\t\tjQuery(g_thumbs).off(g_thumbs.events.AFTERPLACEIMAGE);\n\t\t\n\t\tif(g_touchThumbsControl)\n\t\t\tg_touchThumbsControl.destroy();\n\t\t\n\t\tif(g_aviaControl)\n\t\t\tg_aviaControl.destroy();\n\t\t\n\t\tg_thumbs.destroy();\n\t}\n\t\n\t\n\tfunction ____________GETTERS___________(){};\n\t\t\n\n\t/**\n\t * check if the inner width is more then strip width\n\t */\n\tfunction isStripMovingEnabled(){\n\t\t\n\t\tif(g_sizes.stripInnerSize > g_sizes.stripActiveSize)\n\t\t\treturn(true);\n\t\telse\n\t\t\treturn(false);\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * get bounds, if the thumb not in them, it need to be scrolled\n\t * minPosThumbs, maxPosThumbs - the min and max position that the thumbs should be located to be visible\n\t */\n\tfunction getThumbsInsideBounds(){\n\t\tvar obj = {};\n\t\tvar innerPos = t.getInnerStripPos();\n\t\t\n\t\t//the 1 is gap that avoid exact bounds\n\t\tobj.minPosThumbs = innerPos * -1 + 1;\t\t\t\t\n\t\tobj.maxPosThumbs = innerPos * -1 + g_sizes.stripSize - 1;\t\t\n\t\t\n\t\treturn(obj);\n\t}\n\t\n\t\n\t/**\n\t * get thumb position according the orientation in the inner strip\n\t */\n\tfunction getThumbPos(objThumb){\n\t\t\n\t\tvar objReturn = {};\n\t\t\n\t\tvar objPos = objThumb.position();\n\t\t\n\t\tif(g_isVertical == false){\n\t\t\tobjReturn.min = objPos.left;\n\t\t\tobjReturn.max = objPos.left + g_sizes.thumbSize;\n\t\t}else{\n\t\t\tobjReturn.min = objPos.top;\n\t\t\tobjReturn.max = objPos.top + g_sizes.thumbSize;\n\t\t}\n\n\t\t\n\t\treturn(objReturn);\n\t}\n\t\n\t\n\t\n\t\n\tthis.________EXTERNAL_GENERAL___________ = function(){};\n\n\t/**\n\t * init function for avia controls\n\t */\n\tthis.init = function(gallery, customOptions){\n\t\t\n\t\tinitStrip(gallery, customOptions);\n\t}\n\t\n\t\n\t/**\n\t * set html and properties\n\t */\t\n\tthis.run = function(){\n\t\trunStrip();\n\t}\n\t\n\t\n\t\n\t\n\t/**\n\t* position inner strip on some pos according the orientation\n\t*/\n\tthis.positionInnerStrip = function(pos, isAnimate){\n\t\t\n\t\tif(isAnimate === undefined)\n\t\t\tvar isAnimate = false;\n\t\t\n\t\tif(g_isVertical == false)\n\t\t\tvar objPosition = {\"left\": pos + \"px\"};\n\t\telse\n\t\t\tvar objPosition = {\"top\": pos + \"px\"};\n\t\t\n\t\tif(isAnimate == false){\t\t//normal position\n\t\t\t\n\t\t\tg_objStripInner.css(objPosition);\n\t\t\tt.triggerStripMoveEvent();\n\t\t}\n\t\telse{\t\t//position with animation\n\t\t\t\n\t\t\tt.triggerStripMoveEvent();\n\t\t\t\n\t\t\tg_objStripInner.stop(true).animate(objPosition ,{\n\t\t\t\tduration: g_options.strip_scroll_to_thumb_duration,\n\t\t\t\teasing: g_options.strip_scroll_to_thumb_easing,\n\t\t\t\tqueue: false,\n\t\t\t\tprogress:function(){t.triggerStripMoveEvent()},\n\t\t\t\talways: function(){t.triggerStripMoveEvent()}\n\t\t\t});\t\t\t\t\t\n\t\t\t\n\t\t}\n\t\t\n\t}\n\n\t/**\n\t * trigger event - on strip move\n\t */\n\tthis.triggerStripMoveEvent = function(){\n\t\t\n\t\t//trigger onstripmove event\n\t\tjQuery(t).trigger(t.events.STRIP_MOVE);\n\t\t\n\t}\n\t\n\t\t\n\t\n\t/**\n\t * return true if the touch animation or dragging is active\n\t */\n\tthis.isTouchMotionActive = function(){\n\t\tif(!g_touchThumbsControl)\n\t\t\treturn(false);\n\t\t\n\t\tvar isActive = g_touchThumbsControl.isTouchActive();\n\t\t\n\t\treturn(isActive);\n\t}\n\t\n\t\n\t/**\n\t * check if thmb item visible, means inside the visible part of the inner strip\n\t */\n\tthis.isItemThumbVisible = function(objItem){\n\t\t\n\t\tvar objThumb = objItem.objThumbWrapper;\n\t\tvar thumbPos = objThumb.position();\n\t\t\n\t\tvar posMin = t.getInnerStripPos() * -1;\n\t\t\n\t\tif(g_isVertical == false){\n\t\t\tvar posMax = posMin + g_sizes.stripSize;\n\t\t\tvar thumbPosMin = thumbPos.left;\n\t\t\tvar thumbPosMax = thumbPos.left + objThumb.width();\t\t\t\n\t\t}else{\n\t\t\tvar posMax = posMin + g_sizes.stripSize;\n\t\t\tvar thumbPosMin = thumbPos.top;\n\t\t\tvar thumbPosMax = thumbPos.top + objThumb.height();\t\t\t\n\t\t}\n\t\t\t\t\n\t\tvar isVisible = false;\n\t\tif(thumbPosMax >= posMin && thumbPosMin <= posMax)\n\t\t\tisVisible = true;\n\t\t\n\t\treturn(isVisible);\n\t}\n\t\n\t/**\n\t * get inner strip position according the orientation\n\t */\n\tthis.getInnerStripPos = function(){\n\t\t\n\t\tif(g_isVertical == false)\t\t\t\n\t\t\treturn g_objStripInner.position().left;\n\t\telse\n\t\t\treturn g_objStripInner.position().top;\n\t}\n\t\n\t\n\t/**\n\t * get inner strip limits\n\t */\n\tthis.getInnerStripLimits = function(){\n\t\t\n\t\tvar output = {};\n\t\t\n\t\tif(g_isVertical == false)\n\t\t\toutput.maxPos = g_options.strip_padding_left;\n\t\telse\n\t\t\toutput.maxPos = g_options.strip_padding_top;\n\t\t\n\t\t//debugLine(g_sizes.stripActiveSize);\n\t\t\n\t\toutput.minPos = -(g_sizes.stripInnerSize - g_sizes.stripActiveSize);\n\t\t\n\t\treturn(output);\n\t}\n\n\t\n\t/**\n\t * fix inner position by check boundaries limit\n\t */\n\tthis.fixInnerStripLimits = function(distPos){\n\t\t\n\t\tvar minPos;\n\t\t\n\t\tvar objLimits = t.getInnerStripLimits();\n\t\t\n\t\tif(distPos > objLimits.maxPos)\n\t\t\tdistPos = objLimits.maxPos;\n\t\t\n\t\tif(distPos < objLimits.minPos)\n\t\t\tdistPos = objLimits.minPos;\n\t\t\n\t\treturn(distPos);\n\t}\n\t\n\t\n\t\n\t/**\n\t * scroll left or down\n\t */\n\tthis.scrollForeward = function(){\n\t\tscrollBy(-g_sizes.stripSize);\n\t}\n\t\n\t\n\t/**\n\t * scroll left or down\n\t */\n\tthis.scrollBack = function(){\n\t\t\t\t\n\t\tscrollBy(g_sizes.stripSize);\n\t}\n\t\n\t\n\tthis.________EXTERNAL_SETTERS___________ = function(){};\n\n\t\n\t/**\n\t * set the options of the strip\n\t */\n\tthis.setOptions = function(objOptions){\n\t\t\n\t\tg_options = jQuery.extend(g_options, objOptions);\n\t\t\n\t\tg_thumbs.setOptions(objOptions);\n\t\t\n\t\tonAfterSetOptions();\n\t}\n\t\n\t\n\t/**\n\t * set size of the strip\n\t * the height size is set automatically from options\n\t */\n\tthis.setSizeVertical = function(height){\n\t\t\n\t\t if(g_isVertical == false){\n\t\t\t throw new Error(\"setSizeVertical error, the strip size is not vertical\");\n\t\t\t return(false);\n\t\t }\n\t\t\n\t\t var width = g_sizes.thumbSecondSize;\n\t\t\n\t\t var objCssStrip = {};\n\t\t objCssStrip[\"width\"] = width+\"px\";\n\t\t objCssStrip[\"height\"] = height+\"px\";\n\t\t \n\t\t g_objStrip.css(objCssStrip);\n\n\t\t storeStripSize(height);\n\t\t \n\t\t //set inner strip params\n\t\t var objCssInner = {};\n\t\t objCssInner[\"width\"] = width+\"px\";\n\t\t objCssInner[\"left\"] = \"0px\";\n\t\t objCssInner[\"top\"] = \"0px\";\n\t\t \n\t\t g_objStripInner.css(objCssInner);\n\t\t \n\t\t g_temp.is_placed = true;\n\t\t \n\t\t checkControlsEnableDisable();\n\t}\n\n\t\n\t/**\n\t * set size of the strip\n\t * the height size is set automatically from options\n\t */\n\tthis.setSizeHorizontal = function(width){\n\t\t\t\t\n\t\t if(g_isVertical == true){\n\t\t\t throw new Error(\"setSizeHorizontal error, the strip size is not horizontal\");\n\t\t\t return(false);\n\t\t }\n\t\t\n\t\tvar height = g_sizes.thumbSecondSize + g_options.strip_padding_top + g_options.strip_padding_bottom;\n\t\t\n\t\tvar objCssStrip = {};\n\t\tobjCssStrip[\"width\"] = width+\"px\";\n\t\tobjCssStrip[\"height\"] = height+\"px\";\n\t\t \n\t\tg_objStrip.css(objCssStrip);\n\t\t\n\t\tstoreStripSize(width);\n\t\t\n\t\tvar innerLeft = g_options.strip_padding_left;\n\t\t\n\t\t //set inner strip params\n\t\t var objCssInner = {};\n\t\t objCssInner[\"height\"] = height+\"px\";\n\t\t objCssInner[\"left\"] = innerLeft + \"px\";\n\t\t objCssInner[\"top\"] = \"0px\";\n\t\t \n\t\t g_objStripInner.css(objCssInner);\n\t\t \n\t\t g_temp.is_placed = true;\n\t\t\n\t\t checkControlsEnableDisable();\n\t}\n\t\n\t\n\t/**\n\t * set position of the strip\n\t */\n\tthis.setPosition = function(left, top, offsetLeft, offsetTop){\n\t\tg_functions.placeElement(g_objStrip, left, top, offsetLeft, offsetTop);\t\t\n\t}\n\t\n\t\n\t/**\n\t * resize the panel according the orientation\n\t */\n\tthis.resize = function(newSize){\n\t\t\n\t\tif(g_isVertical == false){\n\t\t\t\n\t\t\tg_objStrip.width(newSize);\n\t\t\tg_sizes.stripActiveSize = newSize - g_options.strip_padding_left - g_options.strip_padding_right;\n\n\t\t}else{\n\t\t\tg_objStrip.height(newSize);\n\t\t\tg_sizes.stripActiveSize = newSize - g_options.strip_padding_top - g_options.strip_padding_bottom;\n\t\t}\n\t\t\n\t\tstoreStripSize(newSize);\n\t\t\n\t\tcheckControlsEnableDisable();\n\t\t\n\t\tcheckAndRepositionInnerStrip();\n\t\t\n\t\talignInnerStrip();\n\t\t\n\t\tscrollToSelectedThumb();\n\t}\n\t\n\t\n\t/**\n\t * set the thumb unselected state\n\t */\n\tthis.setThumbUnselected = function(objThumbWrapper){\n\t\t\n\t\tg_thumbs.setThumbUnselected(objThumbWrapper);\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * set custom thumbs\n\t */\n\tthis.setCustomThumbs = function(funcSetHtml){\n\t\t\n\t\tg_thumbs.setCustomThumbs(funcSetHtml);\n\t\t\n\t}\n\t\n\t\n\t\n\t\n\tthis.________EXTERNAL_GETTERS___________ = function(){};\n\t\n\t/**\n\t * get objects\n\t */\t\n\tthis.getObjects = function(){\n\t\t\n\t\tvar thumbsOptions = g_thumbs.getOptions();\n\t\tvar commonOpitions = jQuery.extend(g_options, thumbsOptions);\n\t\t\n\t\tvar obj = {\n\t\t\tg_gallery: g_gallery,\n\t\t\tg_objGallery: g_objGallery,\n\t\t\tg_objWrapper:g_objWrapper,\n\t\t\tg_arrItems:g_arrItems,\n\t\t\tg_objStrip : g_objStrip,\n\t\t\tg_objStripInner : g_objStripInner,\n\t\t\tg_aviaControl:g_aviaControl,\n\t\t\tg_touchThumbsControl:g_touchThumbsControl,\n\t\t\tisVertical: g_isVertical,\n\t\t\tg_options: commonOpitions,\n\t\t\tg_thumbs: g_thumbs\n\t\t};\n\t\t\n\t\treturn(obj);\n\t}\n\t\n\t\n\t/**\n\t * get thumbs onject\n\t */\n\tthis.getObjThumbs = function(){\n\t\t\n\t\treturn(g_thumbs);\n\t}\n\t\n\t\n\t/**\n\t * get selected thumb\n\t */\n\tthis.getSelectedThumb = function(){\n\t\t\n\t\tvar selectedIndex = g_gallery.getSelectedItemIndex();\n\t\tif(selectedIndex == -1)\n\t\t\treturn(null);\n\t\t\n\t\treturn g_thumbs.getThumbByIndex(selectedIndex);\n\t}\n\t\n\t\n\t/**\n\t * get strip size and position object\n\t */\n\tthis.getSizeAndPosition = function(){\n\t\t\n\t\tvar obj = g_functions.getElementSize(g_objStrip);\n\t\t\n\t\treturn(obj);\n\t}\n\t\n\t/**\n\t * get thumbs strip height\n\t */\n\tthis.getHeight = function(){\n\t\t\n\t\tvar stripHeight = g_objStrip.outerHeight();\n\t\t\n\t\treturn(stripHeight)\n\t}\n\t\n\t\n\t/**\n\t * get thumbs strip width\n\t */\n\tthis.getWidth = function(){\n\t\t\n\t\tvar stripWidth = g_objStrip.outerWidth();\n\t\t\n\t\treturn(stripWidth);\n\t}\n\t\n\t\n\t\n\t/**\n\t * get all stored sizes object\n\t */\n\tthis.getSizes = function(){\n\t\t\n\t\treturn(g_sizes);\n\t}\n\t\n\t\n\t/**\n\t * return if vertical orientation or not\n\t */\n\tthis.isVertical = function(){\n\t\treturn(g_isVertical);\n\t}\n\t\n\t\n\t/**\n\t * return if the strip is placed or not\n\t */\n\tthis.isPlaced = function(){\n\t\t\n\t\treturn(g_temp.is_placed);\n\t}\n\t\n\t/**\n\t * return if the strip moving enabled or not\n\t */\n\tthis.isMoveEnabled = function(){\n\t\tvar isEnabled = isStripMovingEnabled();\n\t\treturn(isEnabled);\n\t}\n\n}\n\n\n/**\n * touch thumbs control class\n * addon to strip gallery\n */\nfunction UGTouchThumbsControl(){\n\t\n\tvar g_parent, g_gallery, g_objGallery, g_objects;\n\tvar g_objStrip, g_objStripInner, g_options, g_isVertical;\n\tvar g_functions = new UGFunctions();\n\t\n\t//service variables\t\n\tvar g_serviceParams = {\t\t\t\n\t\ttouch_portion_time:200,\t\t\t\t\t//the time in ms that the potion is counts for continue touch movement\n\t\tthumb_touch_slowFactor:0,\t\t\t\t//set from user\n\t\tminDeltaTime: 70,\t\t\t\t\t\t//don't alow portion less then the minTime\n\t\tminPath: 10,\t\t\t\t\t\t\t//if less then this path, dont' continue motion\n\t\tlimitsBreakAddition: 30,\t\t\t\t//the limits break addition for second return animation\n\t\treturnAnimateSpeed: 500,\t\t\t\t//the speed of return animation\n\t\tanimationEasing: \"easeOutCubic\",\t\t//animation easing function\n\t\treturnAnimationEasing: \"easeOutCubic\"\t//return animation easing function\n\t};\n\t\n\t\n\tvar g_temp = {\t\t\t\t\t//temp variables\n\t\ttouch_active:false,\n\t\tloop_active:false,\n\t\tmousePos:0,\n\t\tinnerPos:0,\n\t\tstartPos:0,\n\t\tstartTime:0,\t\t\n\t\tlastTime:0,\n\t\tbuttonReleaseTime:0,\n\t\tlastPos:0,\n\t\tlastPortionPos:0,\n\t\tlastDeltaTime:0,\n\t\tlastDeltaPos:0,\n\t\tspeed:0,\n\t\thandle:\"\",\n\t\ttouchEnabled: false, \n\t\tisControlEnabled: true\n\t};\n\n\n\t/**\n\t * enable the control\n\t */\n\tthis.enable = function(){\n\t\tg_temp.isControlEnabled = true;\n\t}\n\t\n\t\n\t/**\n\t * disable the control\n\t */\n\tthis.disable = function(){\n\t\tg_temp.isControlEnabled = false;\t\t\n\t}\n\t\n\t/**\n\t * init function for avia controls\n\t */\n\tthis.init = function(objStrip){\n\t\t\n\t\tg_parent = objStrip;\n\t\tg_objects = objStrip.getObjects();\n\t\t\n\t\tg_gallery = g_objects.g_gallery;\n\t\tg_objGallery = g_objects.g_objGallery;\t//jquery object\n\t\t\t\t\n\t\tg_objStrip = g_objects.g_objStrip;\n\t\tg_objStripInner = g_objects.g_objStripInner;\n\t\tg_options = g_objects.g_options;\n\t\tg_isVertical = g_objects.isVertical;\n\t\t\n\t\tsetServiceParams();\n\t\t\n\t\tinitEvents();\n\t}\n\t\n\t/**\n\t * get action related variables\n\t */\n\tfunction getActionVars(){\n\t\t\n\t\tvar currentTime = jQuery.now();\n\n\t\tvar obj = {};\n\t\tobj.passedTime = g_temp.lastTime - g_temp.startTime;\n\t\tobj.lastActiveTime = currentTime - g_temp.buttonReleaseTime;\n\t\tobj.passedDistance = g_temp.lastPos - g_temp.startPos;\n\t\tobj.passedDistanceAbs = Math.abs(obj.passedDistance);\n\t\t\t\t\n\t\treturn(obj);\n\t}\n\t\n\t/**\n\t * return if passed some significant movement\n\t */\n\tthis.isSignificantPassed = function(){\n\t\tvar objVars = getActionVars();\n\t\tif(objVars.passedTime > 300)\n\t\t\treturn(true);\n\t\t\n\t\tif(objVars.passedDistanceAbs > 30)\n\t\t\treturn(true);\n\t\t\n\t\treturn(false);\t\t\n\t}\n\t\n\t\n\t/**\n\t * return true if the touch dragging or animate motion is active\n\t */\n\tthis.isTouchActive = function(){\n\t\t\n\t\tif(g_temp.touch_active == true)\n\t\t\treturn(true);\n\t\t\t\n\t\t//check if still animating\n\t\tif(g_objStripInner.is(\":animated\") == true)\n\t\t\treturn(true);\n\t\t\n\t\t//check if just ended, the touch active continue for a few moments.\n\t\tvar objVars = getActionVars();\n\t\tif(objVars.lastActiveTime < 50) \n\t\t\treturn(true);\n\t\t\t\t\n\t\treturn(false);\n\t}\n\t\n\t/**\n\t * set service parameters from user parameters\n\t */\n\tfunction setServiceParams(){\n\t\t\t\t\n\t\t//set slow factor by sensetivity of touch motion\t\t\n\t\tg_serviceParams.thumb_touch_slowFactor = g_functions.normalizeSetting(0.00005, 0.01, 1, 100, g_options.strip_thumb_touch_sensetivity, true);\n\t\t\t\t\n\t\t//debugLine(\"slowfactor \"+ g_serviceParams.thumb_touch_slowFactor);\n\t}\n\t\n\t\n\t/**\n\t * get mouse position based on orientation\n\t */\n\tfunction getMouseOrientPosition(event){\n\t\t\n\t\tif(g_isVertical == false)\n\t\t\treturn(g_functions.getMousePosition(event).pageX);\n\t\telse\n\t\t\treturn(g_functions.getMousePosition(event).pageY);\t\t\t\n\t}\n\t\n\t/**\n\t * position the strip according the touch drag diff\n\t */\n\tfunction handleStripDrag(mousePos){\n\t\tvar diff = g_temp.mousePos - mousePos;\n\t\tvar distPos = g_temp.innerPos - diff;\n\t\t\n\t\t//make harder to drag the limits\n\t\tvar objLimits = g_parent.getInnerStripLimits();\n\t\t\n\t\tif(distPos > objLimits.maxPos){\n\t\t\tvar path = distPos - objLimits.maxPos;\n\t\t\tdistPos = objLimits.maxPos + path/3;\t\t\t\n\t\t}\n\t\t\n\t\tif(distPos < objLimits.minPos){\n\t\t\tvar path = objLimits.minPos - distPos;\n\t\t\tdistPos = objLimits.minPos - path/3;\t\t\t\t\t\t\n\t\t}\n\t\t\n\t\tg_parent.positionInnerStrip(distPos);\n\t}\n\t\n\t\n\t/**\n\t * store initial touch values\n\t */\n\tfunction storeInitTouchValues(pagePos){\n\t\tvar currentInnerPos = g_parent.getInnerStripPos();\n\t\t\n\t\t//remember current mouse position and inner strip position\n\t\tg_temp.mousePos = pagePos;\n\t\tg_temp.innerPos = currentInnerPos;\n\t\tg_temp.lastPortionPos = currentInnerPos;\n\t\tg_temp.lastDeltaTime = 0;\n\t\tg_temp.lastDeltaPos = 0;\n\t\t\n\t\t//init position and time related variables\n\t\tg_temp.startTime = jQuery.now();\n\t\tg_temp.startPos = g_temp.innerPos;\n\t\t\n\t\tg_temp.lastTime = g_temp.startTime;\n\t\tg_temp.lastPos = g_temp.startPos;\n\t\tg_temp.speed = 0;\n\t}\n\t\n\t\n\t/**\n\t * store touch portion data\n\t */\n\tfunction storeTouchPortionData(){\n\t\t\t\t\n\t\t//calc speed\n\t\tvar currentTime = jQuery.now();\n\t\tvar deltaTime = currentTime - g_temp.lastTime;\n\t\t\n\t\tif(deltaTime >= g_serviceParams.touch_portion_time){\n\t\t\tg_temp.lastDeltaTime = currentTime - g_temp.lastTime;\n\t\t\tif(g_temp.lastDeltaTime > g_serviceParams.touch_portion_time)\n\t\t\t\tg_temp.lastDeltaTime = g_serviceParams.touch_portion_time;\n\t\t\t\t\n\t\t\tg_temp.lastDeltaPos = g_temp.lastPos - g_temp.lastPortionPos;\n\t\t\t\t\t\t\n\t\t\tg_temp.lastPortionPos = g_temp.lastPos;\n\t\t\tg_temp.lastTime = currentTime;\n\t\t\t\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * continue touch motion - touch motion ending.\n\t */\n\tfunction continueTouchMotion(){\n\t\t\t\t\n\t\tvar slowFactor = g_serviceParams.thumb_touch_slowFactor;\n\t\t\n\t\t//don't alow portion less then the minTime\n\t\tvar minDeltaTime = g_serviceParams.minDeltaTime;\n\t\t\n\t\t//if less then this path, dont' continue motion\n\t\tvar minPath = g_serviceParams.minPath;\t\n\t\t\n\t\tvar currentInnerPos = g_parent.getInnerStripPos();\n\t\t\n\t\tvar currentTime = jQuery.now();\n\t\tvar deltaTime = currentTime - g_temp.lastTime;\n\t\tvar deltaPos = currentInnerPos - g_temp.lastPortionPos;\n\t\t\n\t\t//if time too fast, take last portion values\n\t\tif(deltaTime < minDeltaTime && g_temp.lastDeltaTime > 0){\n\t\t\tdeltaTime = g_temp.lastDeltaTime;\n\t\t\tdeltaPos = g_temp.lastDeltaPos + deltaPos;\n\t\t}\n\t\t\n\t\t//fix delta time\n\t\tif(deltaTime < minDeltaTime)\n\t\t\tdeltaTime = minDeltaTime;\n\t\t\t\t\t\n\t\tvar dir = (deltaPos > 0)?1:-1;\n\t\t\n\t\tvar speed = 0;\n\t\tif(deltaTime > 0)\n\t\t\tspeed = deltaPos / deltaTime;\t\n\t\t\n\t\tvar path = (speed * speed) / (slowFactor * 2) * dir;\n\t\t\n\t\t//disable path for very slow motions\n\t\tif(Math.abs(path) <= minPath)\n\t\t\tpath = 0;\n\t\t\n\t\t\n\t\tvar innerStripPos = g_parent.getInnerStripPos();\n\t\tvar newPos = innerStripPos + path;\t\n\t\t\n\t\tvar correctPos = g_parent.fixInnerStripLimits(newPos);\n\t\tvar objLimits = g_parent.getInnerStripLimits();\n\t\t\n\t\t//check the off the limits and return (second animation)\n\t\tvar limitsBreakAddition = g_serviceParams.limitsBreakAddition;\n\t\tvar doQueue = false;\n\t\tvar returnPos = correctPos;\n\t\t\n\t\t//fix the first animation position (off the limits)\n\t\tif(newPos > objLimits.maxPos){\n\t\t\tdoQueue = true;\n\t\t\tcorrectPos = limitsBreakAddition;\n\t\t\tif(newPos < limitsBreakAddition)\n\t\t\t\tcorrectPos = newPos;\t\t\t\n\t\t}\n\t\t\t\t\n\t\tif(newPos < objLimits.minPos){\n\t\t\tdoQueue = true;\n\t\t\tvar maxStopPos = objLimits.minPos - limitsBreakAddition;\n\t\t\tcorrectPos = maxStopPos;\n\t\t\tif(newPos > maxStopPos)\n\t\t\t\tcorrectPos = newPos;\n\t\t}\n\t\t\t\t\n\t\tvar correctPath = correctPos - innerStripPos;\n\t\t\n\t\t//set animation speed\t\t\n\t\tvar animateSpeed = Math.abs(Math.round(speed / slowFactor));\n\t\t\n\t\t//fix animation speed according the paths difference\n\t\tif(path != 0)\n\t\t\tanimateSpeed = animateSpeed * correctPath / path;\t\t\n\t\t\n\t\t\n\t\t//Do first animation\n\t\tif(innerStripPos != correctPos){\n\t\t\t\n\t\t\tvar animateProps = {\"left\":correctPos+\"px\"};\n\t\t\tif(g_isVertical == true)\n\t\t\t\tanimateProps = {\"top\":correctPos+\"px\"};\t\t\n\t\t\t\n\t\t\tg_objStripInner.animate(animateProps ,{\n\t\t\t\t\tduration: animateSpeed,\n\t\t\t\t\teasing: g_serviceParams.animationEasing,\n\t\t\t\t\tqueue: true,\n\t\t\t\t\tprogress:onAnimateProgress \n\t\t\t});\n\t\t\t\t\t\t\n\t\t}\n\t\t\n\t\t\t\t\n\t\t//do second animation if off limits\n\t\tif(doQueue == true){\n\t\t\tvar returnAnimateSpeed = g_serviceParams.returnAnimateSpeed;\n\t\t\t\n\t\t\tvar returnAnimateProps = {\"left\":returnPos+\"px\"};\n\t\t\tif(g_isVertical == true)\n\t\t\t\treturnAnimateProps = {\"top\":returnPos+\"px\"};\t\t\n\t\t\t\n\t\t\t\n\t\t\tg_objStripInner.animate(returnAnimateProps,{\t\t\t\t\n\t\t\t\tduration: returnAnimateSpeed,\n\t\t\t\teasing: g_serviceParams.returnAnimationEasing,\n\t\t\t\tqueue: true,\n\t\t\t\tprogress:onAnimateProgress \n\t\t\t});\n\t\t}\n\t\t\n\t}\n\t\n\t/**\n\t * on animate progress event. store position and trigger event to gallery\n\t */\n\tfunction onAnimateProgress(){\n\t\tg_temp.lastPos = g_parent.getInnerStripPos();\n\t\tg_parent.triggerStripMoveEvent();\n\t}\n\t\n\t/**\n\t * start loop while touching strip\n\t */\n\tfunction startStripTouchLoop(){\n\t\t\n\t\tif(g_temp.loop_active == true)\n\t\t\treturn(true);\n\t\t\t\n\t\tg_temp.loop_active = true;\n\t\tg_temp.handle = setInterval(storeTouchPortionData,10);\n\t}\n\t\n\t\n\t/**\n\t * end loop when not touching\n\t */\n\tfunction endStripTouchLoop(event){\n\t\t\n\t\tif(g_temp.loop_active == false)\n\t\t\treturn(true);\n\t\t\n\t\tif(event){\n\t\t\tvar pagePos = getMouseOrientPosition(event);\n\t\t\tcontinueTouchMotion(pagePos);\n\t\t}\n\t\t\n\t\tg_temp.loop_active = false;\n\t\tg_temp.handle = clearInterval(g_temp.handle);\n\t}\n\t\n\t\n\t/**\n\t * on tuch end event\n\t */\n\tfunction onTouchEnd(event){\n\t\t\n\t\tif(g_temp.isControlEnabled == false)\n\t\t\treturn(true);\n\t\t\t\t\n\t\tg_temp.buttonReleaseTime = jQuery.now();\n\t\t\n\t\tif(g_temp.touch_active == false){\n\t\t\tendStripTouchLoop(event);\n\t\t\treturn(true);\n\t\t}\n\t\t\n\t\tevent.preventDefault();\n\t\t\t\n\t\tg_temp.touch_active = false;\n\t\t\n\t\tendStripTouchLoop(event);\n\t\t\n\t\tg_objStrip.removeClass(\"ug-dragging\");\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * on touch start - start the motion\n\t * @param event\n\t */\n\tfunction onTouchStart(event){\n\t\t\n\t\tif(g_temp.isControlEnabled == false)\n\t\t\treturn(true);\n\t\t\n\t\tevent.preventDefault();\n\t\t\n\t\tg_temp.touch_active = true;\t\t//don't move this up\n\t\t\n\t\tvar pagePos = getMouseOrientPosition(event);\n\t\t\t\t\t\n\t\t//stop inner animation if exist\n\t\tg_objStripInner.stop(true);\n\t\t\n\t\t//store initial touch values\n\t\tstoreInitTouchValues(pagePos);\n\t\tstartStripTouchLoop();\n\t\t\n\t\tg_objStrip.addClass(\"ug-dragging\");\n\t}\n\t\n\t\n\t/**\n\t * on touch move event, move the strip\n\t */\n\tfunction onTouchMove(event){\n\t\t\n\t\tif(g_temp.isControlEnabled == false)\n\t\t\treturn(true);\t\t\n\t\t\n\t\tif(g_temp.touch_active == false)\n\t\t\treturn(true);\n\t\t\n\t\tevent.preventDefault();\n\t\t\n\t\t//detect moving without button press\n\t\tif(event.buttons == 0){\n\t\t\tg_temp.touch_active = false;\n\t\t\t\n\t\t\tendStripTouchLoop(event);\n\t\t\treturn(true);\n\t\t}\n\t\n\t\t//store current position\n\t\tvar pagePos = getMouseOrientPosition(event);\n\t\tg_temp.lastPos = g_parent.getInnerStripPos();\n\t\t\n\t\thandleStripDrag(pagePos);\n\t\t\n\t\tstoreTouchPortionData();\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * init strip touch events\n\t */\n\tfunction initEvents(){\n\t\t\n\t\t//strip mouse down - drag start\n\t\tg_objStrip.bind(\"mousedown touchstart\",onTouchStart);\n\n\t\t\n\t\t//on body mouse up - drag end\n\t\tjQuery(window).add(\"body\").bind(\"mouseup touchend\",onTouchEnd);\n\t\t\t\t\n\t\t//on body move\n\t\tjQuery(\"body\").bind(\"mousemove touchmove\", onTouchMove);\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * destroy the touch events\n\t */\n\tthis.destroy = function(){\n\t\tg_objStrip.unbind(\"mousedown\");\n\t\tg_objStrip.unbind(\"touchstart\");\n\t\tjQuery(window).add(\"body\").unbind(\"mouseup\").unbind(\"touchend\");\n\t\tjQuery(\"body\").unbind(\"mousemove\").unbind(\"touchmove\");\n\t}\n}\n\n\n/** -------------- Panel Base Functions ---------------------*/\n\nfunction UGPanelsBase(){\n\t\n\tvar g_temp, g_panel, g_objPanel, g_options, g_objThis;\n\tvar g_gallery = new UniteGalleryMain();\n\tvar t = this, g_objHandle, g_objGallery;\n\tvar g_functions = new UGFunctions();\n\t\n\t\n\t/**\n\t * init the base panel\n\t */\n\tthis.init = function(gallery, g_tempArg, g_panelArg, options, g_objThisArg){\n\t\tg_temp = g_tempArg; \n\t\tg_panel = g_panelArg;\n\t\tg_gallery = gallery;\n\t\tg_options = options;\n\t\tg_objThis = g_objThisArg;\n\t\t\n\t\tg_objGallery = jQuery(g_gallery);\n\t}\n\n\t/**\n\t * set common panels html\n\t */\n\tthis.setHtml = function(g_objPanelArg){\n\t\t\n\t\tg_objPanel = g_objPanelArg;\n\t\t\n\t\tif(g_temp.panelType == \"strip\")\n\t\t\tvar enable_handle = g_options.strippanel_enable_handle;\n\t\telse\n\t\t\tvar enable_handle = g_options.gridpanel_enable_handle;\n\t\t\n\t\t// add handle\n\t\tif (enable_handle == true) {\n\t\t\tg_objHandle = new UGPanelHandle();\n\t\t\tg_objHandle.init(g_panel, g_objPanel, g_options, g_temp.panelType, g_gallery);\n\t\t\tg_objHandle.setHtml();\n\t\t}\n\t\t\n\t\t\n\t\t//set disabled at start if exists\n\t\tif(g_temp.isDisabledAtStart === true){\n\t\t\tvar html = \"\";\n\t\t\tg_objPanel.append(html);\n\t\t\t\n\t\t\tsetTimeout(function(){\n\t\t\t\tg_objPanel.children(\".ug-overlay-disabled\").hide();\n\t\t\t}, g_temp.disabledAtStartTimeout);\n\t\t\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * place common elements\n\t */\n\tthis.placeElements = function(){\n\t\t\n\t\t// place handle\n\t\tif (g_objHandle)\n\t\t\tg_objHandle.placeHandle();\t\t\n\t}\n\t\n\t\n\t/**\n\t * init common events\n\t */\n\tthis.initEvents = function(){\n\t\t\n\t\t// set handle events\n\t\tif (g_objHandle){\n\t\t\tg_objHandle.initEvents();\n\t\t\t\n\t\t\t//set on slider action events\n\t\t\tg_objGallery.on(g_gallery.events.SLIDER_ACTION_START, function(){\t\t\t\n\t\t\t\tg_objHandle.hideHandle();\n\t\t\t});\n\t\t\t\n\t\t\tg_objGallery.on(g_gallery.events.SLIDER_ACTION_END, function(){\t\t\t\n\t\t\t\tg_objHandle.showHandle();\n\t\t\t});\n\t\t\t\n\t\t}\n\t\t\n\t}\n\t\n\t/**\n\t * destroy the panel events\n\t */\n\tthis.destroy = function(){\n\t\t\n\t\tif(g_objHandle){\n\t\t\tg_objHandle.destroy();\n\t\t\tg_objGallery.off(g_gallery.events.SLIDER_ACTION_START);\n\t\t\tg_objGallery.off(g_gallery.events.SLIDER_ACTION_END);\n\t\t}\n\t\t\n\t}\n\t\n\t/**\n\t * place panel with some animation\n\t */\n\tfunction placePanelAnimation(panelDest, functionOnComplete) {\n\n\t\tswitch (g_temp.orientation) {\n\t\tcase \"right\": // vertical\n\t\tcase \"left\":\n\t\t\tvar objCss = {\n\t\t\t\tleft : panelDest + \"px\"\n\t\t\t};\n\t\t\tbreak;\n\t\tcase \"top\":\n\t\tcase \"bottom\":\n\t\t\tvar objCss = {\n\t\t\t\ttop : panelDest + \"px\"\n\t\t\t};\n\t\t\tbreak;\n\t\t}\n\n\t\tg_objPanel.stop(true).animate(objCss, {\n\t\t\tduration : 300,\n\t\t\teasing : \"easeInOutQuad\",\n\t\t\tqueue : false,\n\t\t\tcomplete : function() {\n\t\t\t\tif (functionOnComplete)\n\t\t\t\t\tfunctionOnComplete();\n\t\t\t}\n\t\t});\n\n\t}\n\t\n\t\n\t/**\n\t * place the panel without animation\n\t * \n\t * @param panelDest\n\t */\n\tfunction placePanelNoAnimation(panelDest) {\n\n\t\tswitch (g_temp.orientation) {\n\t\tcase \"right\": // vertical\n\t\tcase \"left\":\n\t\t\tg_functions.placeElement(g_objPanel, panelDest, null);\n\t\t\tbreak;\n\t\tcase \"top\":\n\t\tcase \"bottom\":\n\t\t\tg_functions.placeElement(g_objPanel, null, panelDest);\n\t\t\tbreak;\n\t\t}\n\t}\n\t\n\t/**\n\t * event on panel slide finish\n\t */\n\tfunction onPanelSlideFinish() {\n\n\t\tg_objThis.trigger(g_panel.events.FINISH_MOVE);\n\n\t}\n\t\n\t\n\t/**\n\t * open the panel\n\t */\n\tthis.openPanel = function(noAnimation) {\n\n\t\tif (!noAnimation)\n\t\t\tvar noAnimation = false;\n\n\t\tif (g_objPanel.is(\":animated\"))\n\t\t\treturn (false);\n\n\t\tif (g_temp.isClosed == false)\n\t\t\treturn (false);\n\n\t\tg_temp.isClosed = false;\n\n\t\tg_objThis.trigger(g_panel.events.OPEN_PANEL);\n\n\t\tif (noAnimation === false)\n\t\t\tplacePanelAnimation(g_temp.originalPos, onPanelSlideFinish);\n\t\telse {\n\n\t\t\tplacePanelNoAnimation(g_temp.originalPos);\n\t\t\tonPanelSlideFinish();\n\t\t}\n\n\t}\n\n\t\n\t/**\n\t * close the panel (slide in)\n\t */\n\tthis.closePanel = function(noAnimation) {\n\n\t\tif (!noAnimation)\n\t\t\tvar noAnimation = false;\n\n\t\tif (g_objPanel.is(\":animated\"))\n\t\t\treturn (false);\n\n\t\tif (g_temp.isClosed == true)\n\t\t\treturn (false);\n\n\t\tvar panelDest = t.getClosedPanelDest();\n\n\t\tg_temp.isClosed = true;\n\n\t\tg_objThis.trigger(g_panel.events.CLOSE_PANEL);\n\n\t\tif (noAnimation === false)\n\t\t\tplacePanelAnimation(panelDest, onPanelSlideFinish);\n\t\telse {\n\t\t\tplacePanelNoAnimation(panelDest);\n\t\t\tonPanelSlideFinish();\n\t\t}\n\n\t}\n\t\n\t/**\n\t * set the panel that it's in closed state, and set original pos for opening\n\t * later\n\t */\n\tthis.setClosedState = function(originalPos) {\n\t\t\n\t\tg_temp.originalPos = originalPos;\n\t\tg_objThis.trigger(g_panel.events.CLOSE_PANEL);\n\n\t\tg_temp.isClosed = true;\n\t}\n\n\t/**\n\t * set the panel opened state\n\t */\n\tthis.setOpenedState = function(originalPos) {\n\t\tg_objThis.trigger(g_panel.events.OPEN_PANEL);\n\n\t\tg_temp.isClosed = false;\n\t}\n\n\t/**\n\t * get closed panel destanation\n\t */\n\tthis.getClosedPanelDest = function() {\n\n\t\tvar objPanelSize = g_functions.getElementSize(g_objPanel), panelDest;\n\n\t\tswitch (g_temp.orientation) {\n\t\tcase \"left\":\n\t\t\tg_temp.originalPos = objPanelSize.left;\n\t\t\tpanelDest = -g_temp.panelWidth;\n\t\t\tbreak;\n\t\tcase \"right\":\n\t\t\tg_temp.originalPos = objPanelSize.left;\n\t\t\tvar gallerySize = g_gallery.getSize();\n\t\t\tpanelDest = gallerySize.width;\n\t\t\tbreak;\n\t\tcase \"top\":\n\t\t\tg_temp.originalPos = objPanelSize.top;\n\t\t\tpanelDest = -g_temp.panelHeight;\n\t\t\tbreak;\n\t\tcase \"bottom\":\n\t\t\tg_temp.originalPos = objPanelSize.top;\n\t\t\tvar gallerySize = g_gallery.getSize();\n\t\t\tpanelDest = gallerySize.height;\n\t\t\tbreak;\n\t\t}\n\n\t\treturn (panelDest);\n\t}\n\n\n\t/**\n\t * tells if the panel is closed\n\t */\n\tthis.isPanelClosed = function() {\n\n\t\treturn (g_temp.isClosed);\n\t}\n\t\n\t\n\t/**\n\t * set the panel disabled at start, called after init before setHtml\n\t * it's enabled again after timeout end\n\t */\n\tthis.setDisabledAtStart = function(timeout){\n\t\t\n\t\tif(timeout <= 0)\n\t\t\treturn(false);\n\t\t\t\n\t\tg_temp.isDisabledAtStart = true;\n\t\tg_temp.disabledAtStartTimeout = timeout;\n\t\t\n\t}\n\t\n\t\n}\n\n\n/** -------------- Panel Handle object ---------------------*/\n\nfunction UGPanelHandle(){\n\t\n\tvar t = this, g_objPanel, g_panel, g_objHandleTip, g_panelOptions = {};\n\tvar g_functions = new UGFunctions();\n\t\n\tvar g_options = {\n\t\t\tpanel_handle_align: \"top\",\t\t//top, middle, bottom , left, right, center - close handle tip align on the handle bar according panel orientation\n\t\t\tpanel_handle_offset: 0,\t\t\t//offset of handle bar according the valign\n\t\t\tpanel_handle_skin: 0\t\t\t//skin of the handle, if empty inherit from gallery skin\n\t};\n\t\n\t\n\t/**\n\t * init the handle\n\t */\n\tthis.init = function(panel, objPanel, panelOptions, panelType, gallery){\n\t\tg_panel = panel;\n\t\tg_objPanel = objPanel;\n\t\t\n\t\t//set needed options\n\t\tswitch(panelType){\t\t\n\t\t\tcase \"grid\":\n\t\t\t\tg_options.panel_handle_align = panelOptions.gridpanel_handle_align;\n\t\t\t\tg_options.panel_handle_offset = panelOptions.gridpanel_handle_offset;\n\t\t\t\tg_options.panel_handle_skin = panelOptions.gridpanel_handle_skin;\n\t\t\tbreak;\n\t\t\tcase \"strip\":\n\t\t\t\tg_options.panel_handle_align = panelOptions.strippanel_handle_align;\n\t\t\t\tg_options.panel_handle_offset = panelOptions.strippanel_handle_offset;\n\t\t\t\tg_options.panel_handle_skin = panelOptions.strippanel_handle_skin;\n\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tthrow new Error(\"Panel handle error: wrong panel type: \" + panelType);\t\t\t\n\t\t\tbreak;\n\t\t}\n\t\t\n\t\t//set arrows skin:\n\t\tvar galleryOptions = gallery.getOptions();\n\t\tvar globalSkin = galleryOptions.gallery_skin;\t\t\n\t\tif(g_options.panel_handle_skin == \"\")\n\t\t\tg_options.panel_handle_skin = globalSkin;\n\t\t\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * set handle html\n\t */\n\tthis.setHtml = function(){\n\t\t\n\t\tvar orientation = g_panel.getOrientation();\n\t\t\t\t\n\t\tvar classTip = \"ug-panel-handle-tip\";\n\t\t\n\t\tswitch(orientation){\n\t\t\tcase \"right\":\n\t\t\t\tclassTip += \" ug-handle-tip-left\";\t\t\t\t\n\t\t\tbreak;\n\t\t\tcase \"left\":\n\t\t\t\tclassTip += \" ug-handle-tip-right\";\n\t\t\tbreak;\n\t\t\tcase \"bottom\":\n\t\t\t\tclassTip += \" ug-handle-tip-top\";\t\t\t\t\n\t\t\tbreak;\n\t\t\tcase \"top\":\n\t\t\t\tclassTip += \" ug-handle-tip-bottom\";\n\t\t\tbreak;\n\t\t}\n\t\t\n\t\tg_objPanel.append(\"\");\n\t\tg_objHandleTip = g_objPanel.children(\".ug-panel-handle-tip\");\n\t}\n\t\n\t\n\t/**\n\t * remove hover state of the tip\n\t */\n\tfunction removeHoverState(){\n\t\t\t\t\n\t\tg_objHandleTip.removeClass(\"ug-button-hover\");\n\t}\n\t\n\t/**\n\t * add closed state class\n\t */\n\tfunction setClosedState(){\n\t\t\t\t\n\t\tg_objHandleTip.addClass(\"ug-button-closed\");\t\t\n\t}\n\t\n\t/**\n\t * add closed state class\n\t */\n\tfunction removeClosedState(){\n\t\tg_objHandleTip.removeClass(\"ug-button-closed\");\t\t\n\t}\n\n\t/**\n\t * on handle click, close or open panel\n\t */\n\tfunction onHandleClick(event){\n\t\t\n\t\tevent.stopPropagation();\n\t\tevent.stopImmediatePropagation();\n\t\t\n\t\tif(g_functions.validateClickTouchstartEvent(event.type) == false)\n\t\t\treturn(true);\n\t\t\n\t\tif(g_panel.isPanelClosed())\n\t\t\tg_panel.openPanel();\n\t\telse\n\t\t\tg_panel.closePanel();\n\t}\n\t\n\t/**\n\t * init events\n\t */\n\tthis.initEvents = function(){\n\t\tg_functions.addClassOnHover(g_objHandleTip);\n\t\tg_objHandleTip.bind(\"click touchstart\", onHandleClick);\n\t\t\n\t\t//on panel open\n\t\tjQuery(g_panel).on(g_panel.events.OPEN_PANEL, function(){\n\t\t\tremoveHoverState();\n\t\t\tremoveClosedState();\n\t\t});\n\t\t\n\t\t//one panel close\n\t\tjQuery(g_panel).on(g_panel.events.CLOSE_PANEL, function(){\n\t\t\tremoveHoverState();\n\t\t\tsetClosedState();\n\t\t});\n\t\t\n\t}\n\t\n\t/**\n\t * destroy the handle panel events\n\t */\n\tthis.destroy = function(){\n\t\tg_functions.destroyButton(g_objHandleTip);\n\t\tjQuery(g_panel).off(g_panel.events.OPEN_PANEL);\n\t\tjQuery(g_panel).off(g_panel.events.CLOSE_PANEL);\n\t}\n\t\n\t\n\t\n\t/**\n\t * check and fix align option, set write direction\n\t */\n\tfunction checkAndFixAlign(){\n\t\tvar orientation = g_panel.getOrientation();\n\t\t\n\t\tswitch(orientation){\n\t\t\tcase \"right\":\n\t\t\tcase \"left\":\n\t\t\t\tif(g_options.panel_handle_align != \"top\" && g_options.panel_handle_align != \"bottom\")\n\t\t\t\t\tg_options.panel_handle_align = \"top\";\n\t\t\tbreak;\n\t\t\tcase \"bottom\":\n\t\t\t\tif(g_options.panel_handle_align != \"left\" && g_options.panel_handle_align != \"right\")\n\t\t\t\t\tg_options.panel_handle_align = \"left\";\n\t\t\tbreak;\n\t\t\tcase \"top\":\n\t\t\t\tif(g_options.panel_handle_align != \"left\" && g_options.panel_handle_align != \"right\")\n\t\t\t\t\tg_options.panel_handle_align = \"right\";\t\t\t\t\n\t\t\tbreak;\n\t\t}\t\t\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * place the panel\n\t */\n\tthis.placeHandle = function(){\n\t\tvar handleSize = g_functions.getElementSize(g_objHandleTip);\n\t\t\n\t\tcheckAndFixAlign();\n\t\t\t\t\n\t\tvar orientation = g_panel.getOrientation();\n\t\t\n\t\tswitch(orientation){\n\t\t\tcase \"left\":\n\t\t\t\tg_functions.placeElement(g_objHandleTip, \"right\", g_options.panel_handle_align, -handleSize.width);\n\t\t\tbreak;\n\t\t\tcase \"right\":\n\t\t\t\tg_functions.placeElement(g_objHandleTip, -handleSize.width, g_options.panel_handle_align, 0 ,g_options.panel_handle_offset);\n\t\t\tbreak;\n\t\t\tcase \"top\":\n\t\t\t\tg_functions.placeElement(g_objHandleTip, g_options.panel_handle_align, \"bottom\", g_options.panel_handle_offset, -handleSize.height);\n\t\t\tbreak;\n\t\t\tcase \"bottom\":\n\t\t\t\tg_functions.placeElement(g_objHandleTip, g_options.panel_handle_align, \"top\", g_options.panel_handle_offset, -handleSize.height);\n\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tthrow new Error(\"Wrong panel orientation: \" + orientation);\n\t\t\tbreak;\n\t\t}\n\t\t\n\t}\n\t\n\t/**\n\t * hide the handle\n\t */\n\tthis.hideHandle = function(){\n\t\t\n\t\tif(g_objHandleTip.is(\":visible\") == true)\n\t\t\tg_objHandleTip.hide();\n\t\n\t}\n\t\n\t/**\n\t * show the handle\n\t */\n\tthis.showHandle = function(){\n\t\t\n\t\tif(g_objHandleTip.is(\":visible\") == false)\n\t\t\tg_objHandleTip.show();\n\t\t\n\t}\n\t\n\t\n}\n\n/**\n * grid panel class addon to grid gallery\n */\nfunction UGStripPanel() {\n\n\tvar t = this, g_objThis = jQuery(this);\n\tvar g_gallery = new UniteGalleryMain(), g_objGallery, g_objWrapper, g_objPanel;\n\tvar g_functions = new UGFunctions(), g_objStrip = new UGThumbsStrip(), g_panelBase = new UGPanelsBase();\n\tvar g_objButtonNext, g_objButtonPrev;\n\n\tthis.events = {\n\t\tFINISH_MOVE : \"gridpanel_move_finish\", // called after close or open panel (slide finish).\n\t\tOPEN_PANEL : \"open_panel\", \t\t\t // called before opening the panel.\n\t\tCLOSE_PANEL : \"close_panel\" \t\t // called before closing the panel.\n\t};\n\n\tvar g_options = {\n\n\t\tstrippanel_vertical_type : false, // true, false - specify if the panel is vertical or horizonatal type\n\n\t\tstrippanel_padding_top : 8, // space from top of the panel\n\t\tstrippanel_padding_bottom : 8, // space from bottom of the panel\n\n\t\tstrippanel_padding_left : 0, // space from left of the panel\n\t\tstrippanel_padding_right : 0, // space from right of the panel\n\n\t\tstrippanel_enable_buttons : true, // enable buttons from the sides of the panel\n\t\tstrippanel_buttons_skin : \"\", // skin of the buttons, if empty inherit from gallery skin\n\t\t\t\t\t\t\t\t\t\t \n\t\tstrippanel_padding_buttons : 2, // padding between the buttons and the panel\n\n\t\tstrippanel_buttons_role : \"scroll_strip\", // scroll_strip, advance_item - the role of the side buttons\n\t\t\n\t\tstrippanel_enable_handle : true, // enable grid handle\n\t\tstrippanel_handle_align : \"top\", // top, middle, bottom , left, right, center - close handle tip align on the handle bar according panel orientation\n\t\tstrippanel_handle_offset : 0, \t // offset of handle bar according the valign\n\t\t\t\t\t\t\t\t\t\t\n\t\tstrippanel_handle_skin : \"\", \t // skin of the handle, if empty inherit from gallery skin\n\n\t\tstrippanel_background_color : \"\" // background color of the strip wrapper, if not set, it will be taken from the css\n\t\t\n\t};\n\n\tvar g_defaults_vertical = {\n\t\tstrip_vertical_type : true,\n\t\tstrippanel_padding_left : 8,\n\t\tstrippanel_padding_right : 8,\n\t\tstrippanel_padding_top : 0,\n\t\tstrippanel_padding_bottom : 0\n\t};\n\n\tvar g_defaults_no_buttons = {\n\t\tstrippanel_padding_left : 8,\n\t\tstrippanel_padding_right : 8,\n\t\tstrippanel_padding_top : 8,\n\t\tstrippanel_padding_bottom : 8\n\t};\n\n\tvar g_temp = {\n\t\tpanelType: \"strip\",\n\t\tpanelWidth : 0,\n\t\tpanelHeight : 0,\n\t\tisEventsInited : false,\n\t\tisClosed : false,\n\t\torientation : null,\n\t\toriginalPos : null,\n\t\tisFirstRun : true\n\t};\n\n\t/**\n\t * init the panel\n\t */\n\tfunction initPanel(gallery, customOptions) {\n\t\tg_gallery = gallery;\n\n\t\tg_objGallery = jQuery(g_gallery);\n\n\t\tg_options = jQuery.extend(g_options, customOptions);\n\n\t\tvar repeatCustomOptions = false;\n\n\t\tif (g_options.strippanel_vertical_type == true) {\n\t\t\tg_options = jQuery.extend(g_options, g_defaults_vertical);\n\t\t\trepeatCustomOptions = true;\n\t\t}\n\n\t\tif (g_options.strippanel_enable_buttons == false) {\n\t\t\tg_options = jQuery.extend(g_options, g_defaults_no_buttons);\n\t\t\trepeatCustomOptions = true;\n\t\t}\n\n\t\tif (repeatCustomOptions == true)\n\t\t\tg_options = jQuery.extend(g_options, customOptions); // do the\n\t\t\n\t\t\n\t\t// set arrows skin:\n\t\tvar galleryOptions = g_gallery.getOptions();\n\t\tvar globalSkin = galleryOptions.gallery_skin;\n\t\tif (g_options.strippanel_buttons_skin == \"\")\n\t\t\tg_options.strippanel_buttons_skin = globalSkin;\n\n\t\tg_objWrapper = g_gallery.getElement();\n\t\t\n\t\t//init the base panel object:\n\t\tg_panelBase.init(g_gallery, g_temp, t, g_options, g_objThis);\n\t\t\n\t\t//init thumbs strip\n\t\tg_objStrip = new UGThumbsStrip();\n\t\tg_objStrip.init(g_gallery, g_options);\n\t\t\n\t}\n\n\t\n\t/**\n\t * validate panel before run\n\t */\n\tfunction validatePanelBeforeRun() {\n\t\t\n\t\tif (g_options.strippanel_vertical_type == false) { // horizontal\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t// validate\n\t\t\tif (g_temp.panelWidth == 0) {\n\t\t\t\tthrow new Error(\n\t\t\t\t\t\t\"Strip panel error: The width not set, please set width\");\n\t\t\t\treturn (false);\n\t\t\t}\n\n\t\t} else { // vertical validate\n\n\t\t\tif (g_temp.panelHeight == 0) {\n\t\t\t\tthrow new Error(\n\t\t\t\t\t\t\"Strip panel error: The height not set, please set height\");\n\t\t\t\treturn (false);\n\t\t\t}\n\n\t\t}\n\n\t\t// validate orientation\n\t\tif (g_temp.orientation == null) {\n\t\t\tthrow new Error(\n\t\t\t\t\t\"Wrong orientation, please set panel orientation before run\");\n\t\t\treturn (false);\n\t\t}\n\n\t\treturn (true);\n\t}\n\n\t/**\n\t * run the panel\n\t */\n\tfunction runPanel() {\n\n\t\t// validation\n\t\tif (g_temp.isFirstRun == true && validatePanelBeforeRun() == false)\n\t\t\treturn (false);\n\n\t\tg_objStrip.run();\n\t\t\n\t\tsetElementsSize();\n\t\tplaceElements();\n\t\t\t\t\n\t\tinitEvents();\n\n\t\tg_temp.isFirstRun = false;\n\n\t\tcheckSideButtons();\n\t}\n\n\t/**\n\t * set panel html\n\t */\n\tfunction setPanelHtml(parentContainer) {\n\t\t\n\t\tif (!parentContainer)\n\t\t\tvar parentContainer = g_objWrapper;\n\n\t\t// add panel wrapper\n\t\tparentContainer.append(\"\");\n\n\t\tg_objPanel = parentContainer.children('.ug-strip-panel');\n\n\t\t// add arrows:\n\t\tif (g_options.strippanel_enable_buttons == true) {\n\n\t\t\tvar arrowPrevClass = \"ug-strip-arrow-left\";\n\t\t\tvar arrowNextClass = \"ug-strip-arrow-right\";\n\t\t\tif (g_options.strippanel_vertical_type == true) {\n\t\t\t\tarrowPrevClass = \"ug-strip-arrow-up\";\n\t\t\t\tarrowNextClass = \"ug-strip-arrow-down\";\n\t\t\t}\n\n\t\t\tg_objPanel.append(\"\");\n\t\t\tg_objPanel.append(\"\");\n\n\t\t}\n\t\t\n\t\tg_panelBase.setHtml(g_objPanel);\n\t\t\n\t\tg_objStrip.setHtml(g_objPanel);\n\t\t\n\t\tif (g_options.strippanel_enable_buttons == true) {\n\t\t\tg_objButtonPrev = g_objPanel.children(\".\" + arrowPrevClass);\n\t\t\tg_objButtonNext = g_objPanel.children(\".\" + arrowNextClass);\n\t\t}\n\n\t\tsetHtmlProperties();\n\t}\n\n\t/**\n\t * set html properties according the options\n\t */\n\tfunction setHtmlProperties() {\n\n\t\t// set panel background color\n\t\tif (g_options.strippanel_background_color != \"\")\n\t\t\tg_objPanel.css(\"background-color\",\n\t\t\t\t\tg_options.strippanel_background_color);\n\n\t}\n\n\t/**\n\t * set elements size horizontal type\n\t */\n\tfunction setElementsSize_hor() {\n\t\t\n\t\t// get strip height\n\t\tvar stripHeight = g_objStrip.getHeight();\n\t\tvar panelWidth = g_temp.panelWidth;\n\n\t\t// set buttons height\n\t\tif (g_objButtonNext) {\n\t\t\tg_objButtonPrev.height(stripHeight);\n\t\t\tg_objButtonNext.height(stripHeight);\n\n\t\t\t// arrange buttons tip\n\t\t\tvar prevTip = g_objButtonPrev.children(\".ug-strip-arrow-tip\");\n\t\t\tg_functions.placeElement(prevTip, \"center\", \"middle\");\n\n\t\t\tvar nextTip = g_objButtonNext.children(\".ug-strip-arrow-tip\");\n\t\t\tg_functions.placeElement(nextTip, \"center\", \"middle\");\n\t\t}\n\n\t\t// set panel height\n\t\tvar panelHeight = stripHeight + g_options.strippanel_padding_top\n\t\t\t\t+ g_options.strippanel_padding_bottom;\n\n\t\t// set panel size\n\t\tg_objPanel.width(panelWidth);\n\t\tg_objPanel.height(panelHeight);\n\n\t\tg_temp.panelHeight = panelHeight;\n\n\t\t// set strip size\n\t\tvar stripWidth = panelWidth - g_options.strippanel_padding_left\t- g_options.strippanel_padding_right;\n\n\t\tif (g_objButtonNext) {\n\t\t\tvar buttonWidth = g_objButtonNext.outerWidth();\n\t\t\tstripWidth = stripWidth - buttonWidth * 2 - g_options.strippanel_padding_buttons * 2;\n\t\t}\n\n\t\tg_objStrip.resize(stripWidth);\n\t}\n\n\t/**\n\t * set elements size vertical type\n\t */\n\tfunction setElementsSize_vert() {\n\t\t\t\t\n\t\t// get strip width\n\t\tvar stripWidth = g_objStrip.getWidth();\n\t\tvar panelHeight = g_temp.panelHeight;\n\t\t\n\t\t// set buttons height\n\t\tif (g_objButtonNext) {\n\t\t\tg_objButtonPrev.width(stripWidth);\n\t\t\tg_objButtonNext.width(stripWidth);\n\n\t\t\t// arrange buttons tip\n\t\t\tvar prevTip = g_objButtonPrev.children(\".ug-strip-arrow-tip\");\n\t\t\tg_functions.placeElement(prevTip, \"center\", \"middle\");\n\n\t\t\tvar nextTip = g_objButtonNext.children(\".ug-strip-arrow-tip\");\n\t\t\tg_functions.placeElement(nextTip, \"center\", \"middle\");\n\t\t}\n\n\t\t// set panel width\n\t\tvar panelWidth = stripWidth + g_options.strippanel_padding_left\n\t\t\t\t+ g_options.strippanel_padding_right;\n\n\t\t// set panel size\n\t\tg_objPanel.width(panelWidth);\n\t\tg_objPanel.height(panelHeight);\n\n\t\tg_temp.panelWidth = panelWidth;\n\n\t\t// set strip size\n\t\tvar stripHeight = panelHeight - g_options.strippanel_padding_top\n\t\t\t\t- g_options.strippanel_padding_bottom;\n\n\t\tif (g_objButtonNext) {\n\t\t\tvar buttonHeight = g_objButtonNext.outerHeight();\n\t\t\tstripHeight = stripHeight - buttonHeight * 2\n\t\t\t\t\t- g_options.strippanel_padding_buttons * 2;\n\t\t}\n\n\t\tg_objStrip.resize(stripHeight);\n\t}\n\n\t/**\n\t * set elements size and place the elements\n\t */\n\tfunction setElementsSize() {\n\n\t\tif (g_options.strippanel_vertical_type == false)\n\t\t\tsetElementsSize_hor();\n\t\telse\n\t\t\tsetElementsSize_vert();\n\t}\n\n\t/**\n\t * place elements horizontally\n\t */\n\tfunction placeElements_hor() {\n\n\t\t// place buttons\n\t\tif (g_objButtonNext) {\n\t\t\tg_functions.placeElement(g_objButtonPrev, \"left\", \"top\",\n\t\t\t\t\tg_options.strippanel_padding_left,\n\t\t\t\t\tg_options.strippanel_padding_top);\n\t\t\tg_functions.placeElement(g_objButtonNext, \"right\", \"top\",\n\t\t\t\t\tg_options.strippanel_padding_right,\n\t\t\t\t\tg_options.strippanel_padding_top);\n\t\t}\n\n\t\tvar stripX = g_options.strippanel_padding_left;\n\t\tif (g_objButtonNext)\n\t\t\tstripX += g_objButtonNext.outerWidth()\n\t\t\t\t\t+ g_options.strippanel_padding_buttons;\n\n\t\tg_objStrip.setPosition(stripX, g_options.strippanel_padding_top);\n\n\t}\n\n\t/**\n\t * place elements vertically\n\t */\n\tfunction placeElements_vert() {\n\n\t\t// place buttons\n\t\tif (g_objButtonNext) {\n\t\t\tg_functions.placeElement(g_objButtonPrev, \"left\", \"top\",\n\t\t\t\t\tg_options.strippanel_padding_left,\n\t\t\t\t\tg_options.strippanel_padding_top);\n\t\t\tg_functions.placeElement(g_objButtonNext, \"left\", \"bottom\",\n\t\t\t\t\tg_options.strippanel_padding_left,\n\t\t\t\t\tg_options.strippanel_padding_bottom);\n\t\t}\n\n\t\tvar stripY = g_options.strippanel_padding_top;\n\t\tif (g_objButtonNext)\n\t\t\tstripY += g_objButtonNext.outerHeight()\n\t\t\t\t\t+ g_options.strippanel_padding_buttons;\n\n\t\tg_objStrip.setPosition(g_options.strippanel_padding_left, stripY);\n\t}\n\n\t/**\n\t * place elements\n\t */\n\tfunction placeElements() {\n\n\t\tif (g_options.strippanel_vertical_type == false)\n\t\t\tplaceElements_hor();\n\t\telse\n\t\t\tplaceElements_vert();\n\n\t\tg_panelBase.placeElements();\n\n\t}\n\n\n\n\tfunction __________EVENTS___________() {\n\t}\n\t;\n\n\t/**\n\t * on next button click\n\t */\n\tfunction onNextButtonClick(objButton) {\n\n\t\tif (g_functions.isButtonDisabled(objButton))\n\t\t\treturn (true);\n\n\t\tif (g_options.strippanel_buttons_role == \"advance_item\")\n\t\t\tg_gallery.nextItem();\n\t\telse\n\t\t\tg_objStrip.scrollForeward();\n\t}\n\n\t/**\n\t * on previous button click\n\t */\n\tfunction onPrevButtonClick(objButton) {\n\n\t\tif (g_functions.isButtonDisabled(objButton))\n\t\t\treturn (true);\n\n\t\tif (g_options.strippanel_buttons_role == \"advance_item\")\n\t\t\tg_gallery.prevItem();\n\t\telse\n\t\t\tg_objStrip.scrollBack();\n\t}\n\n\t/**\n\t * check buttons if they need to be disabled or not\n\t */\n\tfunction checkSideButtons() {\n\t\t\t\t\n\t\tif (!g_objButtonNext)\n\t\t\treturn (true);\n\n\t\t// if the strip not movable - disable both buttons\n\t\tif (g_objStrip.isMoveEnabled() == false) {\n\t\t\tg_functions.disableButton(g_objButtonPrev);\n\t\t\tg_functions.disableButton(g_objButtonNext);\n\t\t\treturn (true);\n\t\t}\n\t\t\n\t\t// check the limits\n\t\tvar limits = g_objStrip.getInnerStripLimits();\n\t\tvar pos = g_objStrip.getInnerStripPos();\n\t\t\n\t\tif (pos >= limits.maxPos) {\n\t\t\tg_functions.disableButton(g_objButtonPrev);\n\t\t} else {\n\t\t\tg_functions.enableButton(g_objButtonPrev);\n\t\t}\n\n\t\tif (pos <= limits.minPos)\n\t\t\tg_functions.disableButton(g_objButtonNext);\n\t\telse\n\t\t\tg_functions.enableButton(g_objButtonNext);\n\n\t}\n\n\t/**\n\t * on strip move event\n\t */\n\tfunction onStripMove() {\n\t\tcheckSideButtons();\n\t}\n\n\t/**\n\t * on item change event, disable or enable buttons according the images\n\t * position\n\t */\n\tfunction onItemChange() {\n\n\t\tif (g_gallery.isLastItem())\n\t\t\tg_functions.disableButton(g_objButtonNext);\n\t\telse\n\t\t\tg_functions.enableButton(g_objButtonNext);\n\n\t\tif (g_gallery.isFirstItem())\n\t\t\tg_functions.disableButton(g_objButtonPrev);\n\t\telse\n\t\t\tg_functions.enableButton(g_objButtonPrev);\n\n\t}\n\n\n\t/**\n\t * init panel events\n\t */\n\tfunction initEvents() {\n\n\t\tif (g_temp.isEventsInited == true)\n\t\t\treturn (false);\n\t\t\n\t\tg_temp.isEventsInited = true;\n\t\t\n\t\t// buttons events\n\t\tif (g_objButtonNext) {\n\n\t\t\t// add hove class\n\t\t\tg_functions.addClassOnHover(g_objButtonNext, \"ug-button-hover\");\n\t\t\tg_functions.addClassOnHover(g_objButtonPrev, \"ug-button-hover\");\n\n\t\t\t// add click events\n\t\t\tg_functions.setButtonOnClick(g_objButtonPrev, onPrevButtonClick);\n\t\t\tg_functions.setButtonOnClick(g_objButtonNext, onNextButtonClick);\n\n\t\t\t// add disable / enable buttons on strip move event\n\t\t\tif (g_options.strippanel_buttons_role != \"advance_item\") {\n\t\t\t\t\n\t\t\t\tjQuery(g_objStrip).on(g_objStrip.events.STRIP_MOVE, onStripMove);\n\t\t\t\t\n\t\t\t\tjQuery(g_objStrip).on(g_objStrip.events.INNER_SIZE_CHANGE, checkSideButtons);\n\t\t\t\t\n\t\t\t\tg_objGallery.on(g_gallery.events.SIZE_CHANGE, checkSideButtons);\n\t\t\t\t\n\t\t\t} else {\n\t\t\t\tvar galleryOptions = g_gallery.getOptions();\n\t\t\t\tif (galleryOptions.gallery_carousel == false)\n\t\t\t\t\tjQuery(g_gallery).on(g_gallery.events.ITEM_CHANGE, onItemChange);\n\t\t\t}\n\n\t\t}\n\n\t\tg_panelBase.initEvents();\n\t}\n\t\n\t/**\n\t * destroy the strip panel events\n\t */\n\tthis.destroy = function(){\n\t\t\n\t\tif(g_objButtonNext){\n\t\t\tg_functions.destroyButton(g_objButtonNext);\n\t\t\tg_functions.destroyButton(g_objButtonPrev);\n\t\t\tjQuery(g_objStrip).off(g_objStrip.events.STRIP_MOVE);\n\t\t\tjQuery(g_gallery).off(g_gallery.events.ITEM_CHANGE);\n\t\t\tjQuery(g_gallery).off(g_gallery.events.SIZE_CHANGE);\n\t\t}\n\t\t\n\t\tg_panelBase.destroy();\n\t\tg_objStrip.destroy();\n\t}\n\t\n\t\n\t/**\n\t * get panel orientation\n\t */\n\tthis.getOrientation = function() {\n\n\t\treturn (g_temp.orientation);\n\t}\n\n\t/**\n\t * set panel orientation (left, right, top, bottom)\n\t */\n\tthis.setOrientation = function(orientation) {\n\n\t\tg_temp.orientation = orientation;\n\t}\n\n\t\n\t/**\n\t * init the panel\n\t */\n\tthis.init = function(gallery, customOptions) {\n\t\tinitPanel(gallery, customOptions);\n\t}\n\n\t/**\n\t * run the panel\n\t */\n\tthis.run = function() {\n\t\trunPanel();\n\t}\n\n\t/**\n\t * place panel html\n\t */\n\tthis.setHtml = function(parentContainer) {\n\t\tsetPanelHtml(parentContainer);\n\t}\n\n\t/**\n\t * get the panel element\n\t */\n\tthis.getElement = function() {\n\t\treturn (g_objPanel);\n\t}\n\n\t/**\n\t * get panel size object\n\t */\n\tthis.getSize = function() {\n\n\t\tvar objSize = g_functions.getElementSize(g_objPanel);\n\n\t\treturn (objSize);\n\t}\n\n\t/**\n\t * set panel width (for horizonal type)\n\t */\n\tthis.setWidth = function(width) {\n\n\t\tg_temp.panelWidth = width;\n\n\t}\n\n\t/**\n\t * set panel height (for vertical type)\n\t */\n\tthis.setHeight = function(height) {\n\n\t\tg_temp.panelHeight = height;\n\n\t}\n\n\t/**\n\t * resize the panel\n\t */\n\tthis.resize = function(newWidth) {\n\t\tt.setWidth(newWidth);\n\t\tsetElementsSize();\n\t\tplaceElements();\n\t}\n\t\n\tthis.__________Functions_From_Base_____ = function() {}\n\t\n\t/**\n\t * tells if the panel is closed\n\t */\n\tthis.isPanelClosed = function() {\t\t\n\t\treturn (g_panelBase.isPanelClosed());\n\t}\n\n\t/**\n\t * get closed panel destanation\n\t */\n\tthis.getClosedPanelDest = function() {\n\t\treturn g_panelBase.getClosedPanelDest();\n\t}\t\n\t\t\n\t/**\n\t * open the panel\n\t */\t\n\tthis.openPanel = function(noAnimation) {\n\t\tg_panelBase.openPanel(noAnimation);\n\t}\n\t\n\t\n\t/**\n\t * close the panel (slide in)\n\t */\n\tthis.closePanel = function(noAnimation) {\n\t\tg_panelBase.closePanel(noAnimation);\t\t\n\t}\t\n\t\n\t/**\n\t * set the panel opened state\n\t */\n\tthis.setOpenedState = function(originalPos) {\n\t\tg_panelBase.setOpenedState(originalPos);\n\t}\n\n\t/**\n\t * set the panel that it's in closed state, and set original pos for opening later\n\t */\n\tthis.setClosedState = function(originalPos) {\n\t\tg_panelBase.setClosedState(originalPos);\t\n\t}\n\t\n\t/**\n\t * set custom thumbs of the strip\n\t */\n\tthis.setCustomThumbs = function(funcSetHtml){\n\t\t\n\t\tg_objStrip.setCustomThumbs(funcSetHtml);\n\t\n\t}\n\t\n\t/**\n\t * set panel disabled at start\n\t */\n\tthis.setDisabledAtStart = function(timeout){\n\t\t\n\t\tg_panelBase.setDisabledAtStart(timeout);\n\t\t\n\t}\n\t\n}\n\n\n/**\n * grid panel class\n * addon to grid gallery\n */\nfunction UGGridPanel(){\n\t\n\tvar t = this, g_objThis = jQuery(this);\n\tvar g_gallery = new UniteGalleryMain(), g_objGallery, g_objWrapper, g_objPanel;\n\tvar g_functions = new UGFunctions();\n\tvar g_objGrid = new UGThumbsGrid();\n\tvar g_panelBase = new UGPanelsBase();\n\tvar g_objArrowNext, g_objArrowPrev;\n\t\n\tthis.events = {\n\t\tFINISH_MOVE: \"gridpanel_move_finish\",\t//called after close or open panel (slide finish).\n\t\tOPEN_PANEL: \"open_panel\",\t\t\t\t//called before opening the panel.\n\t\tCLOSE_PANEL: \"close_panel\"\t\t\t\t//called before closing the panel.\n\t};\n\t\n\tvar g_options = {\n\t\t\tgridpanel_vertical_scroll: true,\t\t\t//vertical or horizontal grid scroll and arrows\n\t\t\tgridpanel_grid_align: \"middle\",\t\t\t\t//top , middle , bottom, left, center, right - the align of the grid panel in the gallery \n\t\t\tgridpanel_padding_border_top: 10,\t\t //padding between the top border of the panel\n\t\t\tgridpanel_padding_border_bottom: 4,\t\t\t//padding between the bottom border of the panel\n\t\t\tgridpanel_padding_border_left: 10,\t\t\t//padding between the left border of the panel\n\t\t\tgridpanel_padding_border_right: 10,\t\t\t//padding between the right border of the panel\n\t\t\t\n\t\t\tgridpanel_arrows_skin: \"\",\t\t\t\t\t//skin of the arrows, if empty inherit from gallery skin\n\t\t\tgridpanel_arrows_align_vert: \"middle\",\t\t//borders, grid, middle - vertical align of arrows, to the top and bottom botders, to the grid, or in the middle space.\n\t\t\tgridpanel_arrows_padding_vert: 4,\t\t\t//padding between the arrows and the grid, in case of middle align, it will be minimal padding\n\t\t\tgridpanel_arrows_align_hor: \"center\",\t\t//borders, grid, center - horizontal align of arrows, to the left and right botders, to the grid, or in the center space.\n\t\t\tgridpanel_arrows_padding_hor: 10,\t\t\t//in case of horizontal type only, minimal size from the grid in case of \"borders\" and size from the grid in case of \"grid\"\n\t\t\t\n\t\t\tgridpanel_space_between_arrows: 20,\t\t\t//space between arrows on horizontal grids only\n\t\t\tgridpanel_arrows_always_on: false,\t\t\t//always show arrows even if the grid is one pane only\n\n\t\t\tgridpanel_enable_handle: true,\t\t\t\t//enable grid handle\t\t\t\n\t\t\tgridpanel_handle_align: \"top\",\t\t\t\t//top, middle, bottom , left, right, center - close handle tip align on the handle bar according panel orientation\n\t\t\tgridpanel_handle_offset: 0,\t\t\t\t\t//offset of handle bar according the valign\n\t\t\tgridpanel_handle_skin: \"\",\t\t\t\t\t//skin of the handle, if empty inherit from gallery skin\n\t\t\t\n\t\t\tgridpanel_background_color:\"\"\t\t\t\t//background color of the grid wrapper, if not set, it will be taken from the css\n\t};\n\t\n\t\n\t//default options for vertical scroll\n\tvar g_defaultsVertical = {\n\t\t\tgridpanel_grid_align: \"middle\",\t\t\t//top , middle , bottom\n\t\t\tgridpanel_padding_border_top: 2,\t\t//padding between the top border of the panel\n\t\t\tgridpanel_padding_border_bottom: 2\t\t//padding between the bottom border of the panel\n\t};\n\t\n\t//default options for horizontal type panel\n\tvar g_defaultsHorType = {\n\t\t\tgridpanel_grid_align: \"center\"\t\t\t//left, center, right\t\t\t\n\t};\n\t\n\tvar g_temp = {\n\t\tpanelType: \"grid\",\n\t\tisHorType: false,\n\t\tarrowsVisible: false,\n\t\tpanelHeight: 0,\n\t\tpanelWidth: 0,\n\t\toriginalPosX:null,\n\t\tisEventsInited: false,\n\t\tisClosed: false,\n\t\torientation: null\n\t};\n\t\n\t\n\t/**\n\t * init the grid panel\n\t */\n\tfunction initGridPanel(gallery, customOptions){\n\t\t\n\t\tg_gallery = gallery;\n\t\t\n\t\tvalidateOrientation();\n\t\t\n\t\t//set defaults and custom options\n\t\tif(customOptions && customOptions.vertical_scroll){\n\t\t\tg_options.gridpanel_vertical_scroll = customOptions.vertical_scroll;\t\t\t\n\t\t}\n\t\t\n\t\tg_options = jQuery.extend(g_options, customOptions);\n\t\t\t\t\n\t\t//set defautls for horizontal panel type\n\t\tif(g_temp.isHorType == true){\n\t\t\t\t\t\t\n\t\t\tg_options = jQuery.extend(g_options, g_defaultsHorType);\n\t\t\tg_options = jQuery.extend(g_options, customOptions);\n\t\t\t\t\t\n\t\t}else if(g_options.gridpanel_vertical_scroll == true){\n\n\t\t\t//set defaults for vertical scroll\n\t\t\tg_options = jQuery.extend(g_options, g_defaultsVertical);\n\t\t\tg_options = jQuery.extend(g_options, customOptions);\n\t\t\tg_options.grid_panes_direction = \"bottom\";\t\t\n\t\t}\n\t\t\n\t\t//set arrows skin:\n\t\tvar galleryOptions = g_gallery.getOptions();\n\t\tvar globalSkin = galleryOptions.gallery_skin;\t\t\n\t\tif(g_options.gridpanel_arrows_skin == \"\")\n\t\t\tg_options.gridpanel_arrows_skin = globalSkin;\n\t\t\n\t\t\n\t\t//get the gallery wrapper\n\t\tvar objects = gallery.getObjects();\n\t\tg_objWrapper = objects.g_objWrapper;\n\t\t\n\t\t//init the base panel object:\n\t\tg_panelBase.init(g_gallery, g_temp, t, g_options, g_objThis);\t\t\n\n\t\t//init the grid \n\t\tg_objGrid = new UGThumbsGrid();\n\t\tg_objGrid.init(g_gallery, g_options);\n\n\t}\n\t\n\t\n\t/**\n\t * validate the orientation if exists\n\t */\n\tfunction validateOrientation(){\n\t\t\n\t\tif(g_temp.orientation == null)\n\t\t\tthrow new Error(\"Wrong orientation, please set panel orientation before run\");\n\t\t\n\t}\n\t\n\t/**\n\t * run the rid panel\n\t */\n\tfunction runPanel(){\n\t\t\n\t\t//validate orientation\n\t\tvalidateOrientation();\n\t\t\n\t\tprocessOptions();\n\t\t\n\t\tg_objGrid.run();\n\t\t\n\t\tsetArrows();\n\t\tsetPanelSize();\n\t\tplaceElements();\n\t\t\n\t\tinitEvents();\n\t}\n\t\n\t\n\t/**\n\t * set html of the grid panel\n\t */\n\tfunction setHtmlPanel(){\n\t\t\n\t\t//add panel wrapper\n\t\tg_objWrapper.append(\"\");\n\t\t\n\t\tg_objPanel = g_objWrapper.children('.ug-grid-panel');\n\t\t\n\t\t//add arrows:\n\t\tif(g_temp.isHorType){\n\t\t\t\n\t\t\tg_objPanel.append(\"\");\n\t\t\tg_objPanel.append(\"\");\n\t\t\t\n\t\t\tg_objArrowPrev = g_objPanel.children(\".grid-arrow-left-hortype\");\n\t\t\tg_objArrowNext = g_objPanel.children(\".grid-arrow-right-hortype\");\n\t\t}\n\t\telse if(g_options.gridpanel_vertical_scroll == false){\t\t//horizonatl arrows\n\t\t\tg_objPanel.append(\"\");\n\t\t\tg_objPanel.append(\"\");\n\t\t\t\n\t\t\tg_objArrowPrev = g_objPanel.children(\".grid-arrow-left\");\n\t\t\tg_objArrowNext = g_objPanel.children(\".grid-arrow-right\");\n\t\t\t\n\t\t}else{\t\t//vertical arrows\n\t\t\tg_objPanel.append(\"\");\n\t\t\tg_objPanel.append(\"\");\n\t\t\t\n\t\t\tg_objArrowPrev = g_objPanel.children(\".grid-arrow-up\");\n\t\t\tg_objArrowNext = g_objPanel.children(\".grid-arrow-down\");\n\t\t}\n\t\t\n\t\tg_panelBase.setHtml(g_objPanel);\n\t\t\n\t\t//hide the arrows\n\t\tg_objArrowPrev.fadeTo(0,0);\n\t\tg_objArrowNext.fadeTo(0,0);\n\t\t\n\t\tg_objGrid.setHtml(g_objPanel);\n\t\t\n\t\tsetHtmlProperties();\n\t}\n\t\n\t\n\t/**\n\t * set html properties according the options\n\t */\n\tfunction setHtmlProperties(){\n\t\t\n\t\t//set panel background color\n\t\tif(g_options.gridpanel_background_color != \"\")\n\t\t\tg_objPanel.css(\"background-color\",g_options.gridpanel_background_color);\n\t}\n\t\n\t\n\t/**\n\t * process and fix certain options, avoid arrows and validate options\n\t */\n\tfunction processOptions(){\n\t\t\n\t\tif(g_options.gridpanel_grid_align == \"center\")\n\t\t\tg_options.gridpanel_grid_align = \"middle\";\n\t}\n\t\n\t\t\n\t/**\n\t * place panel with some animation\n\t */\n\tfunction placePanelAnimation(panelX, functionOnComplete){\n\t\t\t\t\t\t\n\t\tvar objCss = {left: panelX + \"px\"};\n\t\t\n\t\tg_objPanel.stop(true).animate(objCss ,{\n\t\t\tduration: 300,\n\t\t\teasing: \"easeInOutQuad\",\n\t\t\tqueue: false,\n\t\t\tcomplete: function(){\n\t\t\t\tif(functionOnComplete)\n\t\t\t\t\tfunctionOnComplete();\n\t\t\t}\n\t\t});\n\t\t\n\t}\n\t\n\t\t\n\t\n\t/**\n\t * get max height of the grid according the arrows size\n\t */\n\tfunction getGridMaxHeight(){\n\t\t\n\t\t//check space taken without arrows for one pane grids\n\t\tvar spaceTaken = g_options.gridpanel_padding_border_top + g_options.gridpanel_padding_border_bottom;\n\t\tvar maxGridHeight = g_temp.panelHeight - spaceTaken;\n\t\t\n\t\tif(g_options.gridpanel_arrows_always_on == false){\n\t\t\tvar numPanes = g_objGrid.getNumPanesEstimationByHeight(maxGridHeight);\n\t\t\tif(numPanes == 1)\n\t\t\t\treturn(maxGridHeight);\n\t\t}\n\t\t\n\t\t//count the size with arrows\n\t\tvar arrowsSize = g_functions.getElementSize(g_objArrowNext);\n\t\tvar arrowsHeight = arrowsSize.height;\n\t\t\n\t\tvar spaceTaken = arrowsHeight + g_options.gridpanel_arrows_padding_vert;\n\t\t\n\t\tif(g_options.gridpanel_vertical_scroll == true)\t//in case of 2 arrows multiply by 2\n\t\t\tspaceTaken *= 2;\n\t\t\t\t\n\t\tspaceTaken += g_options.gridpanel_padding_border_top + g_options.gridpanel_padding_border_bottom;\n\t\t\n\t\tmaxGridHeight = g_temp.panelHeight - spaceTaken;\t\t\t\n\t\t\n\t\treturn(maxGridHeight);\n\t}\n\t\n\t\n\t/**\n\t * get grid maximum width\n\t */\n\tfunction getGridMaxWidth(){\n\t\t\t\t\n\t\t//check space taken without arrows for one pane grids\n\t\tvar spaceTaken = g_options.gridpanel_padding_border_left + g_options.gridpanel_padding_border_right;\n\t\t\t\t\n\t\tvar maxGridWidth = g_temp.panelWidth - spaceTaken;\n\t\t\n\t\tif(g_options.gridpanel_arrows_always_on == false){\n\t\t\tvar numPanes = g_objGrid.getNumPanesEstimationByWidth(maxGridWidth);\n\t\t\t\t\t\t\n\t\t\tif(numPanes == 1)\n\t\t\t\treturn(maxGridWidth);\n\t\t}\n\t\t\n\t\t//count the size with arrows\n\t\tvar arrowsSize = g_functions.getElementSize(g_objArrowNext);\n\t\tvar arrowsWidth = arrowsSize.width;\n\t\t\n\t\tspaceTaken += (arrowsWidth + g_options.gridpanel_arrows_padding_hor) * 2;\n\t\t\t\t\t\t\t\t\n\t\tmaxGridWidth = g_temp.panelWidth - spaceTaken;\t\t\t\n\t\t\n\t\treturn(maxGridWidth);\n\t}\n\t\t\n\t\n\t/**\n\t * enable / disable arrows according the grid\n\t */\n\tfunction setArrows(){\n\t\t\n\t\tvar showArrows = false;\n\t\tif(g_options.gridpanel_arrows_always_on == true){\n\t\t\tshowArrows = true;\n\t\t}\n\t\telse{\n\t\t\tvar numPanes = g_objGrid.getNumPanes();\n\t\t\tif(numPanes > 1)\n\t\t\t\tshowArrows = true;\n\t\t}\n\t\t\n\t\tif(showArrows == true){\t\t//show arrows\n\t\t\t\n\t\t\tg_objArrowNext.show().fadeTo(0,1);\n\t\t\tg_objArrowPrev.show().fadeTo(0,1);\n\t\t\tg_temp.arrowsVisible = true;\n\t\t\t\n\t\t}else{\t\t//hide arrows\n\t\t\t\n\t\t\tg_objArrowNext.hide();\n\t\t\tg_objArrowPrev.hide();\n\t\t\tg_temp.arrowsVisible = false;\t\t\t\n\t\t\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * set panel size by the given height and grid width\n\t */\n\tfunction setPanelSize(){\n\t\tvar gridSize = g_objGrid.getSize();\n\t\t\t\t\n\t\t//set panel size\n\t\tif(g_temp.isHorType == true)\n\t\t\tg_temp.panelHeight = gridSize.height + g_options.gridpanel_padding_border_top + g_options.gridpanel_padding_border_bottom;\n\t\telse\n\t\t\tg_temp.panelWidth = gridSize.width + g_options.gridpanel_padding_border_left + g_options.gridpanel_padding_border_right;\n\t\t\n\t\tg_functions.setElementSize(g_objPanel, g_temp.panelWidth, g_temp.panelHeight);\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * place the panel without animation\n\t * @param panelDest\n\t */\n\tfunction placePanelNoAnimation(panelDest){\n\t\t\n\t\tswitch(g_temp.orientation){\n\t\t\tcase \"right\":\t\t//vertical\n\t\t\tcase \"left\":\n\t\t\t\tg_functions.placeElement(g_objPanel, panelDest, null);\n\t\t\tbreak;\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\n\tfunction __________EVENTS___________(){};\n\t\n\t\n\t\n\t/**\n\t * event on panel slide finish\n\t */\n\tfunction onPanelSlideFinish(){\n\t\t\t\t\n\t\tg_objThis.trigger(t.events.FINISH_MOVE);\n\t\t\t\n\t}\n\t\n\t\n\t/**\n\t * init panel events\n\t */\n\tfunction initEvents(){\n\t\t\n\t\tif(g_temp.isEventsInited == true)\n\t\t\treturn(false);\n\t\t\n\t\tg_temp.isEventsInited = true;\n\t\t\t\t\n\t\tif(g_objArrowPrev){\n\t\t\tg_functions.addClassOnHover(g_objArrowPrev);\n\t\t\tg_objGrid.attachPrevPaneButton(g_objArrowPrev);\t\t\t\n\t\t}\n\t\t\n\t\t\n\t\tif(g_objArrowNext){\n\t\t\tg_functions.addClassOnHover(g_objArrowNext);\n\t\t\tg_objGrid.attachNextPaneButton(g_objArrowNext);\t\t\t\n\t\t}\n\t\t\n\t\tg_panelBase.initEvents();\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * destroy the events\n\t */\n\tthis.destroy = function(){\n\t\t\n\t\tif(g_objArrowPrev)\n\t\t\tg_functions.destroyButton(g_objArrowPrev);\n\t\t\n\t\tif(g_objArrowNext)\n\t\t\tg_functions.destroyButton(g_objArrowNext);\n\t\t\n\t\tg_panelBase.destroy();\n\t\t\n\t\tg_objGrid.destroy();\n\t}\n\t\n\t\n\tfunction ______PLACE_ELEMENTS___________(){};\n\t\n\t\n\t/**\n\t * get padding left of the grid\n\t */\n\tfunction getGridPaddingLeft(){\n\t\t\n\t\tvar gridPanelLeft = g_options.gridpanel_padding_border_left;\n\t\t\n\t\treturn(gridPanelLeft);\n\t}\n\t\n\t\n\t/**\n\t * place elements vertical - grid only\n\t */\n\tfunction placeElements_noarrows(){\n\t\t\n\t\t//place grid\n\t\tvar gridY = g_options.gridpanel_grid_align, gridPaddingY = 0;\n\t\t\n\t\tswitch(gridY){\n\t\t\tcase \"top\":\n\t\t\t\tgridPaddingY = g_options.gridpanel_padding_border_top;\n\t\t\t\t\n\t\t\tbreak;\n\t\t\tcase \"bottom\":\n\t\t\t\tgridPaddingY = g_options.gridpanel_padding_border_bottom;\t\t\t\t\n\t\t\tbreak;\n\t\t}\n\t\t\n\t\tvar gridPanelLeft = getGridPaddingLeft();\n\t\t\n\t\tvar gridElement = g_objGrid.getElement();\t\t\n\t\tg_functions.placeElement(gridElement, gridPanelLeft, gridY, 0 , gridPaddingY);\n\t\t\t\t\n\t}\n\t\n\t\n\t/**\n\t * place elements vertical - with arrows\n\t */\n\tfunction placeElementsVert_arrows(){\n\t\t\n\t\t//place grid\n\t\tvar gridY, prevArrowY, nextArrowY, nextArrowPaddingY;\n\t\tvar objArrowSize = g_functions.getElementSize(g_objArrowPrev);\t\t\n\t\tvar objGridSize = g_objGrid.getSize();\t\t\n\t\t\n\t\t\n\t\tswitch(g_options.gridpanel_grid_align){\n\t\t\tdefault:\n\t\t\tcase \"top\":\n\t\t\t\tgridY = g_options.gridpanel_padding_border_top + objArrowSize.height + g_options.gridpanel_arrows_padding_vert;\n\t\t\tbreak;\n\t\t\tcase \"middle\":\n\t\t\t\tgridY = \"middle\";\n\t\t\tbreak;\n\t\t\tcase \"bottom\":\n\t\t\t\tgridY = g_temp.panelHeight - objGridSize.height - objArrowSize.height - g_options.gridpanel_padding_border_bottom - g_options.gridpanel_arrows_padding_vert;\n\t\t\tbreak;\n\t\t}\n\t\t\n\t\t//place the grid\n\t\tvar gridPanelLeft = getGridPaddingLeft();\n\t\t\n\t\tvar gridElement = g_objGrid.getElement();\t\t\n\t\tg_functions.placeElement(gridElement, gridPanelLeft, gridY);\n\t\t\n\t\tvar objGridSize = g_objGrid.getSize();\t\t\n\t\t\t\t\t\t\n\t\t//place arrows\n\t\tswitch(g_options.gridpanel_arrows_align_vert){\n\t\t\tdefault:\n\t\t\tcase \"center\":\n\t\t\tcase \"middle\":\n\t\t\t\tprevArrowY = (objGridSize.top - objArrowSize.height) / 2;\n\t\t\t\tnextArrowY = objGridSize.bottom + (g_temp.panelHeight - objGridSize.bottom - objArrowSize.height) / 2;\n\t\t\t\tnextArrowPaddingY = 0;\n\t\t\tbreak;\n\t\t\tcase \"grid\":\n\t\t\t\tprevArrowY = objGridSize.top - objArrowSize.height - g_options.gridpanel_arrows_padding_vert_vert\n\t\t\t\tnextArrowY = objGridSize.bottom + g_options.gridpanel_arrows_padding_vert;\n\t\t\t\tnextArrowPaddingY = 0;\n\t\t\tbreak;\n\t\t\tcase \"border\":\n\t\t\tcase \"borders\":\n\t\t\t\tprevArrowY = g_options.gridpanel_padding_border_top;\t\t\t\t\n\t\t\t\tnextArrowY = \"bottom\"; \n\t\t\t\tnextArrowPaddingY = g_options.gridpanel_padding_border_bottom;\n\t\t\tbreak;\n\t\t}\n\t\t\n\t\tg_functions.placeElement(g_objArrowPrev, \"center\", prevArrowY);\n\t\t\t\t\t\t\n\t\tg_functions.placeElement(g_objArrowNext, \"center\", nextArrowY, 0, nextArrowPaddingY);\n\t}\n\t\n\t\n\t/**\n\t * place elements vertical\n\t */\n\tfunction placeElementsVert(){\n\t\t\n\t\tif(g_temp.arrowsVisible == true)\n\t\t\tplaceElementsVert_arrows();\n\t\telse\n\t\t\tplaceElements_noarrows();\n\t}\n\t\n\t\n\t/**\n\t * place elements horizontal with arrows\n\t */\n\tfunction placeElementsHor_arrows(){\n\t\t\n\t\tvar arrowsY, prevArrowPadding, arrowsPaddingY, nextArrowPadding;\n\t\tvar objArrowSize = g_functions.getElementSize(g_objArrowPrev);\t\t\n\t\tvar objGridSize = g_objGrid.getSize();\n\t\t\n\t\t//place grid\n\t\tvar gridY = g_options.gridpanel_padding_border_top;\n\t\t\n\t\tswitch(g_options.gridpanel_grid_align){\n\t\t\tcase \"middle\":\n\t\t\t\t\n\t\t\t\tswitch(g_options.gridpanel_arrows_align_vert){\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tvar elementsHeight = objGridSize.height + g_options.gridpanel_arrows_padding_vert + objArrowSize.height;\n\t\t\t\t\t\tgridY = (g_temp.panelHeight - elementsHeight) / 2;\n\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"border\":\n\t\t\t\t\tcase \"borders\":\n\t\t\t\t\t\tvar remainHeight = g_temp.panelHeight - objArrowSize.height - g_options.gridpanel_padding_border_bottom;\n\t\t\t\t\t\tgridY = (remainHeight - objGridSize.height) / 2;\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t\t\t\t\t\t\n\t\t\tbreak;\n\t\t\tcase \"bottom\":\n\t\t\t\tvar elementsHeight = objGridSize.height + objArrowSize.height + g_options.gridpanel_arrows_padding_vert;\n\t\t\t\tgridY = g_temp.panelHeight - elementsHeight - g_options.gridpanel_padding_border_bottom;\n\t\t\tbreak;\n\t\t}\n\t\t\t\t\n\t\tvar gridElement = g_objGrid.getElement();\t\t\n\t\tvar gridPanelLeft = getGridPaddingLeft();\n\t\t\n\t\tg_functions.placeElement(gridElement, gridPanelLeft, gridY);\n\t\t\n\t\tvar objGridSize = g_objGrid.getSize();\n\t\t\n\t\tswitch(g_options.gridpanel_arrows_align_vert){\n\t\t\tdefault:\n\t\t\tcase \"center\":\n\t\t\tcase \"middle\":\n\t\t\t\tarrowsY = objGridSize.bottom + (g_temp.panelHeight - objGridSize.bottom - objArrowSize.height) / 2;\n\t\t\t\tarrowsPaddingY = 0;\t\t\t\t\t\t\t\t\n\t\t\tbreak;\n\t\t\tcase \"grid\":\n\t\t\t\tarrowsY = objGridSize.bottom + g_options.gridpanel_arrows_padding_vert;\n\t\t\t\tarrowsPaddingY = 0;\n\t\t\tbreak;\n\t\t\tcase \"border\":\n\t\t\tcase \"borders\":\n\t\t\t\tarrowsY = \"bottom\";\n\t\t\t\tarrowsPaddingY = g_options.gridpanel_padding_border_bottom;\n\t\t\tbreak;\n\t\t}\n\t\t\n\t\tprevArrowPadding = -objArrowSize.width/2 - g_options.gridpanel_space_between_arrows / 2;\n\t\t\t\t\n\t\tg_functions.placeElement(g_objArrowPrev, \"center\", arrowsY, prevArrowPadding, arrowsPaddingY);\n\t\t\t\t\t\t\n\t\t//place next arrow\n\t\tvar nextArrowPadding = Math.abs(prevArrowPadding);\t\t//make positive\n\t\t\t\t\n\t\tg_functions.placeElement(g_objArrowNext, \"center\", arrowsY, nextArrowPadding, arrowsPaddingY);\n\t\t\t\t\t\n\t}\n\t\n\t\n\t/**\n\t * place elements horizonatal\n\t */\n\tfunction placeElementsHor(){\n\t\t\n\t\tif(g_temp.arrowsVisible == true)\n\t\t\tplaceElementsHor_arrows();\n\t\telse\n\t\t\tplaceElements_noarrows();\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * place elements horizontal type with arrows\n\t */\n\tfunction placeElementsHorType_arrows(){\n\t\t\n\t\t//place grid\n\t\tvar gridX, prevArrowX, nextArrowX, arrowsY;\n\t\tvar objArrowSize = g_functions.getElementSize(g_objArrowPrev);\t\t\n\t\tvar objGridSize = g_objGrid.getSize();\n\t\t\n\t\tswitch(g_options.gridpanel_grid_align){\n\t\t\tdefault:\n\t\t\tcase \"left\":\n\t\t\t\tgridX = g_options.gridpanel_padding_border_left + g_options.gridpanel_arrows_padding_hor + objArrowSize.width;\n\t\t\tbreak;\n\t\t\tcase \"middle\":\n\t\t\tcase \"center\":\n\t\t\t\tgridX = \"center\";\n\t\t\tbreak;\n\t\t\tcase \"right\":\n\t\t\t\tgridX = g_temp.panelWidth - objGridSize.width - objArrowSize.width - g_options.gridpanel_padding_border_right - g_options.gridpanel_arrows_padding_hor;\n\t\t\tbreak;\n\t\t}\n\t\t\n\t\t//place the grid\t\t\n\t\tvar gridElement = g_objGrid.getElement();\n\t\tg_functions.placeElement(gridElement, gridX, g_options.gridpanel_padding_border_top);\n\t\tobjGridSize = g_objGrid.getSize();\n\t\t\n\t\t//place arrows, count Y\n\t\tswitch(g_options.gridpanel_arrows_align_vert){\n\t\t\tdefault:\n\t\t\tcase \"center\":\n\t\t\tcase \"middle\":\n\t\t\t\tarrowsY = (objGridSize.height - objArrowSize.height) / 2 + objGridSize.top;\n\t\t\tbreak;\n\t\t\tcase \"top\":\n\t\t\t\tarrowsY = g_options.gridpanel_padding_border_top + g_options.gridpanel_arrows_padding_vert;\n\t\t\tbreak;\n\t\t\tcase \"bottom\":\n\t\t\t\tarrowsY = g_temp.panelHeight - g_options.gridpanel_padding_border_bottom - g_options.gridpanel_arrows_padding_vert - objArrowSize.height;\n\t\t\tbreak;\n\t\t}\n\t\t\t\t\n\t\t//get arrows X\n\t\tswitch(g_options.gridpanel_arrows_align_hor){\n\t\t\tdefault:\n\t\t\tcase \"borders\":\n\t\t\t\tprevArrowX = g_options.gridpanel_padding_border_left;\n\t\t\t\tnextArrowX = g_temp.panelWidth - g_options.gridpanel_padding_border_right - objArrowSize.width;\n\t\t\tbreak;\n\t\t\tcase \"grid\":\n\t\t\t\tprevArrowX = objGridSize.left - g_options.gridpanel_arrows_padding_hor - objArrowSize.width;\n\t\t\t\tnextArrowX = objGridSize.right + g_options.gridpanel_arrows_padding_hor;\n\t\t\tbreak;\n\t\t\tcase \"center\":\n\t\t\t\tprevArrowX = (objGridSize.left - objArrowSize.width) / 2;\n\t\t\t\tnextArrowX = objGridSize.right + (g_temp.panelWidth - objGridSize.right - objArrowSize.width) / 2;\n\t\t\tbreak;\n\t\t}\n\t\t\n\t\tg_functions.placeElement(g_objArrowPrev, prevArrowX, arrowsY);\t\t\n\t\tg_functions.placeElement(g_objArrowNext, nextArrowX, arrowsY);\n\t}\n\t\n\t\n\t/**\n\t * place elements horizontal type without arrows\n\t */\n\tfunction placeElementHorType_noarrows(){\n\t\t\n\t\tvar gridX;\n\t\tvar objGridSize = g_objGrid.getSize();\n\t\t\n\t\tswitch(g_options.gridpanel_grid_align){\n\t\t\tdefault:\n\t\t\tcase \"left\":\n\t\t\t\tgridX = g_options.gridpanel_padding_border_left;\n\t\t\tbreak;\n\t\t\tcase \"middle\":\n\t\t\tcase \"center\":\n\t\t\t\tgridX = \"center\";\n\t\t\tbreak;\n\t\t\tcase \"right\":\n\t\t\t\tgridX = g_temp.panelWidth - objGridSize.width - g_options.gridpanel_padding_border_right;\n\t\t\tbreak;\n\t\t}\n\t\t\n\t\t//place the grid\t\t\n\t\tvar gridElement = g_objGrid.getElement();\n\t\tg_functions.placeElement(gridElement, gridX, g_options.gridpanel_padding_border_top);\n\t}\n\t\n\t\n\t/**\n\t * place elements when the grid in horizontal position\n\t */\n\tfunction placeElementsHorType(){\n\t\t\n\t\tif(g_temp.arrowsVisible == true)\n\t\t\tplaceElementsHorType_arrows();\n\t\telse\n\t\t\tplaceElementHorType_noarrows();\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * place the arrows\n\t */\n\tfunction placeElements(){\n\t\t\n\t\tif(g_temp.isHorType == false){\n\t\t\t\n\t\t\tif(g_options.gridpanel_vertical_scroll == true)\n\t\t\t\tplaceElementsVert();\n\t\t\telse\n\t\t\t\tplaceElementsHor();\n\t\t\t\n\t\t}else{\n\t\t\tplaceElementsHorType();\n\t\t}\n\t\t\n\t\tg_panelBase.placeElements();\n\t}\n\t\n\t\n\t/**\n\t * get panel orientation\n\t */\n\tthis.getOrientation = function(){\n\t\t\n\t\treturn(g_temp.orientation);\n\t}\n\t\n\t\n\t/**\n\t * set panel orientation (left, right, top, bottom)\n\t */\n\tthis.setOrientation = function(orientation){\n\t\t\n\t\tg_temp.orientation = orientation;\n\t\t\n\t\t//set isHorType temp variable for ease of use\n\t\tswitch(orientation){\n\t\t\tcase \"right\":\n\t\t\tcase \"left\":\n\t\t\t\tg_temp.isHorType = false;\n\t\t\tbreak;\n\t\t\tcase \"top\":\n\t\t\tcase \"bottom\":\n\t\t\t\tg_temp.isHorType = true;\n\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tthrow new Error(\"Wrong grid panel orientation: \" + orientation);\n\t\t\tbreak;\n\t\t}\n\t\t\n\t}\n\t\n\t/**\n\t * set panel height\n\t */\n\tthis.setHeight = function(height){\n\t\t\n\t\tif(g_temp.isHorType == true)\n\t\t\tthrow new Error(\"setHeight is not appliable to this orientatio (\"+g_temp.orientation+\"). Please use setWidth\");\t\t\n\t\t\n\t\tg_temp.panelHeight = height;\n\t\tvar gridMaxHeight = getGridMaxHeight();\n\t\t\n\t\tg_objGrid.setMaxHeight(gridMaxHeight);\n\t}\n\t\n\t\n\t/**\n\t * set panel width\n\t */\n\tthis.setWidth = function(width){\n\n\t\tif(g_temp.isHorType == false)\n\t\t\tthrow new Error(\"setWidth is not appliable to this orientatio (\"+g_temp.orientation+\"). Please use setHeight\");\t\t\n\t\t\n\t\tg_temp.panelWidth = width;\n\t\t\n\t\tvar gridMaxWidth = getGridMaxWidth();\n\t\t\t\t\n\t\tg_objGrid.setMaxWidth(gridMaxWidth);\n\t}\n\t\n\t\n\t/**\n\t * init the panel\n\t */\n\tthis.init = function(gallery, customOptions){\n\t\t\n\t\tinitGridPanel(gallery, customOptions);\n\t}\n\t\n\t/**\n\t * place panel html\n\t */\n\tthis.setHtml = function(){\n\t\tsetHtmlPanel();\n\t}\n\t\n\t\n\t/**\n\t * run the panel\n\t */\n\tthis.run = function(){\n\t\t\n\t\trunPanel();\n\t}\n\t\n\t\n\t/**\n\t * get the panel element\n\t */\n\tthis.getElement = function(){\n\t\treturn(g_objPanel);\n\t}\n\t\n\t\n\t/**\n\t * get panel size object\n\t */\n\tthis.getSize = function(){\n\t\t\n\t\tvar objSize = g_functions.getElementSize(g_objPanel);\n\t\t\n\t\treturn(objSize);\n\t}\n\t\n\tthis.__________Functions_From_Base_____ = function() {}\n\t\n\t/**\n\t * tells if the panel is closed\n\t */\n\tthis.isPanelClosed = function() {\t\t\n\t\treturn (g_panelBase.isPanelClosed());\n\t}\n\n\t/**\n\t * get closed panel destanation\n\t */\n\tthis.getClosedPanelDest = function() {\n\t\treturn g_panelBase.getClosedPanelDest();\n\t}\t\n\t\t\n\t/**\n\t * open the panel\n\t */\t\n\tthis.openPanel = function(noAnimation) {\n\t\tg_panelBase.openPanel(noAnimation);\n\t}\n\t\n\t\n\t/**\n\t * close the panel (slide in)\n\t */\n\tthis.closePanel = function(noAnimation) {\n\t\tg_panelBase.closePanel(noAnimation);\t\t\n\t}\t\n\t\n\t/**\n\t * set the panel opened state\n\t */\n\tthis.setOpenedState = function(originalPos) {\n\t\tg_panelBase.setOpenedState(originalPos);\n\t}\n\n\t/**\n\t * set the panel that it's in closed state, and set original pos for opening later\n\t */\n\tthis.setClosedState = function(originalPos) {\n\t\tg_panelBase.setClosedState(originalPos);\t\n\t}\n\t\n\t\n\t/**\n\t * set panel disabled at start\n\t */\n\tthis.setDisabledAtStart = function(timeout){\n\t\t\n\t\tg_panelBase.setDisabledAtStart(timeout);\n\t\t\n\t}\n\t\n\t\n}\n\n/**\n * thumbs class\n * addon to strip gallery\n */\nfunction UGThumbsGrid(){\n\n\tvar t = this, g_objThis = jQuery(this);\n\tvar g_gallery = new UniteGalleryMain(), g_objGallery, g_objects, g_objWrapper;\n\tvar g_functions = new UGFunctions(), g_arrItems, g_objGrid, g_objInner;\n\tvar g_thumbs = new UGThumbsGeneral(), g_tilesDesign = new UGTileDesign();\n\t\n\tvar g_options = {\n\t\tgrid_panes_direction: \"left\",\t\t\t\t//where panes will move -> left, bottom\n\t\tgrid_num_cols: 2,\t\t\t\t\t\t\t//number of grid columns\n\t\tgrid_min_cols: 2,\t\t\t\t\t\t\t//minimum number of columns (for horizontal type) - the tile size is dynamic \n\t\tgrid_num_rows: 2,\t\t\t\t\t\t\t//number of grid rows (for horizontal type)\n\t\tgrid_space_between_cols: 10,\t\t\t\t//space between columns\n\t\tgrid_space_between_rows: 10,\t\t\t\t//space between rows\n\t\tgrid_space_between_mobile: 10,\t\t\t\t//space between rows and cols mobile\n\t\tgrid_transition_duration: 300,\t\t\t\t//transition of the panes change duration \n\t\tgrid_transition_easing: \"easeInOutQuad\",\t//transition of the panes change easing function\n\t\tgrid_carousel: false,\t\t\t\t\t\t//next pane goes to first when last\n\t\tgrid_padding: 0,\t\t\t\t\t\t\t//set padding to the grid\n\t\tgrid_vertical_scroll_ondrag: false\t\t\t//scroll the gallery on vertical drag\n\t};\n\t\n\tthis.events = {\n\t\tPANE_CHANGE: \"pane_change\"\n\t};\n\t\n\tvar g_temp = {\n\t\t\teventSizeChange: \"thumb_size_change\",\n\t\t\tisHorizontal: false,\n\t\t\tisMaxHeight:false,\t\t//set if the height that set is max height. In that case need a height correction\n\t\t\tisMaxWidth:false,\t\t//set if the height that set is max height. In that case need a height correction\n\t\t\tgridHeight: 0,\n\t\t\tgridWidth: 0,\n\t\t\tinnerWidth: 0,\n\t\t\tinnerHeight:0,\n\t\t\tnumPanes:0,\n\t\t\tarrPanes:0,\n\t\t\tnumThumbs:0,\n\t\t\tcurrentPane:0,\n\t\t\tnumThumbsInPane:0,\n\t\t\tisNavigationVertical:false,\n\t\t\ttouchActive: false,\n\t\t\tstartScrollPos:0,\n\t\t\tisFirstTimeRun:true,\n\t\t\tisTilesMode: false,\n\t\t\tstoredEventID: \"thumbsgrid\",\n\t\t\ttileMaxWidth:null,\n\t\t\ttileMaxHeight:null,\n\t\t\tspaceBetweenCols: null,\n\t\t\tspaceBetweenRows: null\n\t\t};\n\t\n\t\n\tfunction __________GENERAL_________(){};\n\t\n\t/**\n\t * init the gallery\n\t */\n\tfunction init(gallery, customOptions, isTilesMode){\n\t\t\t\t\n\t\tg_objects = gallery.getObjects();\n\t\tg_gallery = gallery;\n\t\t\n\t\tg_gallery.attachThumbsPanel(\"grid\", t);\n\t\t\n\t\tg_objGallery = jQuery(gallery);\n\t\tg_objWrapper = g_objects.g_objWrapper;\n\t\tg_arrItems = g_objects.g_arrItems;\n\t\t\n\t\tif(isTilesMode === true)\n\t\t\tg_temp.isTilesMode = true;\n\t\t\n\t\tg_temp.numThumbs = g_arrItems.length;\n\t\t\n\t\tsetOptions(customOptions);\n\t\t\n\t\tif(g_temp.isTilesMode == true){\n\t\t\t\n\t\t\tg_tilesDesign.setFixedMode();\n\t\t\tg_tilesDesign.setApproveClickFunction(isApproveTileClick);\n\t\t\tg_tilesDesign.init(gallery, g_options);\n\t\t\t\n\t\t\tvar options_td = g_tilesDesign.getOptions();\n\t\t\tg_temp.tileMaxHeight = options_td.tile_height;\n\t\t\tg_temp.tileMaxWidth = options_td.tile_width;\n\t\t\t\n\t\t\tg_thumbs = g_tilesDesign.getObjThumbs();\n\t\t}else{\n\t\t\t\n\t\t\t//disable the dynamic size in thumbs\n\t\t\tcustomOptions.thumb_fixed_size = true;\n\t\t\t\n\t\t\tg_thumbs.init(gallery, customOptions);\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * set the grid panel html\n\t */\n\tfunction setHtml(parentContainer){\n\t\t\n\t\tvar objParent = g_objWrapper;\n\t\t\n\t\tif(parentContainer)\n\t\t\tobjParent = parentContainer;\n\t\t\n\t\tobjParent.append(\"
\");\t\t \n\t\tg_objGrid = objParent.children(\".ug-thumbs-grid\");\n\t\tg_objInner = g_objGrid.children(\".ug-thumbs-grid-inner\");\t\t\n\t\t\n\t\t//put the thumbs to inner strip\n\t\t\n\t\tif(g_temp.isTilesMode == true)\n\t\t\tg_tilesDesign.setHtml(g_objInner);\n\t\telse\n\t\t\tg_thumbs.setHtmlThumbs(g_objInner);\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * validate before running the grid\n\t */\n\tfunction validateBeforeRun(){\n\t\t\n\t\tif(g_temp.isHorizontal == false){\t//vertical type\t\t\t\n\t\t\tif(g_temp.gridHeight == 0)\n\t\t\t\tthrow new Error(\"You must set height before run.\");\t\t\n\t\t}else{\n\t\t\tif(g_temp.gridWidth == 0)\n\t\t\t\tthrow new Error(\"You must set width before run.\");\t\t\t\t\t\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * run the gallery after init and set html\n\t */\n\tfunction run(){\n\t\t\n\t\tvar selectedItem = g_gallery.getSelectedItem();\n\t\t\n\t\tvalidateBeforeRun();\n\t\t\n\t\tif(g_temp.isFirstTimeRun == true){\n\t\t\t\n\t\t\tinitEvents();\n\t\t\t\t\t\t\n\t\t\tif(g_temp.isTilesMode == true){\n\t\t\t\t\n\t\t\t\tinitGridDynamicSize();\n\t\t\t\tinitSizeParams();\t\t\t\t\t\n\t\t\t\tg_tilesDesign.run();\n\t\t\t\t\n\t\t\t}else{\n\t\t\t\tg_thumbs.setHtmlProperties();\n\t\t\t\tinitSizeParams();\t\t\t\n\t\t\t\tg_thumbs.loadThumbsImages();\n\t\t\t}\n\t\t\t\n\t\t}else{\n\t\t\t\n\t\t\tif(g_temp.isTilesMode == true){\n\t\t\t\t\n\t\t\t\t//check if dynamic size changed. If do, run the thumbs again\n\t\t\t\tvar isChanged = initGridDynamicSize();\n\t\t\t\t\n\t\t\t\tif(isChanged == true){\n\t\t\t\t\tinitSizeParams();\t\t\t\t\t\n\t\t\t\t\tg_tilesDesign.run();\n\t\t\t\t}\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\t\t\n\t\tpositionThumbs();\n\t\t\n\t\tif(g_temp.isFirstTimeRun == true && g_temp.isTilesMode){\n\t\t\t\n\t\t\tvar objTiles = g_thumbs.getThumbs();\n\t\t\t\n\t\t\t//fire size change event\n\t\t\tobjTiles.each(function(index, tile){\n\t\t\t\t\n\t\t\t\tg_objWrapper.trigger(g_temp.eventSizeChange, jQuery(tile));\n\t\t\t});\n\t\t\t\n\t\t\tobjTiles.fadeTo(0,1);\n\t\t}\n\t\t\t\n\t\tif(selectedItem != null)\n\t\t\tscrollToThumb(selectedItem.index);\n\t\t\n\t\t//trigger pane change event on the start\n\t\tg_objThis.trigger(t.events.PANE_CHANGE, g_temp.currentPane);\n\t\t\n\t\tg_temp.isFirstTimeRun = false;\n\t}\n\t\n\t/**\n\t * get thumb size object\n\t */\n\tfunction getThumbsSize(){\n\t\tif(g_temp.isTilesMode == true)\n\t\t\tvar objThumbSize = g_tilesDesign.getGlobalTileSize();\n\t\telse\n\t\t\tvar objThumbSize = g_thumbs.getGlobalThumbSize();\n\t\t\n\t\treturn(objThumbSize);\n\t}\n\t\n\t\n\t/**\n\t * init grid dynamic size (tiles mode)\n\t */\n\tfunction initGridDynamicSize(){\n\t\t\n\t\tif(g_temp.isTilesMode == false)\n\t\t\tthrow new Error(\"Dynamic size can be set only in tiles mode\");\n\t\t\n\t\tvar isChanged = false;\n\t\tvar isMobile = g_gallery.isMobileMode();\n\t\t\n\t\t//--- set space between cols and rows\n\t\t\n\t\tvar spaceOld = g_temp.spaceBetweenCols;\n\t\t\n\t\tif(isMobile == true){\n\t\t\tg_temp.spaceBetweenCols = g_options.grid_space_between_mobile;\n\t\t\tg_temp.spaceBetweenRows = g_options.grid_space_between_mobile;\n\t\t}else{\n\t\t\tg_temp.spaceBetweenCols = g_options.grid_space_between_cols;\n\t\t\tg_temp.spaceBetweenRows = g_options.grid_space_between_rows;\n\t\t}\n\t\t\n\t\tif(g_temp.spaceBetweenCols != spaceOld)\n\t\t\tisChanged = true;\n\t\t\n\t\t//set tile size\n\t\t\n\t\tvar lastThumbSize = getThumbsSize();\n\t\tvar lastThumbWidth = lastThumbSize.width;\n\t\t\n\t\tvar tileWidth = g_temp.tileMaxWidth;\n\t\tvar numCols = g_functions.getNumItemsInSpace(g_temp.gridWidth, g_temp.tileMaxWidth, g_temp.spaceBetweenCols);\n\t\t\n\t\tif(numCols < g_options.grid_min_cols){\n\t\t\ttileWidth = g_functions.getItemSizeInSpace(g_temp.gridWidth, g_options.grid_min_cols, g_temp.spaceBetweenCols);\n\t\t}\n\t\t\n\t\tg_tilesDesign.setTileSizeOptions(tileWidth);\n\t\t\n\t\tif(tileWidth != lastThumbWidth)\n\t\t\tisChanged = true;\n\t\t\n\t\t\n\t\treturn(isChanged);\n\t}\n\t\n\t\n\t/**\n\t * init grid size horizontal\n\t * get height param\n\t */\n\tfunction initSizeParamsHor(){\n\t\t\t\t\n\t\tvar objThumbSize = getThumbsSize();\n\t\t\n\t\tvar thumbsHeight = objThumbSize.height;\n\t\t\n\t\t//set grid size\n\t\tvar gridWidth = g_temp.gridWidth;\n\t\tvar gridHeight = g_options.grid_num_rows * thumbsHeight + (g_options.grid_num_rows-1) * g_temp.spaceBetweenRows + g_options.grid_padding*2;\n\t\t\n\t\tg_temp.gridHeight = gridHeight;\n\t\t\n\t\tg_functions.setElementSize(g_objGrid, gridWidth, gridHeight);\n\t\n\t\t//set inner size (as grid size, will be corrected after placing thumbs\n\t\tg_functions.setElementSize(g_objInner, gridWidth, gridHeight);\n\t\t\n\t\t//set initial inner size params\n\t\tg_temp.innerWidth = gridWidth;\n\t\tg_temp.innerHeight = gridHeight;\n\t}\n\t\n\t\n\t/**\n\t * init size params vertical\n\t */\n\tfunction initSizeParamsVert(){\n\n\t\tvar objThumbSize = getThumbsSize();\n\t\t\n\t\tvar thumbsWidth = objThumbSize.width;\n\t\t\n\t\t//set grid size\n\t\tvar gridWidth = g_options.grid_num_cols * thumbsWidth + (g_options.grid_num_cols-1) * g_temp.spaceBetweenCols + g_options.grid_padding*2;\n\t\tvar gridHeight = g_temp.gridHeight;\n\t\t\n\t\tg_temp.gridWidth = gridWidth;\n\t\t\n\t\tg_functions.setElementSize(g_objGrid, gridWidth, gridHeight);\n\t\n\t\t//set inner size (as grid size, will be corrected after placing thumbs\n\t\tg_functions.setElementSize(g_objInner, gridWidth, gridHeight);\n\t\t\n\t\t//set initial inner size params\n\t\tg_temp.innerWidth = gridWidth;\n\t\tg_temp.innerHeight = gridHeight;\n\t\t\n\t}\n\t\n\t/**\n\t * init grid size\n\t */\n\tfunction initSizeParams(){\n\t\t\n\t\tif(g_temp.isHorizontal == false)\n\t\t\tinitSizeParamsVert();\n\t\telse\n\t\t\tinitSizeParamsHor();\n\t\t\n\t}\n\n\t\n\n\t/**\n\t * goto pane by index\n\t */\n\tfunction scrollToThumb(thumbIndex){\n\t\t\n\t\tvar paneIndex = getPaneIndexByThumbIndex(thumbIndex);\n\t\tif(paneIndex == -1)\n\t\t\treturn(false);\n\t\t\t\t\n\t\tt.gotoPane(paneIndex, \"scroll\");\n\t\t\t\t\n\t}\n\t\n\t\n\t/**\n\t * set the options of the strip\n\t */\n\tfunction setOptions(objOptions){\n\t\t\n\t\tg_options = jQuery.extend(g_options, objOptions);\n\t\t\n\t\tg_thumbs.setOptions(objOptions);\n\t\t\n\t\t//set vertical or horizon\n\t\tg_temp.isNavigationVertical = (g_options.grid_panes_direction == \"top\" || g_options.grid_panes_direction == \"bottom\")\n\t\t\n\t\tg_temp.spaceBetweenCols = g_options.grid_space_between_cols;\n\t\tg_temp.spaceBetweenRows = g_options.grid_space_between_rows;\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * position the thumbs and init panes horizontally\n\t */\n\tfunction positionThumb_hor(){\n\t\t\t\t\n\t\tvar arrThumbs = g_objInner.children(\".ug-thumb-wrapper\");\n\t\t\n\t\tvar posx = 0;\n\t\tvar posy = 0;\n\t\tvar counter = 0;\n\t\tvar baseX = 0;\n\t\tvar maxx = 0, maxy = 0;\n\t\tg_temp.innerWidth = 0;\n\t\tg_temp.numPanes = 1;\n\t\tg_temp.arrPanes = [];\n\t\tg_temp.numThumbsInPane = 0;\n\t\t\n\t\t//set first pane position\n\t\tg_temp.arrPanes.push(baseX);\t\n\t\t\n\t\tvar numThumbs = arrThumbs.length;\n\t\t\t\n\t\tfor(i=0;i < numThumbs; i++){\n\t\t\tvar objThumb = jQuery(arrThumbs[i]);\n\t\t\tg_functions.placeElement(objThumb, posx, posy);\n\t\t\t\n\t\t\tvar thumbWidth = objThumb.outerWidth();\n\t\t\tvar thumbHeight = objThumb.outerHeight();\n\t\t\t\n\t\t\t//count maxx\n\t\t\tif(posx > maxx)\n\t\t\t\tmaxx = posx;\n\t\t\t\n\t\t\t//count maxy\n\t\t\tvar endY = posy + thumbHeight;\n\t\t\tif(endY > maxy)\n\t\t\t\tmaxy = endY;\n\t\t\t\n\t\t\t//count maxx end\n\t\t\tvar endX = maxx + thumbWidth;\n\t\t\tif(endX > g_temp.innerWidth)\n\t\t\t\tg_temp.innerWidth = endX;\n\t\t\t\t\t\t\n\t\t\tposx += thumbWidth + g_temp.spaceBetweenCols;\n\t\t\t\n\t\t\t//next row\n\t\t\tcounter++;\n\t\t\tif(counter >= g_options.grid_num_cols){\n\t\t\t\tposy += thumbHeight + g_temp.spaceBetweenRows;\n\t\t\t\tposx = baseX;\n\t\t\t\tcounter = 0;\n\t\t\t}\n\t\t\t\n\t\t\t//count number thumbs in pane\n\t\t\tif(g_temp.numPanes == 1)\n\t\t\t\tg_temp.numThumbsInPane++;\n\t\t\t\n\t\t\t//prepare next pane\n\t\t\tif((posy + thumbHeight) > g_temp.gridHeight){\n\t\t\t\tposy = 0;\n\t\t\t\tbaseX = g_temp.innerWidth + g_temp.spaceBetweenCols;\n\t\t\t\tposx = baseX;\n\t\t\t\tcounter = 0;\n\t\t\t\t\t\t\t\t\n\t\t\t\t//correct max height size (do it once only)\n\t\t\t\tif(g_temp.isMaxHeight == true && g_temp.numPanes == 1){\n\t\t\t\t\tg_temp.gridHeight = maxy;\n\t\t\t\t\tg_objGrid.height(g_temp.gridHeight);\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t//save next pane props (if exists)\n\t\t\t\tif(i < (numThumbs - 1)){\n\t\t\t\t\tg_temp.numPanes++;\n\t\t\t\t\t\n\t\t\t\t\t//set next pane position\n\t\t\t\t\tg_temp.arrPanes.push(baseX);\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t\n\t\t\n\t\t//set inner strip width and height\n\t\tg_objInner.width(g_temp.innerWidth);\n\t\t\n\t\t//set grid height\n\t\tif(g_temp.isMaxHeight == true && g_temp.numPanes == 1){\n\t\t\tg_temp.gridHeight = maxy;\n\t\t\tg_objGrid.height(maxy);\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * position the thumbs and init panes vertically\n\t */\n\tfunction positionThumb_vert(){\n\t\tvar arrThumbs = g_objInner.children(\".ug-thumb-wrapper\");\n\t\t\n\t\tvar posx = 0;\n\t\tvar posy = 0;\n\t\tvar maxy = 0;\n\t\tvar counter = 0;\n\t\tvar baseX = 0;\n\t\tvar paneStartY = 0;\n\t\t\n\t\tg_temp.innerWidth = 0;\n\t\tg_temp.numPanes = 1;\n\t\tg_temp.arrPanes = [];\n\t\tg_temp.numThumbsInPane = 0;\n\t\t\n\t\t//set first pane position\n\t\tg_temp.arrPanes.push(baseX);\n\t\t\n\t\tvar numThumbs = arrThumbs.length;\n\t\t\t\n\t\tfor(i=0;i < numThumbs; i++){\n\t\t\tvar objThumb = jQuery(arrThumbs[i]);\n\t\t\tg_functions.placeElement(objThumb, posx, posy);\n\t\t\t\n\t\t\tvar thumbWidth = objThumb.outerWidth();\n\t\t\tvar thumbHeight = objThumb.outerHeight();\n\t\t\t\t\t\t\t\t\t\n\t\t\tposx += thumbWidth + g_temp.spaceBetweenCols;\n\t\t\t\n\t\t\tvar endy = (posy + thumbHeight);\n\t\t\tif(endy > maxy)\n\t\t\t\tmaxy = endy;\n\t\t\t\n\t\t\t//next row\n\t\t\tcounter++;\n\t\t\tif(counter >= g_options.grid_num_cols){\n\t\t\t\tposy += thumbHeight + g_temp.spaceBetweenRows;\n\t\t\t\tposx = baseX;\n\t\t\t\tcounter = 0;\n\t\t\t}\n\t\t\t\n\t\t\t//count number thumbs in pane\n\t\t\tif(g_temp.numPanes == 1)\n\t\t\t\tg_temp.numThumbsInPane++;\n\t\t\t\t\t\t\n\t\t\t//prepare next pane\n\t\t\tendy = (posy + thumbHeight);\n\t\t\tvar paneMaxY = paneStartY + g_temp.gridHeight;\n\t\t\t\n\t\t\t//advance next pane\n\t\t\tif(endy > paneMaxY){\n\t\t\t\t\n\t\t\t\t//correct max height size (do it once only)\n\t\t\t\tif(g_temp.isMaxHeight == true && g_temp.numPanes == 1){\n\t\t\t\t\tg_temp.gridHeight = maxy;\n\t\t\t\t\tg_objGrid.height(g_temp.gridHeight);\n\t\t\t\t\tpaneMaxY = g_temp.gridHeight;\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\tposy = paneMaxY + g_temp.spaceBetweenRows;\t\t\t\t\t\n\t\t\t\tpaneStartY = posy;\n\t\t\t\tbaseX = 0;\n\t\t\t\tposx = baseX;\n\t\t\t\tcounter = 0;\n\t\t\t\t\n\t\t\t\t//save next pane props (if exists)\n\t\t\t\tif(i < (numThumbs - 1)){\n\t\t\t\t\tg_temp.numPanes++;\n\t\t\t\t\t\n\t\t\t\t\t//set next pane position\n\t\t\t\t\tg_temp.arrPanes.push(posy);\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t}\n\t\t\t}\n\t\t\t\n\t\t}//for\n\t\t\t\t\n\t\t//set inner height \n\t\tg_objInner.height(maxy);\n\t\tg_temp.innerHeight = maxy;\n\t\t\n\t\t//set grid height\n\t\tif(g_temp.isMaxHeight == true && g_temp.numPanes == 1){\n\t\t\tg_temp.gridHeight = maxy;\n\t\t\tg_objGrid.height(maxy);\n\t\t}\n\t\t\n\t}\n\n\t\n\t/**\n\t * position the thumbs horizontal type\n\t */\t\n\tfunction positionThumb_hortype(){\n\t\t\t\t\n\t\tvar arrThumbs = g_objInner.children(\".ug-thumb-wrapper\");\n\t\t\n\t\tvar baseX = g_options.grid_padding;\n\t\tvar baseY = g_options.grid_padding;\n\t\tvar posy = baseY;\n\t\tvar posx = baseX;\n\t\tvar maxx = 0, maxy = 0, paneMaxY = 0, gridMaxY = 0;\n\t\tvar rowsCounter = 0;\n\t\t\n\t\tg_temp.innerWidth = 0;\n\t\tg_temp.numPanes = 1;\n\t\tg_temp.arrPanes = [];\n\t\tg_temp.numThumbsInPane = 0;\n\t\t\n\t\t//set first pane position\n\t\tg_temp.arrPanes.push(baseX-g_options.grid_padding);\t\n\t\t\n\t\tvar numThumbs = arrThumbs.length;\n\t\t\t\t\n\t\tfor(i=0;i < numThumbs; i++){\n\t\t\tvar objThumb = jQuery(arrThumbs[i]);\n\t\t\t\n\t\t\tvar thumbWidth = objThumb.outerWidth();\n\t\t\tvar thumbHeight = objThumb.outerHeight();\n\t\t\t\n\t\t\t//check end of the size, start a new row\n\t\t\tif((posx - baseX + thumbWidth) > g_temp.gridWidth){\n\t\t\t\trowsCounter++;\n\t\t\t\tposy = 0;\n\t\t\t\t\n\t\t\t\tif(rowsCounter >= g_options.grid_num_rows){\n\t\t\t\t\t\n\t\t\t\t\t//change to a new pane\t\t\t\t\t\n\t\t\t\t\trowsCounter = 0;\n\t\t\t\t\tbaseX = posx;\n\t\t\t\t\tposy = baseY;\n\t\t\t\t\tpaneMaxY = 0;\n\t\t\t\t\t\n\t\t\t\t\t//change grid width to max width\n\t\t\t\t\tif(g_temp.numPanes == 1){\n\t\t\t\t\t\tg_temp.gridWidth = maxx+g_options.grid_padding;\n\t\t\t\t\t\tg_objGrid.width(g_temp.gridWidth);\n\t\t\t\t\t\t\n\t\t\t\t\t\tg_temp.gridHeight = gridMaxY + g_options.grid_padding;\n\t\t\t\t\t\tg_objGrid.height(g_temp.gridHeight);\n\t\t\t\t\t\t\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\tg_temp.numPanes++;\n\t\t\t\t\tg_temp.arrPanes.push(baseX-g_options.grid_padding);\n\t\t\t\t\t\n\t\t\t\t}else{\t\t\t//start new line in existing pane\n\t\t\t\t\tposx = baseX;\n\t\t\t\t\tposy = paneMaxY + g_temp.spaceBetweenRows;\n\t\t\t\t}\n\t\t\t}\n\t\t\t\n\t\t\t//place the thumb\n\t\t\tg_functions.placeElement(objThumb, posx, posy);\n\t\t\t\n\t\t\t//count maxx\n\t\t\tvar endX = posx + thumbWidth;\n\t\t\tif(endX > maxx)\n\t\t\t\tmaxx = endX;\n\t\t\t\n\t\t\t//count maxy\n\t\t\tvar endY = posy + thumbHeight;\n\t\t\t\n\t\t\tif(endY > paneMaxY)\t\t//pane height\n\t\t\t\tpaneMaxY = endY;\n\t\t\t\n\t\t\tif(endY > gridMaxY)\t\t//total height\n\t\t\t\tgridMaxY = endY;\n\t\t\t\n\t\t\tif(endY > maxy)\n\t\t\t\tmaxy = endY;\n\t\t\t\n\t\t\t//count maxx end\n\t\t\tvar endX = maxx + thumbWidth;\n\t\t\tif(endX > g_temp.innerWidth)\n\t\t\t\tg_temp.innerWidth = endX;\n\t\t\t\t\t\t\n\t\t\tposx += thumbWidth + g_temp.spaceBetweenCols;\n\t\t\t\t\t\t\n\t\t\t//count number thumbs in pane\n\t\t\tif(g_temp.numPanes == 1)\n\t\t\t\tg_temp.numThumbsInPane++;\n\t\t\t\n\t\t\t\n\t\t}//end for\n\t\t\n\t\t//set inner strip width and height\n\t\tg_temp.innerWidth = maxx + g_options.grid_padding;\n\t\tg_temp.innerHeight = gridMaxY + g_options.grid_padding;\n\t\t\n\t\tg_objInner.width(g_temp.innerWidth);\n\t\tg_objInner.height(g_temp.innerHeight);\n\n\n\t\t//set grid height\n\t\tif(g_temp.numPanes == 1){\n\t\t\tg_temp.gridWidth = maxx + g_options.grid_padding;\n\t\t\tg_temp.gridHeight = gridMaxY + g_options.grid_padding;\n\t\t\t\n\t\t\tg_objGrid.width(g_temp.gridWidth);\n\t\t\tg_objGrid.height(g_temp.gridHeight);\n\t\t\t\t\t\t\n\t\t}\n\t\t\n\t\t\t\n\t}\n\t\n\t\n\t/**\n\t * position the thumbs and init panes related and width related vars\n\t */\n\tfunction positionThumbs(){\n\t\t\n\t\tif(g_temp.isHorizontal == false){\t\t//position vertical type\n\t\t\t\n\t\t\tif(g_temp.isNavigationVertical)\n\t\t\t\tpositionThumb_vert();\n\t\t\telse\n\t\t\t\tpositionThumb_hor();\n\t\t\t\n\t\t}else{\n\t\t\tpositionThumb_hortype();\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * validate thumb index\n\t */\n\tfunction validateThumbIndex(thumbIndex){\n\t\t\n\t\tif(thumbIndex < 0 || thumbIndex >= g_temp.numThumbs){\n\t\t\tthrow new Error(\"Thumb not exists: \" + thumbIndex);\n\t\t\treturn(false);\n\t\t}\n\t\t\n\t\treturn(true);\n\t}\n\t\n\t\n\t/**\n\t * \n\t * validate that the pane index exists\n\t */\n\tfunction validatePaneIndex(paneIndex){\n\t\t\n\t\tif(paneIndex >= g_temp.numPanes || paneIndex < 0){\n\t\t\tthrow new Error(\"Pane \" + index + \" doesn't exists.\");\n\t\t\treturn(false);\n\t\t}\n\t\t\n\t\treturn(true);\n\t}\n\t\n\t/**\n\t * validate inner position\n\t */\n\tfunction validateInnerPos(pos){\n\t\t\t\t\n\t\tvar absPos = Math.abs(pos);\n\t\t\n\t\tif(g_temp.isNavigationVertical == false){\n\t\t\t\n\t\t\tif(absPos < 0 || absPos >= g_temp.innerWidth){\n\t\t\t\tthrow new Error(\"wrong inner x position: \" + pos);\n\t\t\t\treturn(false);\n\t\t\t}\n\t\t\t\n\t\t}else{\n\t\t\t\n\t\t\tif(absPos < 0 || absPos >= g_temp.innerHeight){\n\t\t\t\tthrow new Error(\"wrong inner y position: \" + pos);\n\t\t\t\treturn(false);\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\treturn(true);\n\t}\n\t\n\t\n\t\n\t\n\t/**\n\t * \n\t * set inner strip position\n\t */\n\tfunction setInnerPos(pos){\n\t\t\n\t\tvar objCss = getInnerPosObj(pos);\n\t\tif(objCss == false)\n\t\t\treturn(false);\n\t\t\n\t\tg_objInner.css(objCss);\n\t}\n\t\n\t\n\t/**\n\t * animate inner to some position\n\t */\n\tfunction animateInnerTo(pos){\n\t\t\n\t\tvar objCss = getInnerPosObj(pos);\n\t\tif(objCss == false)\n\t\t\treturn(false);\n\t\t\n\t\tg_objInner.stop(true).animate(objCss ,{\n\t\t\tduration: g_options.grid_transition_duration,\n\t\t\teasing: g_options.grid_transition_easing,\n\t\t\tqueue: false\n\t\t});\n\t\t\n\t}\n\t\n\t/**\n\t * animate back to current pane\n\t */\n\tfunction animateToCurrentPane(){\n\t\t\n\t\tvar innerPos = -g_temp.arrPanes[g_temp.currentPane];\n\t\tanimateInnerTo(innerPos);\n\t}\n\t\n\t\t\n\t\n\tfunction __________GETTERS_________(){};\n\t\n\t/**\n\t * get inner object size according the orientation\n\t */\n\tfunction getInnerSize(){\n\t\t\n\t\tif(g_temp.isNavigationVertical == true)\n\t\t\treturn(g_temp.innerHeight);\n\t\telse\n\t\t\treturn(g_temp.innerWidth);\n\t}\n\t\n\t\n\t/**\n\t * get pane width or height according the orientation\n\t */\n\tfunction getPaneSize(){\n\t\t\n\t\tif(g_temp.isNavigationVertical == true)\n\t\t\treturn(g_temp.gridHeight);\n\t\telse\n\t\t\treturn(g_temp.gridWidth);\n\t}\n\t\n\t\n\t/**\n\t * get object of iner position move\n\t */\n\tfunction getInnerPosObj(pos){\n\t\t\t\t\n\t\tvar obj = {};\n\t\tif(g_temp.isNavigationVertical == true)\n\t\t\tobj.top = pos + \"px\";\n\t\telse\n\t\t\tobj.left = pos + \"px\";\n\t\n\t\treturn(obj);\n\t}\n\t\n\t\n\t/**\n\t * get mouse position according the orientation\n\t */\n\tfunction getMousePos(event){\n\t\t\n\t\tvar mousePos = g_functions.getMousePosition(event);\n\t\t\n\t\tif(g_temp.isNavigationVertical == true)\n\t\t\treturn(mousePos.pageY);\n\t\telse\n\t\t\treturn(mousePos.pageX);\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * get inner position according the orientation\n\t */\n\tfunction getInnerPos(){\n\t\t\n\t\tvar objSize = g_functions.getElementSize(g_objInner);\n\t\t\n\t\tif(g_temp.isNavigationVertical == true)\n\t\t\treturn(objSize.top);\n\t\telse\n\t\t\treturn(objSize.left);\n\t\n\t}\n\t\n\t/**\n\t * get pane by thumb index\n\t */\n\tfunction getPaneIndexByThumbIndex(thumbIndex){\n\t\t\n\t\t//validate thumb index\n\t\tif(validateThumbIndex(thumbIndex) == false)\n\t\t\treturn(-1);\n\t\t\n\t\tvar numPane = Math.floor(thumbIndex / g_temp.numThumbsInPane);\n\t\t\n\t\treturn(numPane);\n\t}\n\t\n\t/**\n\t * get position of some pane\n\t */\n\tfunction getPanePosition(index){\n\t\t\t\t\t\t\t\t\n\t\tvar pos = g_temp.arrPanes[index];\n\t\treturn(pos);\n\t}\n\t\n\t\n\t/**\n\t * return if passed some significant movement, for thumb click\n\t */\n\tfunction isSignificantPassed(){\n\t\t\n\t\tif(g_temp.numPanes == 1)\n\t\t\treturn(false);\n\t\t\n\t\tvar objData = g_functions.getStoredEventData(g_temp.storedEventID);\n\t\t\n\t\tvar passedTime = objData.diffTime;\n\t\t\n\t\tvar currentInnerPos = getInnerPos();\n\t\tvar passedDistanceAbs = Math.abs(currentInnerPos - objData.startInnerPos);\n\t\t\n\t\tif(passedDistanceAbs > 30)\n\t\t\treturn(true);\n\t\t\n\t\tif(passedDistanceAbs > 5 && passedTime > 300)\n\t\t\treturn(true);\n\t\t\t\t\n\t\treturn(false);\n\t}\n\t\n\t\n\t\n\t/**\n\t * check if the movement that was held is valid for pane change\n\t */\n\tfunction isMovementValidForChange(){\n\t\t\n\t\tvar objData = g_functions.getStoredEventData(g_temp.storedEventID);\n\t\t\n\t\t//check position, if more then half, move\n\t\tvar currentInnerPos = getInnerPos();\n\t\tdiffPos = Math.abs(objData.startInnerPos - currentInnerPos);\n\t\t\t\t\n\t\tvar paneSize = getPaneSize();\n\t\tvar breakSize = Math.round(paneSize * 3 / 8);\n\t\t\n\t\tif(diffPos >= breakSize)\n\t\t\treturn(true);\n\t\t\n\t\tif(objData.diffTime < 300 && diffPos > 25)\n\t\t\treturn(true);\n\t\t\t\t\t\t\n\t\treturn(false);\n\t}\n\t\n\t\n\t/**\n\t * return if passed some significant movement\n\t */\n\tfunction isApproveTileClick(){\n\t\t\n\t\tif(g_temp.numPanes == 1)\n\t\t\treturn(true);\n\t\t\t\n\t\tvar isApprove = g_functions.isApproveStoredEventClick(g_temp.storedEventID, g_temp.isNavigationVertical);\n\t\t\n\t\treturn(isApprove);\n\t}\n\t\n\t\n\tfunction __________EVENTS_______(){};\n\t\n\t\n\t/**\n\t * on thumb click event\n\t */\n\tfunction onThumbClick(event){\n\t\t\n\t\t//event.preventDefault();\n\t\tif(isSignificantPassed() == true)\n\t\t\treturn(true);\n\t\t\n\t\t//run select item operation\n\t\tvar objThumb = jQuery(this);\n\t\tvar objItem = g_thumbs.getItemByThumb(objThumb);\n\t\t\n\t\tg_gallery.selectItem(objItem);\n\t}\n\t\n\t\n\t/**\n\t * on touch start\n\t */\n\tfunction onTouchStart(event){\n\t\t\t\t\n\t\tif(g_temp.numPanes == 1)\n\t\t\treturn(true);\n\t\t\n\t\tif(g_temp.touchActive == true)\n\t\t\treturn(true);\n\t\t\n\t\tif(g_temp.isTilesMode == false)\n\t\t\tevent.preventDefault();\n\t\t\n\t\tg_temp.touchActive = true;\n\t\t\n\t\tvar addData = {\n\t\t\t\tstartInnerPos: getInnerPos()\n\t\t};\n\t\t\n\t\tg_functions.storeEventData(event, g_temp.storedEventID, addData);\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * handle scroll top, return if scroll mode or not\n\t */\n\tfunction handleScrollTop(){\n\t\t\n\t\tif(g_options.grid_vertical_scroll_ondrag == false)\n\t\t\treturn(false);\n\t\t\n\t\tif(g_temp.isNavigationVertical == true)\n\t\t\treturn(false);\n\t\t\n\t\tvar scrollDir = g_functions.handleScrollTop(g_temp.storedEventID);\n\t\t\n\t\tif(scrollDir === \"vert\")\n\t\t\treturn(true);\n\t\t\n\t\treturn(false);\n\t}\n\t\n\t\n\t/**\n\t * on touch move\n\t */\n\tfunction onTouchMove(event){\n\t\t\t\t\n\t\tif(g_temp.touchActive == false)\n\t\t\treturn(true);\n\t\t\n\t\tevent.preventDefault();\n\t\t\n\t\tg_functions.updateStoredEventData(event, g_temp.storedEventID);\n\t\t\n\t\tvar objData = g_functions.getStoredEventData(g_temp.storedEventID, g_temp.isNavigationVertical);\n\t\t\n\t\t//check if was vertical scroll\n\t\tvar isScroll = handleScrollTop();\n\t\tif(isScroll)\n\t\t\treturn(true);\n\t\t\n\t\t\n\t\tvar diff = objData.diffMousePos;\n\t\tvar innerPos = objData.startInnerPos + diff;\n\t\tvar direction = (diff > 0) ? \"prev\":\"next\";\n\t\tvar lastPaneSize = g_temp.arrPanes[g_temp.numPanes-1];\n\t\t\n\t\t//slow down when off limits\n\t\tif(g_options.grid_carousel == false && innerPos > 0 && direction == \"prev\"){\n\t\t\tinnerPos = innerPos / 3;\n\t\t}\n\t\t\n\t\t//debugLine({lastSize:lastPaneSize,innerPos: innerPos});\n\t\t\n\t\tif(g_options.grid_carousel == false && innerPos < -lastPaneSize && direction == \"next\"){\n\t\t\tinnerPos = objData.startInnerPos + diff / 3;\n\t\t}\n\t\t\n\t\tsetInnerPos(innerPos);\n\t\t\t\n\t}\n\t\n\t\n\t/**\n\t * on touch end\n\t * change panes or return to current pane\n\t */\n\tfunction onTouchEnd(event){\n\t\t\n\t\tif(g_temp.touchActive == false)\n\t\t\treturn(true);\n\t\t\n\t\tg_functions.updateStoredEventData(event, g_temp.storedEventID);\n\t\tvar objData = g_functions.getStoredEventData(g_temp.storedEventID, g_temp.isNavigationVertical);\n\t\t\n\t\t//event.preventDefault();\n\t\tg_temp.touchActive = false;\n\t\t\n\t\tif(isMovementValidForChange() == false){\n\t\t\tanimateToCurrentPane();\n\t\t\treturn(true);\n\t\t}\n\t\t\n\t\t//move pane or return back\n\t\tvar innerPos = getInnerPos();\n\t\tvar diff = innerPos - objData.startInnerPos;\n\t\tvar direction = (diff > 0) ? \"prev\":\"next\";\n\t\t\n\t\tif(direction == \"next\"){\n\t\t\t\t\t\t\n\t\t\tif(g_options.grid_carousel == false && t.isLastPane())\n\t\t\t\tanimateToCurrentPane();\n\t\t\telse\n\t\t\t\tt.nextPane();\t\t\t\n\t\t}\n\t\telse{\n\t\t\t\t\t\t\n\t\t\tif(g_options.grid_carousel == false && t.isFirstPane()){\n\t\t\t\tanimateToCurrentPane();\n\t\t\t}\n\t\t\telse\n\t\t\t\tt.prevPane();\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * on item change\n\t */\n\tfunction onItemChange(){\n\t\t\t\n\t\tvar objItem = g_gallery.getSelectedItem();\n\t\tg_thumbs.setThumbSelected(objItem.objThumbWrapper);\n\t\t\n\t\tscrollToThumb(objItem.index);\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * init panel events\n\t */\n\tfunction initEvents(){\n\t\t\n\t\tif(g_temp.isTilesMode == false){\n\t\t\t\n\t\t\tg_thumbs.initEvents();\t\t\n\t\t\tvar objThumbs = g_objGrid.find(\".ug-thumb-wrapper\");\n\t\t\tobjThumbs.on(\"click touchend\",onThumbClick);\n\t\t\t\n\t\t\tg_objGallery.on(g_gallery.events.ITEM_CHANGE, onItemChange);\n\t\t\t\n\t\t}else{\n\t\t\tg_tilesDesign.initEvents();\n\t\t}\n\t\t\n\t\t//touch drag events\n\t\t\n\t\t//slider mouse down - drag start\n\t\tg_objGrid.bind(\"mousedown touchstart\",onTouchStart);\n\t\t\n\t\t//on body move\n\t\tjQuery(\"body\").bind(\"mousemove touchmove\",onTouchMove);\n\t\t\n\t\t//on body mouse up - drag end\n\t\tjQuery(window).add(\"body\").bind(\"mouseup touchend\", onTouchEnd);\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * destroy the events\n\t */\n\tthis.destroy = function(){\n\t\t\n\t\tif(g_temp.isTilesMode == false){\n\t\t\t\n\t\t\tvar objThumbs = g_objGrid.find(\".ug-thumb-wrapper\");\n\t\t\tobjThumbs.off(\"click\");\n\t\t\tobjThumbs.off(\"touchend\");\n\t\t\tg_objGallery.on(g_gallery.events.ITEM_CHANGE);\n\t\t\tg_thumbs.destroy();\t\t\n\t\t\t\t\t\t\n\t\t}else{\n\t\t\tg_tilesDesign.destroy();\n\t\t}\n\t\t\n\t\tg_objGrid.unbind(\"mousedown\");\n\t\tg_objGrid.unbind(\"touchstart\");\n\t\tjQuery(\"body\").unbind(\"mousemove\");\n\t\tjQuery(\"body\").unbind(\"touchmove\");\n\t\t\n\t\tjQuery(window).add(\"body\").unbind(\"touchend\");\n\t\tjQuery(window).add(\"body\").unbind(\"mouseup\");\n\t\t\n\t\tg_objThis.off(t.events.PANE_CHANGE);\n\t\t\n\t}\n\t\n\t\n\t\n\tthis.__________EXTERNAL_GENERAL_________ = function(){};\n\t\n\t/**\n\t * set the thumb unselected state\n\t */\n\tthis.setThumbUnselected = function(objThumbWrapper){\n\t\t\n\t\tg_thumbs.setThumbUnselected(objThumbWrapper);\n\t\t\n\t}\n\t\n\t/**\n\t * check if thmb item visible, means inside the visible part of the inner strip\n\t */\n\tthis.isItemThumbVisible = function(objItem){\n\t\tvar itemIndex = objItem.index;\n\t\tvar paneIndex = getPaneIndexByThumbIndex(itemIndex);\n\t\t\n\t\tif(paneIndex == g_temp.currentPane)\n\t\t\treturn(true);\n\t\t\n\t\treturn(false);\n\t}\n\t\n\t\n\tthis.__________EXTERNAL_API_________ = function(){};\n\t\n\t/**\n\t * get estimation of number of panes by the height of the grid.\n\t */\n\tthis.getNumPanesEstimationByHeight = function(gridHeight){\n\t\t\n\t\tif(g_temp.isTilesMode == true){\n\t\t\t\n\t\t\tvar thumbHeight = g_options.tile_height;\n\t\t\t\n\t\t}else{\n\t\t\tvar thumbsOptions = g_thumbs.getOptions();\t\t\n\t\t\tvar thumbHeight = thumbsOptions.thumb_height;\n\t\t}\n\t\t\n\t\tvar numThumbs = g_thumbs.getNumThumbs();\n\t\tvar numRows = Math.ceil(numThumbs / g_options.grid_num_cols);\n\t\t\n\t\tvar totalHeight = numRows * thumbHeight + (numRows-1) * g_temp.spaceBetweenRows;\n\t\t\t\n\t\tvar numPanes = Math.ceil(totalHeight / gridHeight);\n\t\t\n\t\treturn(numPanes);\n\t}\n\t\n\t/**\n\t * get estimation of number of panes by the width of the grid.\n\t */\n\tthis.getNumPanesEstimationByWidth = function(gridWidth){\n\t\t\n\t\tif(g_temp.isTilesMode){\n\t\t\tvar thumbWidth = g_options.tile_width;\t\t\t\n\t\t}else{\n\t\t\tvar thumbsOptions = g_thumbs.getOptions();\t\t\n\t\t\tvar thumbWidth = thumbsOptions.thumb_width;\n\t\t}\n\t\t\n\t\tvar numThumbs = g_thumbs.getNumThumbs();\n\t\tvar numCols = Math.ceil(numThumbs / g_options.grid_num_rows);\n\t\t\n\t\tvar totalWidth = numCols * thumbWidth + (numCols-1) * g_temp.spaceBetweenCols;\n\t\t\n\t\tvar numPanes = Math.ceil(totalWidth / gridWidth);\n\t\t\t\t\n\t\treturn(numPanes);\n\t}\n\t\n\t\n\t/**\n\t * get height estimation by width, works only in tiles mode\n\t */\n\tthis.getHeightEstimationByWidth = function(width){\n\t\t\n\t\tif(g_temp.isTilesMode == false)\n\t\t\tthrow new Error(\"This function works only with tiles mode\");\n\t\t\n\t\tvar numThumbs = g_thumbs.getNumThumbs();\n\t\tvar numCols = g_functions.getNumItemsInSpace(width, g_options.tile_width, g_temp.spaceBetweenCols);\n\t\tvar numRows = Math.ceil(numThumbs / numCols);\n\t\t\n\t\tif(numRows > g_options.grid_num_rows)\n\t\t\tnumRows = g_options.grid_num_rows;\n\t\t\n\t\tvar gridHeight = g_functions.getSpaceByNumItems(numRows, g_options.tile_height, g_temp.spaceBetweenRows);\n\t\tgridHeight += g_options.grid_padding * 2;\n\t\t\n\t\treturn(gridHeight);\n\t}\n\t\n\t/**\n\t * get the grid element\n\t */\n\tthis.getElement = function(){\n\t\treturn(g_objGrid);\n\t}\n\t\n\t/**\n\t * get element size and position\n\t */\n\tthis.getSize = function(){\n\t\t\n\t\tvar objSize = g_functions.getElementSize(g_objGrid);\n\t\treturn(objSize);\n\t\t\n\t}\n\t\n\t/**\n\t * get number of panes\n\t */\n\tthis.getNumPanes = function(){\n\t\t\n\t\treturn(g_temp.numPanes);\n\t}\n\t\n\t/**\n\t * get if the current pane is first\n\t */\n\tthis.isFirstPane = function(){\n\t\t\n\t\tif(g_temp.currentPane == 0)\n\t\t\treturn(true);\n\t\t\n\t\treturn(false);\n\t}\n\t\n\t\n\t/**\n\t * get if the current pane is last\n\t */\n\tthis.isLastPane = function(){\n\t\t\n\t\tif(g_temp.currentPane == (g_temp.numPanes -1) )\n\t\t\treturn(true);\n\t\t\n\t\treturn(false);\n\t}\n\t\n\t\n\t/**\n\t * get pane number, and num panes\n\t */\n\tthis.getPaneInfo = function(){\n\t\t\n\t\tvar obj = {\n\t\t\tpane: g_temp.currentPane,\n\t\t\ttotal: g_temp.numPanes\n\t\t};\n\t\t\n\t\treturn(obj);\n\t}\n\t\n\t\n\t/**\n\t * get current pane\n\t */\n\tthis.getPane = function(){\n\t\t\n\t\treturn(g_temp.currentPane);\n\t}\n\t\n\t\n\t/**\n\t * set grid width (horizontal type)\n\t */\n\tthis.setWidth = function(gridWidth){\n\t\tg_temp.gridWidth = gridWidth;\n\t\tg_temp.isHorizontal = true;\n\t}\n\t\n\t/**\n\t * set max width, the width will be corrected by the number of items\n\t * set vertical type\n\t */\n\tthis.setMaxWidth = function(maxWidth){\n\t\tg_temp.gridWidth = maxWidth;\n\t\tg_temp.isMaxWidth = true;\n\t\tg_temp.isHorizontal = true;\n\t}\n\t\n\t\n\t/**\n\t * set grid height (vertical type)\n\t */\n\tthis.setHeight = function(gridHeight){\n\t\tg_temp.gridHeight = gridHeight;\n\t\tg_temp.isHorizontal = false;\n\t\t\n\t}\n\t\n\t/**\n\t * set max height, the height will be corrected by the number of items\n\t * set the vertical type\n\t */\n\tthis.setMaxHeight = function(maxHeight){\n\t\tg_temp.gridHeight = maxHeight;\n\t\tg_temp.isMaxHeight = true;\n\t\tg_temp.isHorizontal = false;\n\t}\n\t\n\t\n\t/**\n\t * goto some pane\n\t * force skip current pane checks\n\t */\n\tthis.gotoPane = function(index, fromWhere){\n\t\t\n\t\tif(validatePaneIndex(index) == false)\n\t\t\treturn(false);\n\t\t\n\t\tif(index == g_temp.currentPane)\n\t\t\treturn(false);\n\t\t\n\t\tvar innerPos = -g_temp.arrPanes[index];\n\t\t\n\t\tg_temp.currentPane = index;\n\t\tanimateInnerTo(innerPos);\n\t\t\n\t\t//trigger pane change event\n\t\tg_objThis.trigger(t.events.PANE_CHANGE, index);\n\t}\n\t\n\t\n\t/**\n\t * foreward to the next pane\n\t */\n\tthis.nextPane = function(){\n\t\t\t\t\n\t\tvar nextPaneIndex = g_temp.currentPane+1;\n\t\t\n\t\tif(nextPaneIndex >= g_temp.numPanes){\n\t\t\t\n\t\t\tif(g_options.grid_carousel == false)\n\t\t\t\treturn(true);\n\t\t\t\n\t\t\tnextPaneIndex = 0;\n\t\t}\n\t\t\n\t\tt.gotoPane(nextPaneIndex, \"next\");\n\t}\n\t\n\t\n\t/**\n\t * foreward to the next pane\n\t */\n\tthis.prevPane = function(){\n\t\t\n\t\tvar prevPaneIndex = g_temp.currentPane-1;\n\t\tif(prevPaneIndex < 0){\n\t\t\tprevPaneIndex = g_temp.numPanes-1;\n\t\t\t\n\t\t\tif(g_options.grid_carousel == false)\n\t\t\t\treturn(false);\n\t\t}\n\t\t\n\t\tt.gotoPane(prevPaneIndex, \"prev\");\n\t}\n\t\n\t\n\t/**\n\t * set next pane button\n\t */\n\tthis.attachNextPaneButton = function(objButton){\n\t\t\n\t\tg_functions.setButtonOnClick(objButton, t.nextPane);\n\n\t\tif(g_options.grid_carousel == true)\t\t\n\t\t\treturn(true);\n\t\t\n\t\tif(t.isLastPane())\n\t\t\tobjButton.addClass(\"ug-button-disabled\");\n\t\t\n\t\t//set disabled button class if first pane\n\t\tg_objThis.on(t.events.PANE_CHANGE, function(){\n\t\t\t\n\t\t\tif(t.isLastPane())\n\t\t\t\tobjButton.addClass(\"ug-button-disabled\");\n\t\t\telse\n\t\t\t\tobjButton.removeClass(\"ug-button-disabled\");\n\t\n\t\t});\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * set prev pane button\n\t */\n\tthis.attachPrevPaneButton = function(objButton){\n\t\t\t\t\n\t\tg_functions.setButtonOnClick(objButton, t.prevPane);\n\t\t\n\t\tif(g_options.grid_carousel == true)\t\t\n\t\t\treturn(true);\n\t\t\n\t\tif(t.isFirstPane())\n\t\t\tobjButton.addClass(\"ug-button-disabled\");\n\t\t\n\t\t//set disabled button class if first pane\n\t\tg_objThis.on(t.events.PANE_CHANGE, function(){\n\t\t\t\n\t\t\tif(t.isFirstPane())\n\t\t\t\tobjButton.addClass(\"ug-button-disabled\");\n\t\t\telse\n\t\t\t\tobjButton.removeClass(\"ug-button-disabled\");\n\t\n\t\t});\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * attach bullets object\n\t */\n\tthis.attachBullets = function(objBullets){\n\t\t\n\t\tobjBullets.setActive(g_temp.currentPane);\n\t\t\n\t\tjQuery(objBullets).on(objBullets.events.BULLET_CLICK, function(data, numBullet){\n\t\t\tt.gotoPane(numBullet, \"theme\");\n\t\t\tobjBullets.setActive(numBullet);\t\t\t\t\n\t\t});\n\t\t\n\t\tjQuery(t).on(t.events.PANE_CHANGE, function(data, numPane){\n\t\t\tobjBullets.setActive(numPane);\n\t\t});\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * get tile design object\n\t */\n\tthis.getObjTileDesign = function(){\n\t\treturn g_tilesDesign;\n\t}\n\t\n\t\n\t/**\n\t * init function \n\t */\n\tthis.init = function(gallery, customOptions, isTilesMode){\n\t\t\n\t\tinit(gallery, customOptions, isTilesMode);\n\t}\n\t\n\t\t\n\t\n\t/**\n\t * set html and properties\n\t */\t\n\tthis.run = function(){\n\t\trun();\n\t}\n\n\t\n\t/**\n\t * set html \n\t */\n\tthis.setHtml = function(parentContainer){\n\t\t\n\t\tsetHtml(parentContainer);\n\t}\n\t\n}\n\n\n\n/**\n * tiles class\n */\nfunction UGTiles(){\n\n\tvar t = this, g_objThis = jQuery(this);\n\tvar g_gallery = new UniteGalleryMain(), g_objGallery, g_objWrapper, g_objParent;\t\n\tvar g_functions = new UGFunctions(), g_arrItems, g_objTileDesign = new UGTileDesign();\n\tvar g_thumbs = new UGThumbsGeneral(), g_vars = {};\n var g_arrNestedGridRow, g_arrNestedItems;\n\t\n\t\n\tvar g_options = {\n\t\t tiles_type: \"columns\",\t\t\t\t\t//columns / justified - tiles layout type\n\t\t tiles_col_width: 250,\t\t\t\t\t//column width - exact or base according the settings\n\t\t tiles_align:\"center\",\t\t\t\t\t//align of the tiles in the space\n\t\t tiles_exact_width: false,\t\t\t\t//exact width of column - disables the min and max columns\n\t\t tiles_space_between_cols: 3,\t\t\t//space between images\n\t\t tiles_space_between_cols_mobile: 3, //space between cols for mobile type\n\t\t tiles_include_padding: true,\t\t\t//include padding at the sides of the columns, equal to current space between cols\n\t\t tiles_min_columns: 2,\t\t\t\t\t//min columns\n\t\t tiles_max_columns: 0,\t\t\t\t\t//max columns (0 for unlimited)\n\t\t tiles_keep_order: false,\t\t\t\t//keep order - slower algorytm\n\t\t tiles_set_initial_height: true,\t\t//set some estimated height before images show\n\t\t \n\t\t tiles_justified_row_height: 150,\t\t//base row height of the justified type\n\t\t tiles_justified_space_between: 3,\t\t//space between the tiles justified type\n\n\t\t tiles_nested_optimal_tile_width: 250,\t// tiles optimal width\n\t tiles_nested_col_width: null,\t\t\t// nested tiles column width\n\t tiles_nested_debug: false,\n\t \n\t\t tiles_enable_transition: true\t\t\t//enable transition when screen width change\n\t};\n\t\n\tthis.events = {\n\t\t\tTHUMB_SIZE_CHANGE: \"thumb_size_change\",\n\t\t\tTILES_FIRST_PLACED: \"tiles_first_placed\",\t\t//only in case of justified\n\t\t\tALL_TILES_LOADED: \"all_tiles_loaded\"\n\t};\n\t\n\tvar g_temp = {\n\t\t\tisFirstTimeRun:true, //if run once\n\t\t\thandle:null,\t\t //interval handle\n\t\t\tisTransActive: false, //is transition active\n\t\t\tisTransInited: false, //if the transition function is set\n\t\t\tisFirstPlaced: true, //is first time placed\n\t\t\tisAllLoaded: false\n\t};\n\t\n var g_nestedWork = {\n \t\tcolWidth: null,\n nestedOptimalCols: 5,\n gridY: 0,\n maxColumns: 0,\t\t\t\t\t\t //maxColumns\n columnsValueToEnableHeightResize: 3, //columns Value To Enable Height Resize\n resizeLeftRightToColumn: true,\n currentItem: 0,\n\t currentGap: null,\n\t optimalTileWidth: null,\n\t maxGridY:0\n }\n\t\n\t\n\tfunction __________GENERAL_________(){};\n\t\n\t\n\t/**\n\t * init the gallery\n\t */\n\tfunction init(gallery, customOptions){\n\t\t\n\t\tg_objects = gallery.getObjects();\n\t\tg_gallery = gallery;\n\t\tg_objGallery = jQuery(gallery);\n\t\tg_objWrapper = g_objects.g_objWrapper;\n\t\tg_arrItems = g_objects.g_arrItems;\n\t\t\n\t\tg_options = jQuery.extend(g_options, customOptions);\n\n\t\tmodifyOptions();\n\t\t\n\t\tg_objTileDesign.init(gallery, g_options);\n\t\t\n\t\tg_thumbs = g_objTileDesign.getObjThumbs();\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * modify options\n\t */\n\tfunction modifyOptions(){\n\t\t\n\t\tif(g_options.tiles_min_columns < 1)\n\t\t\tg_options.tiles_min_columns = 1;\n\t\t\n\t\t//protection of max columns, can't be more then min columns\n\t\tif(g_options.tiles_max_columns != 0 && g_options.tiles_max_columns < g_options.tiles_min_columns){\n\t\t\tg_options.tiles_max_columns = g_options.tiles_min_columns;\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * set the grid panel html\n\t */\n\tfunction setHtml(objParent){\n\t\t\n\t\tif(!objParent){\n\t\t\tif(g_objParent)\n\t\t\t\tobjParent = g_objParent;\n\t\t\telse\n\t\t\t\tvar objParent = g_objWrapper;\n\t\t}\n\t\t\n\t\tg_objParent = objParent;\n\t\t\n\t\tvar tilesType = g_options.tiles_type;\n\t\tobjParent.addClass(\"ug-tiletype-\"+tilesType);\n\t\t\n\t\tg_objTileDesign.setHtml(objParent);\n\t\t\n\t\tobjParent.children(\".ug-thumb-wrapper\").hide();\n\t}\n\t\n\t\n\t/**\n\t * set class that enables transition\n\t */\n\tfunction setTransition(){\n\t\t\n\t\t//set the tiles in resting mode, to activate their own transitions\n\t\tg_objParent.addClass(\"ug-tiles-rest-mode\");\n\t\t\n\t\tg_temp.isTransInited = true;\n\t\t\n\t\t//add css tansition\n\t\tif(g_options.tiles_enable_transition == true){\n\t\t\tg_objParent.addClass(\"ug-tiles-transit\");\n\t\t\t\n\t\t\t//add image overlay transition\n\t\t\tvar optionsTile = g_objTileDesign.getOptions();\n\t\t\t\n\t\t\tif(optionsTile.tile_enable_image_effect == true && optionsTile.tile_image_effect_reverse == false)\n\t\t\t\tg_objParent.addClass(\"ug-tiles-transit-overlays\");\n\t\t\t\n\t\t\tg_temp.isTransActive = true;\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * get parent width\n\t */\n\tfunction getParentWidth(){\n\t\treturn g_functions.getElementSize(g_objParent).width;\n\t}\n\t\n\t\n\t/**\n\t * do some actions before transition\n\t */\n\tfunction doBeforeTransition(){\n\t\t\n\t\tif(g_temp.isTransInited == false)\n\t\t\treturn(false);\n\t\t\t\n\t\tg_objParent.addClass(\"ug-tiles-transition-active\");\n\t\tg_objParent.removeClass(\"ug-tiles-rest-mode\");\n\t\t\n\t\t//prepare for transition\n\t\tif(g_temp.isTransActive == false)\n\t\t\treturn(false);\n\t\t\t\t\n\t\tg_objTileDesign.disableEvents();\n\t}\n\t\n\t\n\t/**\n\t * set after transition classes\n\t */\n\tfunction doAfterTransition_setClasses(){\n\t\t\n\t\tif(g_temp.isTransInited == false)\n\t\t\treturn(false);\n\t\t\n\t\tg_objParent.removeClass(\"ug-tiles-transition-active\");\n\t\tg_objParent.addClass(\"ug-tiles-rest-mode\");\n\t}\n\t\n\t\n\t/**\n\t * do some actions after transition\n\t */\n\tfunction doAfterTransition(){\n\n\t\t\n\t\tif(g_temp.isTransActive == true){\n\t\t\t\t\t\t\n\t\t\t//trigger size change after transition\n\t\t\tsetTimeout(function(){\n\t\t\t\t\n\t\t\t\tg_objTileDesign.enableEvents();\n\t\t\t\tg_objTileDesign.triggerSizeChangeEventAllTiles();\n\t\t\t\t\n\t\t\t\tdoAfterTransition_setClasses();\n\t\t\t\t\n\n\t\t\t}, 800);\n\t\t\t\n\t\t\t//control size change \n\t\t\tif(g_temp.handle)\n\t\t\t\tclearTimeout(g_temp.handle);\n\t\t\t\t\n\t\t\tg_temp.handle = setTimeout(function(){\n\t\t\t\t\n\t\t\t\tdoAfterTransition_setClasses();\n\t\t\t\t\n\t\t\t\tg_objTileDesign.triggerSizeChangeEventAllTiles();\n\t\t\t\tg_temp.handle = null;\n\t\t\t\t\t\t\t\t\n\t\t\t}, 2000);\n\t\t\t\n\t\t\t\n\t\t}else{\n\t\t\t\t\t\t\n\t\t\tg_objTileDesign.triggerSizeChangeEventAllTiles();\n\n\t\t\tdoAfterTransition_setClasses();\n\n\t\t}\n\n\t}\n\n\t\n\tfunction __________COLUMN_TYPE_RELATED_________(){};\n\t\n\t/**\n\t * count width by number of columns\n\t */\n\tfunction fillTilesVars_countWidthByCols(){\n\n\t\tg_vars.colWidth = (g_vars.availWidth - g_vars.colGap * (g_vars.numCols-1)) / g_vars.numCols;\n\t\tg_vars.colWidth = Math.floor(g_vars.colWidth);\n\n\t\tg_vars.totalWidth = g_functions.getSpaceByNumItems(g_vars.numCols, g_vars.colWidth, g_vars.colGap);\n\t\t\n\t}\n\t\n\t\n\t\n\t/**\n\t * fill common tiles vars\n\t */\n\tfunction fillTilesVars(){\n\t\t\n\t\tg_vars.colWidth = g_options.tiles_col_width;\n\t\tg_vars.minCols = g_options.tiles_min_columns;\n\t\tg_vars.maxCols = g_options.tiles_max_columns;\n\t\t\n\t\tif(g_gallery.isMobileMode() == false){\n\t\t\tg_vars.colGap = g_options.tiles_space_between_cols;\n\t\t} else {\n\t\t\tg_vars.colGap = g_options.tiles_space_between_cols_mobile;\n\t\t}\n\t\t\n\t\t//set gallery width\n\t\tg_vars.galleryWidth = getParentWidth();\n\t\t\n\t\tg_vars.availWidth = g_vars.galleryWidth;\n\t\t\n\t\tif(g_options.tiles_include_padding == true)\n\t\t\tg_vars.availWidth = g_vars.galleryWidth - g_vars.colGap*2;\n\t\t\n\t\t//set the column number by exact width\n\t\tif(g_options.tiles_exact_width == true){\n\t\t\t\n\t\t\tg_vars.numCols = g_functions.getNumItemsInSpace(g_vars.availWidth, g_vars.colWidth, g_vars.colGap);\n\n\t\t\tif(g_vars.maxCols > 0 && g_vars.numCols > g_vars.maxCols)\n\t\t\t\tg_vars.numCols = g_vars.maxCols;\n\n\t\t\t//if less then min cols count width by cols\n\t\t\tif(g_vars.numCols < g_vars.minCols){\n\t\t\t\tg_vars.numCols = g_vars.minCols;\n\n\t\t\t\tfillTilesVars_countWidthByCols();\n\t\t\t\t\n\t\t\t}else{\n\t\t\t\tg_vars.totalWidth = g_vars.numCols * (g_vars.colWidth + g_vars.colGap) - g_vars.colGap;\n\t\t\t}\n\t\t\t\n\t\t} else {\n\t\t\t\n\t\t\t//set dynamic column number\n\t\t\t\n\t\t\tvar numCols = g_functions.getNumItemsInSpaceRound(g_vars.availWidth, g_vars.colWidth, g_vars.colGap);\n\t\t\t\t\t\t\n\t\t\tif(numCols < g_vars.minCols)\n\t\t\t\tnumCols = g_vars.minCols;\n\t\t\telse\n\t\t\t\tif(g_vars.maxCols != 0 && numCols > g_vars.maxCols)\n\t\t\t\t\tnumCols = g_vars.maxCols;\n\n\t\t\tg_vars.numCols = numCols;\n\t\t\t\n\t\t\tfillTilesVars_countWidthByCols();\n\t\t\t\n\t\t}\n\n\t\tswitch(g_options.tiles_align){\n\t\t\tcase \"center\":\n\t\t\tdefault:\n\t\t\t\t//add x to center point\n\t\t\t\tg_vars.addX = Math.round( (g_vars.galleryWidth - g_vars.totalWidth) / 2 );\n\t\t\tbreak;\n\t\t\tcase \"left\":\n\t\t\t\tg_vars.addX = 0;\n\t\t\tbreak;\n\t\t\tcase \"right\":\n\t\t\t\tg_vars.addX = g_vars.galleryWidth - g_vars.totalWidth;\n\t\t\tbreak;\n\t\t}\n\t\t\t\t\n\t\t//get posx array (constact to all columns)\n\t\tg_vars.arrPosx = [];\t\t\n\t\tfor(col = 0; col < g_vars.numCols; col++){\n\t\t\tvar colX = g_functions.getColX(col, g_vars.colWidth, g_vars.colGap);\n\t\t\tg_vars.arrPosx[col] = colX + g_vars.addX;\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * init col heights\n\t */\n\tfunction initColHeights(){\n\t\t\n\t\tg_vars.maxColHeight = 0;\n\t\t\n\t\t//empty heights array\n\t\tg_vars.colHeights = [0];\n\t\t\n\t}\n\t\n\t\n\t\n\t/**\n\t * get column with minimal height\n\t */\n\tfunction getTilesMinCol(){\n\t\tvar numCol = 0;\n\t\t\n\t\tvar minHeight = 999999999;\n\t\t\n\t\tfor(col = 0; col < g_vars.numCols; col++){\n\t\t\t\n\t\t\tif(g_vars.colHeights[col] == undefined || g_vars.colHeights[col] == 0)\n\t\t\t\treturn col;\n\t\t\t\n\t\t\tif(g_vars.colHeights[col] < minHeight){\n\t\t\t\tnumCol = col;\n\t\t\t\tminHeight = g_vars.colHeights[col];\n\t\t\t}\n\t\t\n\t\t}\n\t\t\n\t\treturn(numCol);\n\t}\n\t\n\t\n\t/**\n\t * place tile as it loads\n\t */\n\tfunction placeTile(objTile, toShow, setGalleryHeight, numCol){\n\t\t\n\t\tif(numCol === null || typeof numCol == \"undefined\")\n\t\t\tvar numCol = getTilesMinCol();\n\t\t\n\t\t//set posy\n\t\tvar posy = 0;\n\t\tif(g_vars.colHeights[numCol] !== undefined)\n\t\t\tposy = g_vars.colHeights[numCol];\n\t\t\n\t\tvar itemHeight = g_objTileDesign.getTileHeightByWidth(g_vars.colWidth, objTile);\n\t\t\n\t\tif(itemHeight === null){\t//for custom html tile\n\t\t\tif(g_options.tiles_enable_transition == true)\n\t\t\t\tthrow new Error(\"Can't know tile height, please turn off transition\");\n\t\t\t\n\t\t\tvar itemSize = g_functions.getElementSize(objTile);\n\t\t\titemHeight = itemSize.height;\n\t\t}\n\t\t\n\t\tvar posx = g_vars.arrPosx[numCol];\n\t\t\n\t\tg_functions.placeElement(objTile, posx, posy);\n\t\t\n\t\tvar realHeight = posy + itemHeight;\n\t\t\t\t\n\t\tg_vars.colHeights[numCol] = realHeight + g_vars.colGap;\n\t\t\n\t\t//set max height\n\t\tif(g_vars.maxColHeight < realHeight)\n\t\t\tg_vars.maxColHeight = realHeight;\n\n\t\tif(toShow == true)\n\t\t\tobjTile.show().fadeTo(0,1);\n\t\t\n\t\tif(setGalleryHeight == true){\n\t\t\tg_objParent.height(g_vars.maxColHeight);\t\t\t\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * place the tiles\n\t */\n\tfunction placeTiles(toShow){\n\t\t\n\t\tif(!toShow)\n\t\t\ttoShow = false;\n\t\t\n\t\tfillTilesVars();\n\t\tinitColHeights();\n\t\t\n\t\tvar objThumbs = g_thumbs.getThumbs(g_thumbs.type.GET_THUMBS_RATIO);\n\t\t\t\t\n\t\t//do some operation before the transition\n\t\tdoBeforeTransition();\n\t\t\n\t\t//resize all thumbs\n\t\tg_objTileDesign.resizeAllTiles(g_vars.colWidth, g_objTileDesign.resizemode.VISIBLE_ELEMENTS, objThumbs);\n\t\t\n\t\t//place elements\n\t\tfor(var index = 0; index < objThumbs.length; index++){\n\t\t\tvar objTile = jQuery(objThumbs[index]);\n\t\t\tvar col = undefined;\n\t\t\tif(g_options.tiles_keep_order == true)\n\t\t\t\tcol = g_functions.getColByIndex(g_vars.numCols, index);\n\t\t\t\n\t\t\tplaceTile(objTile, toShow, false, col);\n\t\t}\n\t\t\n\t\t//bring back the state after transition\n\t\tdoAfterTransition();\n\t\t\n\t\t//set gallery height, according the transition\n\t\tvar galleryHeight = g_objParent.height();\n\t\t\n\t\tif(g_temp.isTransActive == true && galleryHeight > g_vars.maxColHeight)\n\t\t\tsetTimeout(function(){\n\t\t\t\tg_objParent.height(g_vars.maxColHeight);\n\t\t\t},700);\n\t\telse\n\t\t\tg_objParent.height(g_vars.maxColHeight);\n\t}\n\t\n\t\n\t/**\n\t * check if alowed to place ordered tile\n\t */\n\tfunction isOrderedTilePlaceAlowed(objTile){\n\t\t\n\t\tvar index = objTile.index();\n\n\t\t//don't allow double put items\n\t\tvar currentItem = g_gallery.getItem(index);\n\t\tif(currentItem.ordered_placed === true)\n\t\t\treturn(false);\n\n\t\t\n\t\tvar prevIndex = g_functions.getPrevRowSameColIndex(index, g_vars.numCols);\n\n\t\t//put first item in the column\n\t\tif(prevIndex < 0)\n\t\t\treturn(true);\n\t\t\t\t\n\t\t//check if previous tile in column is placed\n\t\tvar objPrevItem = g_gallery.getItem(prevIndex);\n\t\tif(objPrevItem.ordered_placed === true)\n\t\t\treturn(true);\n\t\t\n\t\treturn(false);\n\t}\n\t\n\t\n\t/**\n\t * place ordered tile\n\t */\n\tfunction placeOrderedTile(objTile, isForce){\n\t\t\n\t\tif(isForce !== true){\n\n\t\t\tvar isAlowed = isOrderedTilePlaceAlowed(objTile);\n\t\t\t\n\t\t\tif(isAlowed == false)\n\t\t\t\treturn(false);\n\t\t}\n\t\t\t\n\t\tvar index = objTile.index();\n\t\t\t\t\n\t\tvar col = g_functions.getColByIndex(g_vars.numCols, index);\n\n\t\tvar objItem = g_gallery.getItem(index);\n\t\t\n\t\tg_objTileDesign.resizeTile(objTile, g_vars.colWidth);\n\t\t\n\t\tplaceTile(objTile, true, true, col);\n\t\t\n\t\tobjItem.ordered_placed = true;\n\t\t\n\t\t//check by recursion and place next items in column\n\t\tvar numItems = g_gallery.getNumItems();\n\t\tvar nextIndex = g_functions.getNextRowSameColIndex(index, g_vars.numCols);\n\t\tif(nextIndex >= numItems)\n\t\t\treturn(false);\n\t\t\n\t\tvar nextTile = g_thumbs.getThumbByIndex(nextIndex);\n\t\tvar nextItem = g_gallery.getItem(nextIndex);\n\t\t\n\t\tvar isLoaded = g_thumbs.isThumbLoaded(nextTile);\n\t\t\n\t\tif(g_thumbs.isThumbLoaded(nextTile) && !nextItem.ordered_placed)\n\t\t\tplaceOrderedTile(nextTile, true);\n\t}\n\t\n\t\n\t/**\n\t * on single image load\n\t */\n\tfunction onSingleImageLoad(objImage, isError){\n\t\t\n\t\tif(isError == true)\n\t\t\treturn(false);\n\t\t\n\t\tobjImage = jQuery(objImage);\n\t\tvar objTile = jQuery(objImage).parent();\n\t\t\n\t\tg_thumbs.triggerImageLoadedEvent(objTile, objImage);\n\t\t\n\t\tif(g_options.tiles_keep_order == true){\n\n\t\t\tplaceOrderedTile(objTile);\n\t\t\n\t\t}else{\n\t\t\t\t\t\t\n\t\t\tg_objTileDesign.resizeTile(objTile, g_vars.colWidth);\n\t\t\tplaceTile(objTile, true, true);\n\t\t}\n\t\n\t}\n\t\n\t\n\t/**\n\t * run columns type - place tiles that are not loaded yet\n\t */\n\tfunction runColumnsType(){\n\t\t\n\t\t//get thumbs only when the ratio not set\n\t\tvar objThumbs = g_thumbs.getThumbs(g_thumbs.type.GET_THUMBS_NO_RATIO);\n\t\t\n\t\tif(!objThumbs || objThumbs.length == 0)\n\t\t\treturn(false);\n\t\t\n\t\tg_temp.isAllLoaded = false;\n\t\t\t\t\n\t\tif(g_temp.isFirstPlaced == true){\n\t\t\t\n\t\t\tfillTilesVars();\n\t\t\tinitColHeights();\n\t\t\t\n\t\t\tvar diffWidth = Math.abs(g_vars.galleryWidth - g_vars.totalWidth);\n\t\t\t\n\t\t\t//set initial height of the parent by estimation\n\t\t\tif(g_options.tiles_set_initial_height == true && g_functions.isScrollbarExists() == false && diffWidth < 25){\n\t\t\t\t\n\t\t\t\tvar numThumbs = objThumbs.length;\n\t\t\t\tvar numRows = Math.ceil(objThumbs.length / g_vars.numCols);\n\t\t\t\tvar estimateHeight = numRows * g_options.tiles_col_width * 0.75;\n\t\t\t\t\n\t\t\t\tg_objParent.height(estimateHeight);\n\t\t\t\tfillTilesVars();\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\t\n\t\tobjThumbs.fadeTo(0,0);\n\t\tvar objImages = objThumbs.find(\"img.ug-thumb-image\");\n\t\t\n\t\tvar initNumCols = g_vars.numCols;\n\t\tvar initWidth = g_vars.galleryWidth;\n\t\t\n\t\t//on place the tile as it loads. After all tiles loaded,check position again.\n\t\tg_functions.checkImagesLoaded(objImages, function(){\n\t\t\t\t\t\t\n\t\t\tfillTilesVars();\n\t\t\t\n\t\t\tif(initNumCols != g_vars.numCols || initWidth != g_vars.galleryWidth){\n\t\t\t\tplaceTiles(false);\n\t\t\t}\n\t\t\t\n\t\t\tsetTransition();\n\t\t\tg_objThis.trigger(t.events.ALL_TILES_LOADED);\n\t\t\t\n\t\t} ,function(objImage, isError){\n\t\t\t\n\t\t\tif(g_temp.isFirstPlaced == true)\n\t\t\t\tg_gallery.triggerEvent(t.events.TILES_FIRST_PLACED);\t//set to false\n\t\t\t\n\t\t\tonSingleImageLoad(objImage, isError);\n\t\t\n\t\t});\n\t\t\t\t\t\n\t\t\n\t}\n\t\n\t\n\tfunction __________JUSTIFIED_TYPE_RELATED_________(){};\n\n\t/**\n\t * ------------ JUSTIFIED TYPE RELATED FUNCTIONS ----------------\n\t */\n\t\n\tfunction getJustifiedData(){\n\t\t\n\t\tvar galleryWidth = getParentWidth();\n\t\t\n\t\tvar objTiles = g_thumbs.getThumbs(true);\n\t\tvar rowHeightOpt = g_options.tiles_justified_row_height;\n\t\tvar arrWidths = [];\n\t\tvar totalWidth = 0;\n\t\tvar gap = g_options.tiles_justified_space_between;\n\t\tvar numTiles = objTiles.length;\n\t\t\n\t\t//get arr widths and total width\n\t\tjQuery.each(objTiles, function(index, objTile){\n\t\t\tobjTile = jQuery(objTile);\n\t\t\t\n\t\t\tvar objItem = g_thumbs.getItemByThumb(objTile);\n\t\t\t\n\t\t\tvar tileWidth = objItem.thumbWidth;\n\t\t\tvar tileHeight = objItem.thumbHeight;\n\t\t\t\n\t\t\tif (tileHeight !== rowHeightOpt) \n\t\t\t\ttileWidth = Math.floor(objItem.thumbRatioByWidth * rowHeightOpt);\n\t\t\t\n\t\t\tarrWidths[index] = tileWidth;\n\t\t\t\n\t\t\ttotalWidth += tileWidth;\n\t\t});\n\n\t\t\n\t\tvar numRows = Math.ceil(totalWidth / galleryWidth);\n\t\t\n\t\tif(numRows > numTiles)\n\t\t\tnumRows = numTiles;\n\t\t\n\t\tvar finalRowWidth = totalWidth / numRows;\n\t\t\n\t\t//fill rows array, break tiles to rows\n\t\tvar arrRows = [], eachRowWidth = 0;\n\t\tvar rowsWidths = [], rowsTiles = [], row = [];\n\t\tvar progressWidth = 0, numRow = 0;\n\t\t\n\t\tjQuery.each(objTiles, function(index, objTile){\n\t\t\tvar tileWidth = arrWidths[index];\n\t\t\t\t\t\t\n\t\t\tif( (progressWidth + tileWidth / 2) > (numRow+1) * finalRowWidth){\n\t\t\t\t\n\t\t\t\trowsWidths[arrRows.length] = eachRowWidth;\t\t\t\t\n\t\t\t\tarrRows.push(row);\n\t\t\t\trow = [];\n\t\t\t\teachRowWidth = 0;\n\t\t\t\tnumRow++;\n\t\t\t}\n\t\t\t\n\t\t\tprogressWidth += tileWidth;\n\t\t\teachRowWidth += tileWidth;\n\t\t\t\n\t\t\trow.push(objTile);\n\t\t});\n\t\t\n\t\trowsWidths[arrRows.length] = eachRowWidth;\n\t\tarrRows.push(row);\n\t\t\t\t\n\t\t\n\t\t//set heights and position images:\t\n\t\tvar arrRowWidths = [];\n\t\tvar arrRowHeights = [];\n\t\tvar totalHeight = 0;\n\t\t\n\t\tjQuery.each(arrRows, function(index, row){\n\t\t\t\n\t\t\tvar numTiles = row.length;\n\t\t\tvar rowWidth = rowsWidths[index];\n\t\t\t\n\t\t\tvar gapWidth = (row.length-1) * gap;\n\n\t\t\tvar ratio = (galleryWidth - gapWidth) / rowWidth;\n\t\t\tvar rowHeight = Math.round(rowHeightOpt * ratio);\n\t\t\t\n\t\t\t//count total height\n\t\t\ttotalHeight += rowHeight;\n\t\t\tif(index > 0)\n\t\t\t\ttotalHeight += gap;\n\t\t\t\n\t\t\tarrRowHeights.push(rowHeight);\n\t\t\t\n\t\t\t//ratio between 2 heights for fixing image width:\n var ratioHeights = rowHeight / rowHeightOpt;\n\t\t\t\n //set tiles sizes:\n var arrRowTileWidths = [];\n var actualRowWidth = gapWidth;\n \n jQuery.each(row, function(indexInRow, tile){\n \tvar objTile = jQuery(tile);\n \tvar tileIndex = objTile.index();\n \tvar tileWidth = arrWidths[tileIndex];\n \tvar newWidth = Math.round(tileWidth * ratioHeights);\n \t\n \tarrRowTileWidths[indexInRow] = newWidth;\n \tactualRowWidth += newWidth; \t\n });\n \t\n //fix images widths by adding or reducing 1 pixel\n var diff = actualRowWidth - galleryWidth;\n \n var newTotal = 0;\n jQuery.each(arrRowTileWidths, function(indexInRow, width){\n \t\n \tif(diff == 0) \t\t\n \t\treturn(false);\n \t\n \tif(diff < 0){\n \t\tarrRowTileWidths[indexInRow] = width + 1;\n \t\tdiff++;\n \t}else{\n \t\tarrRowTileWidths[indexInRow] = width - 1;\n \t\tdiff--;\n \t}\n \t\n \t//if at last item diff stays, add all diff\n \tif(indexInRow == (arrRowTileWidths.length-1) && diff != 0)\n \t\tarrRowTileWidths[indexInRow] -= diff;\n });\n \n arrRowWidths[index] = arrRowTileWidths;\n\t\t});\n\t\t\n\t\t\n\t\tvar objData = {\n\t\t\t\tarrRows: arrRows,\n\t\t\t\tarrRowWidths: arrRowWidths,\n\t\t\t\tarrRowHeights: arrRowHeights,\n\t\t\t\tgap: gap,\n\t\t\t\ttotalHeight: totalHeight\n\t\t};\n\t\t\n\t\treturn(objData);\n\t}\n\n\t\n\t/**\n\t * put justified images\n\t */\n\tfunction placeJustified(toShow){\n\t\t\n\t\tif(!toShow)\n\t\t\tvar toShow = false;\n\t\t\n\t\tvar parentWidth = getParentWidth();\n\n\t\tvar objData = getJustifiedData();\n\t\t\n\t\t//if the width changed after height change (because of scrollbar), recalculate\n\t\tg_objParent.height(objData.totalHeight);\n\t\n\t\tvar parentWidthAfter = getParentWidth();\n\t\tif(parentWidthAfter != parentWidth)\n\t\t\tobjData = getJustifiedData();\n\t\t\n\t\tdoBeforeTransition();\n\t\t\n\t\tvar posy = 0;\n\t\tvar totalWidth = 0;\t\t//just count total widht for check / print\n\t\tjQuery.each(objData.arrRows, function(index, row){\n \t\n\t\t\tvar arrRowTileWidths = objData.arrRowWidths[index];\n\t\t\tvar rowHeight = objData.arrRowHeights[index];\n\t\t\t\n\t\t\t//resize and place tiles\n var posx = 0;\n jQuery.each(row, function(indexInRow, tile){\n \t \t \t\n \tvar objTile = jQuery(tile);\n \tvar tileHeight = rowHeight;\n \tvar tileWidth = arrRowTileWidths[indexInRow];\n \t\n \tg_objTileDesign.resizeTile(objTile, tileWidth, tileHeight, g_objTileDesign.resizemode.VISIBLE_ELEMENTS);\n \tg_functions.placeElement(objTile, posx, posy);\n \t\n \tposx += tileWidth;\n \t\n \tif(posx > totalWidth)\n \t\ttotalWidth = posx;\n \t\n \tposx += objData.gap;\n \t\n \tif(toShow == true)\n \t\tjQuery(tile).show();\n \n });\n \n posy += (rowHeight + objData.gap);\n \n\t\t});\n\t\t\n\t\tdoAfterTransition();\n\t\t\n\t}\n\t\n\t\n\t\n\t/**\n\t * run justified type gallery\n\t */\n\tfunction runJustifiedType(){\n\t\t\n\t\tvar objImages = jQuery(g_objWrapper).find(\"img.ug-thumb-image\");\n\t\tvar objTiles = g_thumbs.getThumbs();\n\t\t\n\t\tg_temp.isAllLoaded = false;\n\t\t\n\t\tobjTiles.fadeTo(0,0);\t\t\t\t\n\t\t\n\t\tg_functions.checkImagesLoaded(objImages, function(){\n\t\t\t\n\t\t\tsetTimeout(function(){\n\t\t\t\tplaceJustified(true);\n\t\t\t\tobjTiles.fadeTo(0,1);\n\t\t\t\tg_gallery.triggerEvent(t.events.TILES_FIRST_PLACED);\n\t\t\t\tsetTransition();\n\t\t\t\t\n\t\t\t\tg_objThis.trigger(t.events.ALL_TILES_LOADED);\n\t\t\t\t\n\t\t\t});\n\t\t\t\n\t\t}, function(objImage, isError){\n\n\t\t\tobjImage = jQuery(objImage);\n\t\t\tvar objTile = jQuery(objImage).parent();\n\t\t\tg_thumbs.triggerImageLoadedEvent(objTile, objImage);\n\t\t\n\t\t});\n\t\t\t\t\n\t}\n\t\n\n\t\n\t\t\n function __________NESTED_TYPE_RELATED_________() { };\n \n \n /**\n * ------------ NESTED TYPE RELATED FUNCTIONS ----------------\n */\n function runNestedType() {\n\n var objImages = jQuery(g_objWrapper).find(\"img.ug-thumb-image\");\n var objTiles = g_thumbs.getThumbs();\n \n g_temp.isAllLoaded = false;\n \n objTiles.fadeTo(0, 0);\n \n g_functions.checkImagesLoaded(objImages, function () {\n \t\n \tif(g_gallery.isMobileMode() == true){\n \t\tplaceTiles(true);\n \t}\n \telse\n \t\tplaceNestedImages(true);\n \n \tg_gallery.triggerEvent(t.events.TILES_FIRST_PLACED);\n setTransition();\n g_objThis.trigger(t.events.ALL_TILES_LOADED);\n\n }, function (objImage, isError) {\n\n objImage = jQuery(objImage);\n var objTile = jQuery(objImage).parent();\n g_thumbs.triggerImageLoadedEvent(objTile, objImage);\n\n });\n\n }\n\n \n /**\n * fill nested vars\n */\n function fillNestedVars(){\n\n \tvar galleryWidth = getParentWidth();\n \tg_nestedWork.galleryWidth = galleryWidth;\n \n g_arrNestedGridRow = {};\n \tg_nestedWork.colWidth = g_options.tiles_nested_col_width;\n \tg_nestedWork.optimalTileWidth = g_options.tiles_nested_optimal_tile_width;\n \t\n \tg_nestedWork.currentGap = g_options.tiles_space_between_cols;\n\n \tif(g_gallery.isMobileMode() == true)\n g_nestedWork.currentGap = g_options.tiles_space_between_cols_mobile;\n \t\n if(g_nestedWork.colWidth == null){\n\t\t\tg_nestedWork.colWidth = Math.floor(g_nestedWork.optimalTileWidth/g_nestedWork.nestedOptimalCols);\n\t\t} else if (g_nestedWork.optimalTileWidth > g_nestedWork.colWidth) {\n g_nestedWork.nestedOptimalCols = Math.ceil(g_nestedWork.optimalTileWidth / g_nestedWork.colWidth);\n } else {\n g_nestedWork.nestedOptimalCols = 1;\n }\n \t\n \tg_nestedWork.maxColumns = g_functions.getNumItemsInSpace(galleryWidth, g_nestedWork.colWidth, g_nestedWork.currentGap);\n \t\n //fix col width - justify tiles\n g_nestedWork.colWidth = g_functions.getItemSizeInSpace(galleryWidth, g_nestedWork.maxColumns, g_nestedWork.currentGap);\n \n g_nestedWork.gridY = 0;\n g_arrNestedItems = []\n \n \tvar objTiles = g_thumbs.getThumbs(true);\n\t\tobjTiles.each(function(){\n\t\t\tvar objTile = jQuery(this);\n\t\t var sizes = setNestedSize(objTile);\n\t\t g_arrNestedItems.push(sizes);\n\t\t });\n \n if (g_nestedWork.optimalTileWidth > g_nestedWork.colWidth) {\n g_nestedWork.nestedOptimalCols = Math.ceil(g_nestedWork.optimalTileWidth / g_nestedWork.colWidth);\n } else {\n g_nestedWork.nestedOptimalCols = 1;\n }\n \n g_nestedWork.totalWidth = g_nestedWork.maxColumns*(g_nestedWork.colWidth+g_nestedWork.currentGap)-g_nestedWork.currentGap;\n\n switch(g_options.tiles_align){\n\t\t\tcase \"center\":\n\t\t\tdefault:\n\t\t\t\t//add x to center point\n\t\t\t\tg_nestedWork.addX = Math.round( (g_nestedWork.galleryWidth - g_nestedWork.totalWidth) / 2 );\n\t\t\tbreak;\n\t\t\tcase \"left\":\n\t\t\t\tg_nestedWork.addX = 0;\n\t\t\tbreak;\n\t\t\tcase \"right\":\n\t\t\t\tg_nestedWork.addX = g_nestedWork.galleryWidth - g_nestedWork.totalWidth;\n\t\t\tbreak;\n\t\t}\n \n \n g_nestedWork.maxGridY = 0;\n }\n \n \n /**\n * place Nested type images\n */\n function placeNestedImages(toShow){\n \t\n \tvar parentWidth = getParentWidth();\n \t\n \tfillNestedVars();\n placeNestedImagesCycle();\n \t\n var totalHeight = g_nestedWork.maxGridY * (g_nestedWork.colWidth + g_nestedWork.currentGap) - g_nestedWork.currentGap;\n\n \t//if the width changed after height change (because of scrollbar), recalculate\n\t\tg_objParent.height(totalHeight);\n\t\t\n\t\tvar parentWidthAfter = getParentWidth();\n\t\t\n\t\tif(parentWidthAfter != parentWidth){\n \t\tfillNestedVars();\n \tplaceNestedImagesCycle();\n }\n \n if(g_options.tiles_nested_debug == false)\n \tdrawNestedImages(toShow);\n\n }\n\n \n /**\n * set Nested size\n */\n function setNestedSize(objTile){\n\n var dimWidth, dimHeight;\n var output = {};\n \n var colWidth = g_nestedWork.colWidth;\n var gapWidth = g_nestedWork.currentGap;\n \n var objImageSize = g_objTileDesign.getTileImageSize(objTile);\n var index = objTile.index();\n \n var maxDim = Math.ceil(getPresettedRandomByWidth(index)*(g_nestedWork.nestedOptimalCols*1/3) + g_nestedWork.nestedOptimalCols * 2/3);\n \n var imgWidth = objImageSize.width;\n var imgHeight = objImageSize.height;\n \n var ratio = imgWidth/imgHeight;\n \n if(imgWidth>imgHeight){\n dimWidth = maxDim;\n dimHeight = Math.round(dimWidth/ratio);\n if(dimHeight == 0){\n dimHeight = 1;\n }\n } else {\n dimHeight = maxDim;\n dimWidth = Math.round(dimHeight*ratio);\n if(dimWidth == 0){\n dimWidth = 1;\n }\n }\n\n output.dimWidth = dimWidth;\n output.dimHeight = dimHeight;\n output.width = dimWidth * colWidth + gapWidth*(dimWidth-1);\n output.height = dimHeight * colWidth + gapWidth*(dimHeight-1);\n output.imgWidth = imgWidth;\n output.imgHeight = imgHeight;\n output.left = 0;\n output.top = 0;\n return output;\n }\n\n \n /**\n * get presetted random [0,1] from int\n */\n function getPresettedRandomByWidth(index){\n return Math.abs(Math.sin(Math.abs(Math.sin(index)*1000)));\n }\n\n \n /**\n * place nested images debug\n */\n function placeNestedImagesDebug(toShow, placeOne){\n \n \tif(placeOne == false){\n for(var i = g_nestedWork.currentItem; i
\";\n\t\t}\n\t\t\n\t\t//add thumb image:\n\t\tvar classImage = \"ug-thumb-image\";\n\n\t\tif(g_options.tile_enable_image_effect == false || g_options.tile_image_effect_reverse == true)\n\t\t\tclassImage += \" ug-trans-enabled\";\n\t\t\n\t\tvar imageAlt = g_functions.stripTags(objItem.title);\n\t\timageAlt = g_functions.htmlentitles(imageAlt);\n\t\t\n\t\thtml += \"![\"+imageAlt+\"](\\\"\"+g_functions.escapeDoubleSlash(objItem.urlThumb)+\"\\\")
\";\n\n\t\tif(g_temp.hasImageContainer == true){\n\t\t\thtml += \"
\";\n\t\t}\t\n\t\t\n\t\tobjThumbWrapper.append(html);\n\t\t\n\t\t\n\t\tif(g_options.tile_size_by == t.sizeby.GLOBAL_RATIO){\n\t\t\tobjThumbWrapper.fadeTo(0,0);\t\t//turn on in thumbsGeneral\n\t\t}\n\t\t\n\t\t//---- set thumb styles ---- \n\t\t\n\t\t//set border:\n\t\tvar objCss = {};\n\t\t\n\t\tif(g_options.tile_enable_background == true){\n\t\t\tobjCss[\"background-color\"] = g_options.tile_background_color;\n\t\t}\n\t\t\n\t\tif(g_options.tile_enable_border == true){\n\t\t\tobjCss[\"border-width\"] = g_options.tile_border_width+\"px\";\n\t\t\tobjCss[\"border-style\"] = \"solid\";\n\t\t\tobjCss[\"border-color\"] = g_options.tile_border_color;\n\t\t\t\n\t\t\tif(g_options.tile_border_radius)\n\t\t\t\tobjCss[\"border-radius\"] = g_options.tile_border_radius+\"px\";\n\t\t}\n\t\t\n\t\t//set outline:\n\t\tif(g_options.tile_enable_outline == true){\n\t\t\tobjCss[\"outline\"] = \"1px solid \" + g_options.tile_outline_color;\n\t\t}\n\t\t\n\t\t//set shadow\n\t\tif(g_options.tile_enable_shadow == true){\n\t\t\tvar htmlShadow = g_options.tile_shadow_h+\"px \";\n\t\t\thtmlShadow += g_options.tile_shadow_v+\"px \";\n\t\t\thtmlShadow += g_options.tile_shadow_blur+\"px \";\n\t\t\thtmlShadow += g_options.tile_shadow_spread+\"px \";\n\t\t\thtmlShadow += g_options.tile_shadow_color;\n\t\t\t\n\t\t\tobjCss[\"box-shadow\"] = htmlShadow;\n\t\t}\n\t\t\n\t\tobjThumbWrapper.css(objCss);\n\t\t\n\t\t\n\t\t//----- add icons\n\t\t\n\t\tvar htmlAdd = \"\";\n\t\t\n\t\tif(g_options.tile_enable_icons){\n\t\t\t\n\t\t\t//add zoom icon\n\t\t\tif(g_options.tile_as_link == false && g_options.tile_enable_action == true){\n\t\t\t\tvar iconPlayClass = \"ug-button-play ug-icon-zoom\";\n\t\t\t\tif(objItem.type != \"image\")\n\t\t\t\t\ticonPlayClass = \"ug-button-play ug-icon-play\";\n\t\t\t\t\n\t\t\t\thtmlAdd += \"\";\n\t\t\t}\n\t\t\t\n\t\t\t//add link icon\n\t\t\tif(objItem.link && g_options.tile_show_link_icon == true || g_options.tile_as_link == true){\n\t\t\t\t\n\t\t\t\tif(g_options.tile_as_link == false){\n\t\t\t\t\tvar linkTarget = \"\";\n\t\t\t\t\tif(g_options.tile_link_newpage == true)\n\t\t\t\t\t\tlinkTarget = \" target='_blank'\";\n\t\t\t\t\t\n\t\t\t\t\thtmlAdd += \"\";\t\t\t\t\t\n\t\t\t\t}else{\n\t\t\t\t\thtmlAdd += \"\";\t\t\t\t\t\n\t\t\t\t}\n\t\t\t\t\n\t\t\t}\n\t\t\n\t\tvar toSaparateIcon = g_temp.isSaparateIcons;\n\t\tif(toSaparateIcon == false && objItem.type != \"image\" && g_temp.isVideoplayIconAlwaysOn == true)\n\t\t\ttoSaparateIcon = true;\n\t\t\n\t\tif(toSaparateIcon)\t\t//put the icons on the thumb\n\t\t\tvar objOverlay = objThumbWrapper;\n\t\telse\n\t\t\tvar objOverlay = objThumbWrapper.children(\".ug-thumb-overlay\");\n\t\t\n\t\tobjOverlay.append(htmlAdd);\t\t\n\t\t\n\t\tvar objButtonZoom = objOverlay.children(\".\" + iconPlayClass);\n\t\t\n\t\tif(objButtonZoom.length == 0)\n\t\t\tobjButtonZoom = null;\n\t\telse\n\t\t\tobjButtonZoom.hide();\n\t\t\n\t\tvar objButtonLink = objOverlay.children(\".ug-icon-link\");\n\t\t\n\t\tif(objButtonLink.length == 0)\n\t\t\tobjButtonLink = null;\n\t\telse\n\t\t\tobjButtonLink.hide();\n\t\t\n\t\t//if only zoom icon, make the tile clickable for lightbox open\n\t\tif(!objButtonLink && g_options.tile_enable_action == true)\n\t\t\tobjThumbWrapper.addClass(\"ug-tile-clickable\");\n\t\t\n\t\t} //if icons enabled\n\t\telse{\t\t//if the icons don't enabled, set the tile clickable\n\t\t\t\n\t\t\tif(g_options.tile_enable_action == true)\n\t\t\t\tobjThumbWrapper.addClass(\"ug-tile-clickable\");\n\t\t\n\t\t}\n\t\t\n\t\t//add image overlay\n\t\tif(g_options.tile_enable_image_effect == true){\n\t\t\t\n\t\t\tvar imageEffectClassAdd = \"\";\n\t\t\tif(g_options.tile_image_effect_reverse == false)\n\t\t\t\timageEffectClassAdd = \" ug-trans-enabled\";\n\t\t\t\n\t\t\tvar imageOverlayHtml = \"\";\n\t\t\tvar imageEffectClass = \" ug-\"+g_options.tile_image_effect_type+\"-effect\";\n\t\t\t\n\t\t\timageOverlayHtml += \"\";\n\t\t\timageOverlayHtml += \"
\";\n\t\t\t\n\t\t\tobjThumbWrapper.append(imageOverlayHtml);\n\n\t\t\t//hide the image overlay if reversed\n\t\t\tif(g_options.tile_image_effect_reverse == true){\n\t\t\t\tobjThumbWrapper.children(\".ug-tile-image-overlay\").fadeTo(0,0);\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\t\n\t\t//add text panel\n\t\tif(g_options.tile_enable_textpanel == true){\n\t\t\t\n\t\t\tvar objTextPanel = new UGTextPanel();\t\t\t \n\t\t\tobjTextPanel.init(g_gallery, g_options, \"tile\");\n\t\t\t\n\t\t\t//set transition class\n\t\t\tvar textpanelAddClass = \"\";\n\t\t\tif(g_options.tile_textpanel_always_on == true || g_temp.isTextpanelOutside == true)\n\t\t\t\ttextpanelAddClass = \"ug-trans-enabled\";\n\t\t\t\n\t\t\tobjTextPanel.appendHTML(objThumbWrapper, textpanelAddClass);\n\t\t\t\n\t\t\tvar panelTitle = objItem.title;\n\t\t\tvar panelDesc = \"\";\n\t\t\t\n\t\t\tswitch(g_options.tile_textpanel_source){\n\t\t\t\tcase \"desc\":\n\t\t\t\tcase \"description\":\n\t\t\t\t\tpanelTitle = objItem.description;\n\t\t\t\tbreak;\n\t\t\t\tcase \"desc_title\":\n\t\t\t\t\tif(objItem.description != \"\")\n\t\t\t\t\t\tpanelTitle = objItem.description;\n\t\t\t\tbreak;\n\t\t\t\tcase \"title_and_desc\":\n\t\t\t\t\tpanelTitle = objItem.title;\n\t\t\t\t\tpanelDesc = objItem.description;\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\t\n\t\t\tobjTextPanel.setTextPlain(panelTitle, panelDesc);\n\t\t\t\n\t\t\tif(g_options.tile_textpanel_always_on == false)\n\t\t\t\tobjTextPanel.getElement().fadeTo(0,0);\n\t\t\t\n\t\t\tobjThumbWrapper.data(\"objTextPanel\", objTextPanel);\n\n\t\t\t//if textpanel always on, it has to be under the overlay\n\t\t\tif(g_options.tile_textpanel_always_on == true){\n\t\t\t\tvar textPanelElement = getTextPanelElement(objThumbWrapper);\n\t\t\t\ttextPanelElement.css(\"z-index\",2);\n\t\t\t}\n\t\t\t\n\t\t\t//if text panel is outside, clone textpanel\n\t\t\tif(g_temp.isTextpanelOutside == true){\n\t\t\t\t\n\t\t\t\tvar htmlClone = \"\";\n\t\t\t\tobjThumbWrapper.append(htmlClone);\n\t\t\t\tvar objCloneWrapper = objThumbWrapper.children(\".ug-tile-cloneswrapper\");\n\t\t\t\t\n\t\t\t\tvar objTextPanelClone = new UGTextPanel(); \n\t\t\t\tobjTextPanelClone.init(g_gallery, g_options, \"tile\");\t\t\t\t\n\t\t\t\tobjTextPanelClone.appendHTML(objCloneWrapper);\n\t\t\t\tobjTextPanelClone.setTextPlain(panelTitle, panelDesc);\n\t\t\t\tobjThumbWrapper.data(\"objTextPanelClone\", objTextPanelClone);\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\t//add additional html\n\t\tif(objItem.addHtml !== null)\n\t\t\tobjThumbWrapper.append(objItem.addHtml);\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * load tile image, place the image on load\n\t */\n\tthis.loadTileImage = function(objTile){\n\t\t\n\t\tvar objImage = t.getTileImage(objTile);\n\t\t\t\n\t\tg_functions.checkImagesLoaded(objImage, null, function(objImage,isError){\n\t\t\tonPlaceImage(null, objTile, jQuery(objImage));\n\t\t});\n\t\t\n\t}\n\t\n\tfunction _________________GETTERS________________(){};\n\t\n\t\n\t\n\t/**\n\t * get image overlay\n\t */\n\tfunction getTileOverlayImage(objTile){\n\t\tvar objOverlayImage = objTile.children(\".ug-tile-image-overlay\");\n\t\treturn(objOverlayImage);\n\t}\n\t\n\t/**\n\t * get tile color overlay\n\t */\n\tfunction getTileOverlay(objTile){\n\t\tvar objOverlay = objTile.children(\".ug-thumb-overlay\");\n\t\treturn(objOverlay);\t\t\n\t}\n\t\n\t\n\t/**\n\t * get image container\n\t */\n\tfunction getTileImageContainer(objTile){\n\t\tif(g_temp.hasImageContainer == false)\n\t\t\treturn(null);\n\t\t\n\t\tvar objImageContainer = objTile.children(\".ug-image-container\");\n\t\t\n\t\treturn(objImageContainer);\n\t}\n\t\n\t\n\t/**\n\t * get image effect\n\t */\n\tfunction getTileImageEffect(objTile){\t\t\n\t\tvar objImageEffect = objTile.find(\".ug-tile-image-overlay img\");\t\t\t\n\t\treturn(objImageEffect);\n\t}\n\t\n\t\n\t/**\n\t * get text panel\n\t */\n\tfunction getTextPanel(objTile){\n\t\tvar objTextPanel = objTile.data(\"objTextPanel\");\n\t\t\n\t\treturn(objTextPanel);\n\t}\n\t\n\t\n\t/**\n\t * get cloned text panel\n\t */\n\tfunction getTextPanelClone(objTile){\n\t\tvar objTextPanelClone = objTile.data(\"objTextPanelClone\");\n\t\t\n\t\treturn(objTextPanelClone);\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * get text panel element from the tile\n\t */\n\tfunction getTextPanelElement(objTile){\n\t\tvar objTextPanel = objTile.children(\".ug-textpanel\");\n\t\t\n\t\treturn(objTextPanel);\n\t}\n\t\n\t\n\t/**\n\t * get text panel element cloned\n\t */\n\tfunction getTextPanelCloneElement(objTile){\n\t\tvar objTextPanel = objTile.find(\".ug-tile-cloneswrapper .ug-textpanel\");\n\t\t\n\t\tif(objTextPanel.length == 0)\n\t\t\tthrow new Error(\"text panel cloned element not found\");\n\t\t\n\t\treturn(objTextPanel);\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * get text panel height\n\t */\n\tfunction getTextPanelHeight(objTile){\n\t\t\n\t\tif(g_temp.isTextpanelOutside == true)\n\t\t\tvar objTextPanel = getTextPanelCloneElement(objTile);\n\t\telse\n\t\t\tvar objTextPanel = getTextPanelElement(objTile);\n\t\t\n\t\t\n\t\tif(!objTextPanel)\n\t\t\treturn(0);\n\t\t\n\t\tvar objSize = g_functions.getElementSize(objTextPanel);\n\t\treturn(objSize.height);\n\t}\n\t\n\t\n\t/**\n\t * get button link\n\t */\n\tfunction getButtonLink(objTile){\n\t\tvar objButton = objTile.find(\".ug-icon-link\");\n\t\tif(objButton.length == 0)\n\t\t\treturn(null);\n\t\t\n\t\treturn objButton;\n\t}\n\n\t\n\t/**\n\t * get tile ratio\n\t */\n\tfunction getTileRatio(objTile){\n\t\t\n\t\t//global ratio\n\t\tvar ratio = g_temp.ratioByHeight;\n\t\t\n\t\tswitch(g_options.tile_size_by){\n\t\t\tdefault:\t\t//global ratio\n\t\t\t\tratio = g_temp.ratioByHeight;\n\t\t\tbreak;\n\t\t\tcase t.sizeby.IMAGE_RATIO:\n\n\t\t\t\tif(!objTile)\n\t\t\t\t\tthrow new Error(\"tile should be given for tile ratio\");\n\t\t\t\t\n\t\t\t\tvar item = t.getItemByTile(objTile);\n\t\t\t\t\t\t\t\t\n\t\t\t\tif(typeof item.thumbRatioByHeight != \"undefined\"){\n\t\t\t\t\n\t\t\t\t\tif(item.thumbRatioByHeight == 0){\n\t\t\t\t\t\ttrace(item);\n\t\t\t\t\t\tthrow new Error(\"the item ratio not inited yet\");\n\t\t\t\t\t}\n\t\t\t\t\n\t\t\t\t\tratio = item.thumbRatioByHeight;\n\t\t\t\t}\n\t\t\t\n\t\t\tbreak;\n\t\t\tcase t.sizeby.CUSTOM:\n\t\t\t\treturn null;\n\t\t\tbreak;\n\t\t}\n\t\t\t\t\n\t\treturn(ratio);\n\t}\n\t\n\t\n\t/**\n\t * get button zoom\n\t */\n\tfunction getButtonZoom(objTile){\n\t\tvar objButton = objTile.find(\".ug-button-play\");\n\t\t\n\t\tif(objButton.length == 0)\n\t\t\treturn(null);\n\t\t\n\t\treturn objButton;\n\t}\n\t\n\t\n\t/**\n\t * tells if the tile is over style\n\t */\n\tfunction isOverStyle(objTile){\n\t\t\n\t\tif(objTile.hasClass(\"ug-thumb-over\"))\n\t\t\treturn(true);\n\t\t\n\t\treturn(false);\n\t}\n\t\n\t\n\t/**\n\t * check if the tile is clickable\n\t */\n\tfunction isTileClickable(objTile){\n\t\t\n\t\treturn objTile.hasClass(\"ug-tile-clickable\");\n\t}\n\t\n\t\n\t/**\n\t * return if the items icon always on\n\t */\n\tfunction isItemIconAlwaysOn(objItem){\n\t\t\n\t\tif(g_options.tile_enable_icons == true && g_temp.isVideoplayIconAlwaysOn == true && objItem.type != \"image\")\n\t\t\treturn(true);\n\t\t\n\t\treturn(false);\n\t}\n\n\t\n\tfunction _________________SETTERS________________(){};\n\t\n\t\n\t/**\n\t * position tile images elements\n\t * width, height - tile width height\n\t */\n\tfunction positionElements_images(objTile, width, height, visibleOnly){\n\t\t\n\t\tvar objImageOverlay = getTileOverlayImage(objTile);\n\t\tvar objThumbImage = t.getTileImage(objTile);\n\t\tvar objImageEffect = getTileImageEffect(objTile);\n\t\t\n\t\t//reduce borders\n\t\twidth -= g_temp.tileInnerReduce;\n\t\theight -= g_temp.tileInnerReduce;\n\t\t\n\t\tvar imagePosy = null;\n\t\t\n\t\t//reduce textpanel height\n\t\tif(g_temp.isTextpanelOutside == true){\n\n\t\t\tvar textHeight = getTextPanelHeight(objTile);\n\t\t\theight -= textHeight;\n\n\t\t\tif(g_options.tile_textpanel_position == \"top\"){\n\t\t\t\timagePosy = textHeight;\n\t\t\t}\n\t\t\t\n\t\t\t/**\n\t\t\t * if has image container\n\t\t\t */\n\t\t\tif(g_temp.hasImageContainer == true){\n\t\t\t\tvar objImageContainer = getTileImageContainer(objTile);\n\t\t\t\tg_functions.setElementSize(objImageContainer, width, height);\n\t\t\t\t\n\t\t\t\tif(imagePosy !== null)\n\t\t\t\t\tg_functions.placeElement(objImageContainer, 0, imagePosy);\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\t//scale image\n\t\tif(g_options.tile_enable_image_effect == false){\n\n\t\t\tg_functions.scaleImageCoverParent(objThumbImage, width, height);\n\t\t\t\n\t\t\tif(g_temp.hasImageContainer == false && imagePosy !== null)\n\t\t\t\tg_functions.placeElement(objThumbImage, 0, imagePosy);\n\n\t\t}else{\t//width the effect\n\t\t\t\n\t\t\t//set what to resize\n\t\t\tvar dontResize = \"nothing\";\n\t\t\tif(visibleOnly === true && g_temp.isTextpanelOutside == false){\n\t\t\t\tif(g_options.tile_image_effect_reverse == true){\n\t\t\t\t\tdontResize = \"effect\";\n\t\t\t\t}else{\n\t\t\t\t\tdontResize = \"image\";\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t//resize image effect\n\t\t\tif(dontResize != \"effect\"){\n\t\t\t\tg_functions.setElementSize(objImageOverlay, width, height);\n\t\t\t\t\n\t\t\t\tif(imagePosy !== null)\n\t\t\t\t\tg_functions.placeElement(objImageOverlay, 0, imagePosy);\n\t\t\t\t\n\t\t\t\tg_functions.scaleImageCoverParent(objImageEffect, width, height);\n\t\t\t}\n\t\t\t\n\n\t\t\t//resize image\n\t\t\tif(dontResize != \"image\"){\n\t\t\t\t\n\t\t\t\tif(g_temp.hasImageContainer == true){\n\t\t\t\t\tg_functions.scaleImageCoverParent(objThumbImage, width, height);\n\t\t\t\t}else{\n\t\t\t\t\t\n\t\t\t\t\t//if can't clone, resize\n\t\t\t\t\tif(dontResize == \"effect\"){\n\t\t\t\t\t\tg_functions.scaleImageCoverParent(objThumbImage, width, height);\n\t\t\t\t\t\tif(imagePosy !== null)\n\t\t\t\t\t\t\tg_functions.placeElement(objThumbImage, 0, imagePosy);\n\t\t\t\t\t}\n\t\t\t\t\telse\n\t\t\t\t\t\tg_functions.cloneElementSizeAndPos(objImageEffect, objThumbImage, false, null, imagePosy);\n\t\t\t\t\t\n\t\t\t\t}\n\t\t\t\t\n\t\t\t}\n\n\t\t\t\n\t\t\t\n\t\t}\n\n\t}\n\t\n\t\n\t/**\n\t * position text panel\n\t * panelType - default or clone\n\t */\n\tfunction positionElements_textpanel(objTile, panelType, tileWidth, tileHeight){\n\t\t\n\t\tvar panelWidth = null;\n\t\tif(tileWidth)\n\t\t\tpanelWidth = tileWidth - g_temp.tileInnerReduce;\n\n\t\tif(tileHeight)\n\t\t\ttileHeight -= g_temp.tileInnerReduce;\n\t\t\n\t\tif(panelType == \"clone\"){\n\t\t\tvar objTextPanelClone = getTextPanelClone(objTile);\n\t\t\tobjTextPanelClone.refresh(true, true, panelWidth);\n\t\t\tvar objItem = t.getItemByTile(objTile);\n\t\t\tobjItem.textPanelCloneSizeSet = true;\n\t\t\t\n\t\t\treturn(false);\n\t\t}\n\t\t\n\t\tvar objTextPanel = getTextPanel(objTile);\n\t\t\n\t\tif(!objTextPanel)\n\t\t\treturn(false);\n\t\t\n\t\tvar panelHeight = null;\n\t\t\t\t\n\t\t//set panel height also\n\t\tif(g_temp.isTextpanelOutside == true)\n\t\t\tpanelHeight = getTextPanelHeight(objTile);\n\t\t\n\t\tobjTextPanel.refresh(false, true, panelWidth, panelHeight);\n\t\t\n\t\tvar isPosition = (g_options.tile_textpanel_always_on == true || g_options.tile_textpanel_appear_type == \"fade\");\n\t\t\n\t\tif(isPosition){\n\t\t\t\n\t\t\tif(g_temp.isTextpanelOutside == true && tileHeight && g_options.tile_textpanel_position == \"bottom\"){\n\t\t\t\n\t\t\t\tvar posy = tileHeight - panelHeight;\n\t\t\t\tobjTextPanel.positionPanel(posy);\n\t\t\t}else\n\t\t\t\tobjTextPanel.positionPanel();\n\t\t}\n\t\t\n\t}\n\t\t\n\t\n\t/**\n\t * position the elements\n\t */\n\tfunction positionElements(objTile){\n\t\t\n\t\tvar objItem = t.getItemByTile(objTile);\n\t\tvar objButtonZoom = getButtonZoom(objTile);\n\t\tvar objButtonLink = getButtonLink(objTile);\n\t\tvar sizeTile = g_functions.getElementSize(objTile);\n\t\t\t\t\n\t\tpositionElements_images(objTile, sizeTile.width, sizeTile.height);\n\t\t\n\t\t//position text panel:\n\t\tif(g_options.tile_enable_textpanel == true)\n\t\t\tpositionElements_textpanel(objTile, \"regular\", sizeTile.width, sizeTile.height);\n\t\t\n\t\t\n\t\t//position overlay:\n\t\tvar overlayWidth = sizeTile.width - g_temp.tileInnerReduce;\n\t\tvar overlayHeight = sizeTile.height - g_temp.tileInnerReduce;\n\t\tvar overlayY = 0;\n\t\tif(g_temp.isTextpanelOutside == true){\n\t\t\tvar textHeight = getTextPanelHeight(objTile);\n\t\t\toverlayHeight -= textHeight;\n\t\t\tif(g_options.tile_textpanel_position == \"top\")\n\t\t\t\toverlayY = textHeight;\n\t\t}\n\t\t\n\t\tvar objOverlay = getTileOverlay(objTile);\n\t\tg_functions.setElementSizeAndPosition(objOverlay, 0, overlayY, overlayWidth, overlayHeight);\n\t\t\n\t\t//set vertical gap for icons\n\t\tif(objButtonZoom || objButtonLink){\n\n\t\t\tvar gapVert = 0;\n\t\t\tif( g_options.tile_enable_textpanel == true && g_temp.isTextPanelHidden == false && g_temp.isTextpanelOutside == false){\n\t\t\t\tvar objTextPanelElement = getTextPanelElement(objTile);\n\t\t\t\tvar texPanelSize = g_functions.getElementSize(objTextPanelElement);\n\t\t\t\tif(texPanelSize.height > 0)\n\t\t\t\t\tgapVert = Math.floor((texPanelSize.height / 2) * -1);\n\t\t\t}\n\n\t\t}\n\t\t\n\t\tif(objButtonZoom && objButtonLink){\n\t\t\tvar sizeZoom = g_functions.getElementSize(objButtonZoom);\n\t\t\tvar sizeLink = g_functions.getElementSize(objButtonLink);\n\t\t\tvar spaceBetween = g_options.tile_space_between_icons;\n\t\t\t\n\t\t\tvar buttonsWidth = sizeZoom.width + spaceBetween + sizeLink.width;\n\t\t\tvar buttonsX = Math.floor((sizeTile.width - buttonsWidth) / 2);\n\t\t\t\n\t\t\t//trace(\"X: \"+buttonsX+\" \"+\"space: \" + spaceBetween);\n\t\t\t\n\t\t\t//if space more then padding, calc even space.\n\t\t\tif(buttonsX < spaceBetween){\n\t\t\t\tspaceBetween = Math.floor((sizeTile.width - sizeZoom.width - sizeLink.width) / 3);\n\t\t\t\tbuttonsWidth = sizeZoom.width + spaceBetween + sizeLink.width;\n\t\t\t\tbuttonsX = Math.floor((sizeTile.width - buttonsWidth) / 2);\n\t\t\t}\n\n\t\t\tg_functions.placeElement(objButtonZoom, buttonsX, \"middle\", 0 ,gapVert);\n\t\t\tg_functions.placeElement(objButtonLink, buttonsX + sizeZoom.width + spaceBetween, \"middle\", 0, gapVert);\n\t\t\t\t\t\t\n\t\t}else{\n\t\t\t\n\t\t\tif(objButtonZoom)\n\t\t\t\tg_functions.placeElement(objButtonZoom, \"center\", \"middle\", 0, gapVert);\n\t\t\t\n\t\t\tif(objButtonLink)\n\t\t\t\tg_functions.placeElement(objButtonLink, \"center\", \"middle\", 0, gapVert);\n\t\t\t\t\n\t\t}\n\t\t\n\t\tif(objButtonZoom)\n\t\t\tobjButtonZoom.show();\n\t\t\n\t\tif(objButtonLink)\n\t\t\tobjButtonLink.show();\n\t}\n\n\t\n\t/**\n\t * set tiles htmls\n\t */\n\tthis.setHtml = function(objParent, isAppend){\n\t\tg_objParentWrapper = objParent;\n\t\t\n\t\tif(isAppend !== true)\n\t\t\tmodifyOptionsBeforeRender();\n\t\t\n\t\tg_thumbs.setHtmlThumbs(objParent, isAppend);\n\t}\n\t\n\t\n\t\n\t/**\n\t * set the overlay effect\n\t */\n\tfunction setImageOverlayEffect(objTile, isActive){\n\t\t\n\t\tvar objItem = t.getItemByTile(objTile);\n\t\tvar objOverlayImage = getTileOverlayImage(objTile);\n\t\t\n\t\tvar animationDuration = g_options.thumb_transition_duration;\n\t\t\n\t\tif(g_options.tile_image_effect_reverse == false){\n\t\t\t\n\t\t\tvar objThumbImage = t.getTileImage(objTile);\n\t\t\t\n\t\t\tif(isActive){\n\t\t\t\tobjThumbImage.fadeTo(0,1);\t\t\t\n\t\t\t\tobjOverlayImage.stop(true).fadeTo(animationDuration, 0);\n\t\t\t}\n\t\t\telse\n\t\t\t\tobjOverlayImage.stop(true).fadeTo(animationDuration, 1);\n\t\t\t\n\t\t}else{\n\t\t\t\n\t\t\tif(isActive){\n\t\t\t\tobjOverlayImage.stop(true).fadeTo(animationDuration, 1);\n\t\t\t}\n\t\t\telse{\n\t\t\t\tobjOverlayImage.stop(true).fadeTo(animationDuration, 0);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n\t\n\t/**\n\t * set textpanel effect\n\t */\n\tfunction setTextpanelEffect(objTile, isActive){\n\t\t\n\t\tvar animationDuration = g_options.thumb_transition_duration;\n\t\t\n\t\tvar objTextPanel = getTextPanelElement(objTile);\n\t\tif(!objTextPanel)\n\t\t\treturn(true);\n\t\t\t\t\n\t\tif(g_options.tile_textpanel_appear_type == \"slide\"){\n\t\t\t\n\t\t\tvar panelSize = g_functions.getElementSize(objTextPanel);\n\t\t\tif(panelSize.width == 0)\n\t\t\t\treturn(false);\n\t\t\t\n\t\t\tvar startPos = -panelSize.height;\n\t\t\tvar endPos = 0;\n\t\t\tvar startClass = {}, endClass = {};\n\t\t\t\n\t\t\tvar posName = \"bottom\";\n\t\t\tif(g_options.tile_textpanel_position == \"inside_top\")\n\t\t\t\tposName = \"top\";\n\t\t\t\n\t\t\tstartClass[posName] = startPos+\"px\";\n\t\t\tendClass[posName] = endPos+\"px\";\n\t\t\t\t\t\t\n\t\t\tif(isActive == true){\n\t\t\t\t\t\t\t\t\n\t\t\t\tobjTextPanel.fadeTo(0,1);\n\t\t\t\t\n\t\t\t\tif(objTextPanel.is(\":animated\") == false)\n\t\t\t\t\tobjTextPanel.css(startClass);\n\t\t\t\t\n\t\t\t\tendClass[\"opacity\"] = 1;\n\t\t\t\t\t\n\t\t\t\tobjTextPanel.stop(true).animate(endClass, animationDuration);\n\t\t\t\t\n\t\t\t}else{\n\t\t\t\t\n\t\t\t\tobjTextPanel.stop(true).animate(startClass, animationDuration);\n\t\t\t\t\n\t\t\t}\n\t\t\t\n\t\t}else{\t\t//fade effect\n\t\t\t\n\t\t\tif(isActive == true){\n\t\t\t\tobjTextPanel.stop(true).fadeTo(animationDuration, 1);\n\t\t\t}else{\n\t\t\t\tobjTextPanel.stop(true).fadeTo(animationDuration, 0);\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t}\n\t\n\n\t/**\n\t * set thumb border effect\n\t */\n\tfunction setIconsEffect(objTile, isActive, noAnimation){\n\t\t\n\t\tvar animationDuration = g_options.thumb_transition_duration;\n\t\tif(noAnimation && noAnimation === true)\n\t\t\tanimationDuration = 0;\n\t\t\n\t\tvar g_objIconZoom = getButtonZoom(objTile);\n\t\tvar g_objIconLink = getButtonLink(objTile);\n\t\tvar opacity = isActive?1:0;\n\t\t\n\t\tif(g_objIconZoom)\n\t\t\tg_objIconZoom.stop(true).fadeTo(animationDuration, opacity);\n\t\t\n\t\tif(g_objIconLink)\n\t\t\tg_objIconLink.stop(true).fadeTo(animationDuration, opacity);\n\t\t\n\t}\n\t\n\t\n\t\n\t/**\n\t * set tile over style\n\t */\n\tfunction setOverStyle(data, objTile){\n\t\t\t\t\n\t\tobjTile = jQuery(objTile);\n\t\t\t\t\n\t\tif(g_options.tile_enable_image_effect)\n\t\t\tsetImageOverlayEffect(objTile, true);\n\n\t\tif(g_options.tile_enable_textpanel == true && g_options.tile_textpanel_always_on == false && g_temp.isTextPanelHidden == false)\n\t\t\tsetTextpanelEffect(objTile, true);\n\t\t\n\t\t//show/hide icons - if saparate (if not, they are part of the overlay)\n\t\t//if the type is video and icon always on - the icon should stay\n\t\tif(g_temp.isSaparateIcons && g_options.tile_enable_icons == true){\n\t\t\tvar isSet = (g_options.thumb_overlay_reverse == true);\n\t\t\t\n\t\t\tvar objItem = t.getItemByTile(objTile);\n\t\t\tif(isItemIconAlwaysOn(objItem) == false)\n\t\t\t\tsetIconsEffect(objTile, isSet, false);\n\t\t\t\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * set normal style\n\t */\n\tfunction setNormalStyle(data, objTile){\n\t\t\n\t\tobjTile = jQuery(objTile);\n\t\t\n\t\tif(g_options.tile_enable_image_effect)\n\t\t\tsetImageOverlayEffect(objTile, false);\n\t\t\n\t\tif(g_options.tile_enable_textpanel == true && g_options.tile_textpanel_always_on == false)\n\t\t\tsetTextpanelEffect(objTile, false);\n\t\t\n\t\t//show/hide icons - if saparate (if not, they are part of the overlay)\n\t\tif(g_temp.isSaparateIcons == true && g_options.tile_enable_icons == true){\n\t\t\t\n\t\t\tvar isSet = (g_options.thumb_overlay_reverse == true)?false:true;\n\t\t\t\n\t\t\tvar objItem = t.getItemByTile(objTile);\n\t\t\tif(isItemIconAlwaysOn(objItem) == false)\n\t\t\t\tsetIconsEffect(objTile, isSet, false);\n\t\t\telse{\t//make icon always appear\n\t\t\t\tsetIconsEffect(objTile, true, true);\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * set all tiles normal style\n\t */\n\tfunction setAllTilesNormalStyle(objTileExcept){\n\t\t\n\t\tvar objTiles = g_thumbs.getThumbs().not(objTileExcept);\n\t\tobjTiles.each(function(index, objTile){\n\t\t\tg_thumbs.setThumbNormalStyle(jQuery(objTile));\n\t\t});\n\t\t\n\t}\n\t\n\t\n\tfunction _________________EVENTS________________(){};\n\t\n\t\n\t/**\n\t * on tile size change, place elements\n\t */\n\tfunction onSizeChange(data, objTile, forcePosition){\n\n\t\tobjTile = jQuery(objTile);\n\t\t\n\t\t//position elements only if the image loaded (placed)\n\t\tif(g_options.tile_visible_before_image == true && objTile.data(\"image_placed\") !== true && forcePosition !== true)\n\t\t\treturn(true);\n\n\t\tpositionElements(objTile);\n\t\t\n\t\tg_thumbs.setThumbNormalStyle(objTile);\n\t}\n\t\n\t\n\t/**\n\t * on place image event after images loaded\n\t */\n\tfunction onPlaceImage(data, objTile, objImage){\n\t\t\n\t\tpositionElements(objTile);\n\t\tobjImage.fadeTo(0,1);\n\t\t\n\t\tobjTile.data(\"image_placed\", true);\n\t}\n\t\n\t\n\t/**\n\t * on tile click on mobile devices on normal state\n\t * set the tile over state\n\t */\n\tfunction onMobileClick(objTile){\n\n\t\tif(isTileClickable(objTile) == true){\n\t\t\tg_objThis.trigger(t.events.TILE_CLICK, objTile);\n\t\t\treturn(true);\n\t\t}\n\t\t\n\t\tif(isOverStyle(objTile) == false){\n\t\t\tsetAllTilesNormalStyle(objTile);\t\t\t\n\t\t\tg_thumbs.setThumbOverStyle(objTile);\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * on tile click event\n\t */\n\tfunction onTileClick(event){\n\t\t\t\t\n\t\tvar objTile = jQuery(this);\n\t\t\n\t\tvar tagname = objTile.prop(\"tagName\").toLowerCase();\n\t\tvar isApproved = true;\n\t\tif(g_temp.funcParentApproveClick && g_temp.funcParentApproveClick() == false)\n\t\t\tisApproved = false;\n\t\t\t\t\n\t\tif(tagname == \"a\"){\n\t\t\t\n\t\t\tif(isApproved == false)\n\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\n\t\t}else{\t\t//in case of div\n\t\t\t\n\t\t\tif(isOverStyle(objTile) == false){\t//mobile click version\n\t\t\t\t\n\t\t\t\tif(isApproved == true)\n\t\t\t\t\tonMobileClick(objTile);\n\t\t\t\t\t\t\t\t\n\t\t\t}else{\n\t\t\t\tif(isTileClickable(objTile) == false)\n\t\t\t\t\treturn(true);\n\t\t\t\t\n\t\t\t\tif(isApproved == true)\n\t\t\t\t\tg_objThis.trigger(t.events.TILE_CLICK, objTile);\n\t\t\t}\n\t\t\t\n\t\t\t\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * click on zoom button (as tile click)\n\t */\n\tfunction onZoomButtonClick(event){\n\t\t\t\t\n\t\tevent.stopPropagation();\n\t\t\n\t\tvar objTile = jQuery(this).parents(\".ug-tile\");\n\t\t\n\t\tvar isApproved = true;\n\t\t\n\t\tif(g_temp.funcParentApproveClick && g_temp.funcParentApproveClick() == false)\n\t\t\tisApproved = false;\n\t\t\n\t\tif(isOverStyle(objTile) == false){\n\t\t\tonMobileClick(objTile);\n\t\t\treturn(true);\n\t\t}\n\t\t\t\n\t\tif(isApproved == true){\n\t\t\tg_objThis.trigger(t.events.TILE_CLICK, objTile);\n\t\t\treturn(false);\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * on link icon click\n\t */\n\tfunction onLinkButtonClick(event){\n\t\tvar objTile = jQuery(this).parents(\".ug-tile\");\n\t\t\t\t\n\t\tif(g_temp.funcParentApproveClick && g_temp.funcParentApproveClick() == false)\n\t\t\tevent.preventDefault();\n\t\t\n\t\t//allow click only from over style\n\t\tif(isOverStyle(objTile) == false && g_options.tile_as_link == false){\n\t\t\tevent.preventDefault();\n\t\t\tonMobileClick(objTile);\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * init events\n\t */\n\tthis.initEvents = function(){\n\t\t\t\t\n\t\tg_thumbs.initEvents();\n\t\t\n\t\t//connect the over and normal style of the regular thumbs\n\t\tjQuery(g_thumbs).on(g_thumbs.events.SETOVERSTYLE, setOverStyle);\n\t\tjQuery(g_thumbs).on(g_thumbs.events.SETNORMALSTYLE, setNormalStyle);\n\t\tjQuery(g_thumbs).on(g_thumbs.events.PLACEIMAGE, onPlaceImage);\n\t\t\n\t\tg_objWrapper.on(g_temp.eventSizeChange, onSizeChange);\n\t\t\n\t\tg_objParentWrapper.on(\"click\", \".ug-tile\", onTileClick);\n\t\t\n\t\tg_objParentWrapper.on(\"click\", \".ug-tile .ug-button-play\", onZoomButtonClick);\n\t\t\n\t\tg_objParentWrapper.on(\"click\", \".ug-tile .ug-icon-link\", onLinkButtonClick);\n\t}\n\t\n\t\n\t/**\n\t * destroy the element events\n\t */\n\tthis.destroy = function(){\n\t\t\n\t\tg_objParentWrapper.off(\"click\", \".ug-tile\");\n\t\tg_objParentWrapper.off(\"click\", \".ug-tile .ug-button-play\");\n\t\tg_objParentWrapper.off(\"click\", \".ug-tile .ug-icon-link\");\n\t\t\n\t\tjQuery(g_thumbs).off(g_thumbs.events.SETOVERSTYLE);\n\t\tjQuery(g_thumbs).off(g_thumbs.events.SETNORMALSTYLE);\n\t\tjQuery(g_thumbs).off(g_thumbs.events.PLACEIMAGE);\n\t\tg_objWrapper.off(g_temp.eventSizeChange);\n\t\t\n\t\tif(g_options.tile_enable_textpanel == true){\n\t\t\tvar objThumbs = g_thumbs.getThumbs();\n\t\t\tjQuery.each(objThumbs, function(index, thumb){\t\t\t\t\n\t\t\t\tvar textPanel = getTextPanel(jQuery(thumb));\n\t\t\t\tif(textPanel)\n\t\t\t\t\ttextPanel.destroy();\n\t\t\t});\n\t\t}\n\t\t\n\t\tg_thumbs.destroy();\n\n\t}\n\n\t\n\t/**\n\t * external init\n\t */\n\tthis.init = function(gallery, g_thumbs, customOptions){\n\t\t\n\t\tinit(gallery, g_thumbs, customOptions);\n\t}\n\t\n\t/**\n\t * set fixed mode\n\t */\n\tthis.setFixedMode = function(){\n\t\t\n\t\tg_options.tile_size_by = t.sizeby.GLOBAL_RATIO;\n\t\tg_options.tile_visible_before_image = true;\n\t}\n\t\n\t\n\t/**\n\t * set parent approve click function\n\t */\n\tthis.setApproveClickFunction = function(funcApprove){\n\t\tg_temp.funcParentApproveClick = funcApprove;\n\t}\n\t\n\t\n\t\n\t/**\n\t * resize tile. If no size given, resize to original size\n\t * the resize mode taken from resize modes constants, default is full\n\t */\n\tthis.resizeTile = function(objTile, newWidth, newHeight, resizeMode){\n\t\t\n\t\t\t//if textpanel outside - refresh the textpanel first\n\t\t\tif(g_temp.isTextpanelOutside == true)\n\t\t\t\tpositionElements_textpanel(objTile, \"clone\", newWidth);\n\t\t\t\n\t\t\tif(!newWidth){\n\t\t\t\t\n\t\t\t\tvar newWidth = g_options.tile_width;\n\t\t\t\tvar newHeight = g_options.tile_height;\n\t\t\t\t\n\t\t\t}else{\t\t//only height is missing\n\t\t\t\tif(!newHeight){\n\t\t\t\t\t\n\t\t\t\t\tvar newHeight = t.getTileHeightByWidth(newWidth, objTile);\n\t\t\t\t}\n\t\t\t}\n\t\t\t\t\t\t\n\t\t\tg_functions.setElementSize(objTile, newWidth, newHeight);\n\t\t\t\n\t\t\tswitch(resizeMode){\n\t\t\t\tdefault:\n\t\t\t\tcase t.resizemode.FULL:\n\t\t\t\t\tt.triggerSizeChangeEvent(objTile, true);\n\t\t\t\tbreak;\n\t\t\t\tcase t.resizemode.WRAPPER_ONLY:\n\t\t\t\t\treturn(true);\n\t\t\t\tbreak;\n\t\t\t\tcase t.resizemode.VISIBLE_ELEMENTS:\n\t\t\t\t\t\n\t\t\t\t\tif(g_temp.funcCustomTileHtml){\n\t\t\t\t\t\tt.triggerSizeChangeEvent(objTile, true);\n\t\t\t\t\t\treturn(true);\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t//resize images\n\t\t\t\t\tpositionElements_images(objTile, newWidth, newHeight, true);\n\t\t\t\t\t\n\t\t\t\t\t//resize text panel, if visible\n\t\t\t\t\tif(g_options.tile_enable_textpanel == true && g_options.tile_textpanel_always_on == true && newWidth){\n\t\t\t\t\t\tpositionElements_textpanel(objTile, \"regular\", newWidth, newHeight);\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\n\t}\n\n\t\n\t/**\n\t * resize all tiles \n\t */\n\tthis.resizeAllTiles = function(newWidth, resizeMode, objTiles){\n\t\t\n\t\tmodifyOptionsBeforeRender();\n\t\t\n\t\tvar newHeight = null;\n\t\t\n\t\tif(g_options.tile_size_by == t.sizeby.GLOBAL_RATIO)\n\t\t\tnewHeight = t.getTileHeightByWidth(newWidth);\n\t\t\n\t\tif(!objTiles)\n\t\t\tvar objTiles = g_thumbs.getThumbs();\n\t\t\n\t\tobjTiles.each(function(index, objTile){\n\t\t\tt.resizeTile(jQuery(objTile), newWidth, newHeight, resizeMode);\n\t\t});\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * trigger size change events\n\t * the force is only for fixed size mode\n\t */\n\tthis.triggerSizeChangeEvent = function(objTile, isForce){\n\t\t\n\t\tif(!objTile)\n\t\t\treturn(false);\n\t\t\n\t\tif(!isForce)\n\t\t\tvar isForce = false;\n\t\t\n\t\tg_objWrapper.trigger(g_temp.eventSizeChange, [objTile, isForce]);\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * trigger size change event to all tiles\n\t * the force is only for fixed mode\n\t */\n\tthis.triggerSizeChangeEventAllTiles = function(isForce){\n\t\t\n\t\tvar objThumbs = g_thumbs.getThumbs();\n\n\t\tobjThumbs.each(function(){\n\t\t\tvar objTile = jQuery(this);\n\t\t\t\n\t\t\tt.triggerSizeChangeEvent(objTile, isForce);\n\t\t\t\n\t\t});\n\t\t\n\t}\n\t\n\t\n\t\n\t\n\t\n\t/**\n\t * disable all events\n\t */\n\tthis.disableEvents = function(){\n\t\tvar objThumbs = g_thumbs.getThumbs();\n\t\tobjThumbs.css(\"pointer-events\", \"none\");\n\t}\n\t\n\t\n\t/**\n\t * enable all events\n\t */\n\tthis.enableEvents = function(){\n\t\tvar objThumbs = g_thumbs.getThumbs();\n\t\tobjThumbs.css(\"pointer-events\", \"auto\");\n\t}\n\t\n\t\n\t/**\n\t * set new options\n\t */\n\tthis.setOptions = function(newOptions){\n\t\tg_options = jQuery.extend(g_options, newOptions);\n\t\tg_thumbs.setOptions(newOptions);\n\t}\n\t\n\t\n\t/**\n\t * set new tile size, this function will not resize, and keep ratio\n\t */\n\tthis.setTileSizeOptions = function(newTileWidth){\n\t\t\n\t\tif(g_options.tile_size_by !== t.sizeby.GLOBAL_RATIO)\n\t\t\tthrow new Error(\"setNewTileOptions works with global ration only\");\n\t\t\n\t\tg_options.tile_width = newTileWidth;\n\t\tg_options.tile_height = Math.floor(newTileWidth * g_temp.ratioByHeight);\n\t\t\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * set custom tile html function\n\t */\n\tthis.setCustomFunctions = function(funcCustomHtml, funcPositionElements){\n\t\tg_temp.funcCustomTileHtml = funcCustomHtml;\n\t\tg_temp.funcCustomPositionElements = funcPositionElements;\n\t}\n\t\n\t\n\t/**\n\t * run the tile design\n\t */\n\tthis.run = function(newOnly){\n\t\t\n\t\t//resize all tiles\n\t\tvar getMode = g_thumbs.type.GET_THUMBS_ALL;\n\t\tif(newOnly === true)\n\t\t\tgetMode = g_thumbs.type.GET_THUMBS_NEW;\n\t\t\n\t\tvar objThumbs = g_thumbs.getThumbs(getMode);\n\t\t\n\t\tif(g_options.tile_size_by == t.sizeby.GLOBAL_RATIO){\n\t\t\tt.resizeAllTiles(g_options.tile_width, t.resizemode.WRAPPER_ONLY, objThumbs);\n\t\t}\n\t\t\n\t\t//hide original image if image effect active\n\t\tif(g_options.tile_enable_image_effect == true && g_options.tile_image_effect_reverse == false)\n\t\t\tobjThumbs.children(\".ug-thumb-image\").fadeTo(0,0);\n\t\t\n\t\tg_thumbs.setHtmlProperties(objThumbs);\n\t\t\n\t\tif(g_options.tile_visible_before_image == true){\n\t\t\t\n\t\t\t//if textpanel outside - refresh the textpanel first\t\t\t\n\t\t\tobjThumbs.children(\".ug-thumb-image\").fadeTo(0,0);\n\t\t\tg_thumbs.loadThumbsImages();\n\t\t}\n\t\t\n\t}\n\n\t\n\tthis._____________EXTERNAL_GETTERS____________=function(){};\n\t\n\t\n\t/**\n\t * get thumbs general option\n\t */\n\tthis.getObjThumbs = function(){\n\t\treturn g_thumbs;\n\t}\n\t\n\t/**\n\t * get options\n\t */\n\tthis.getOptions = function(){\n\t\treturn g_options;\n\t}\n\n\t/**\n\t * get tile image\n\t */\n\tthis.getTileImage = function(objTile){\n\t\tvar objImage = objTile.find(\"img.ug-thumb-image\");\n\t\treturn(objImage);\n\t}\n\n\t\n\t/**\n\t * get item from tile\n\t */\n\tthis.getItemByTile = function(objTile){\n\t\treturn g_thumbs.getItemByThumb(objTile);\n\t}\n\t\n\t\n\t/**\n\t * get tile height by width\n\t */\n\tthis.getTileHeightByWidth = function(newWidth, objTile){\n\t\t\n\t\tvar ratio = getTileRatio(objTile);\n\t\t\n\t\tif(ratio === null)\n\t\t\treturn(null);\n\t\t\n\t\tvar height = Math.floor( (newWidth - g_temp.tileInnerReduce) * ratio) + g_temp.tileInnerReduce;\n\t\t\n\t\tif(objTile && g_temp.isTextpanelOutside == true && g_options.tile_size_by == t.sizeby.IMAGE_RATIO)\n\t\t\theight += getTextPanelHeight(objTile);\n\t\t\n\t\treturn(height);\n\t}\n\t\n\t\n\t/**\n\t * get tile original size\n\t */\n\tthis.getTileImageSize = function(objTile){\n var objItem = t.getItemByTile(objTile);\n if(!objItem.thumbWidth || !objItem.thumbHeight)\n \tthrow new Error(\"Can't get image size - image not inited.\");\n \n var objSize = {\n \t\twidth: objItem.thumbWidth,\n \t\theight: objItem.thumbHeight\n };\n \n return(objSize);\n\t}\n\t\n\t\n\t/**\n\t * get tile size\n\t */\n\tthis.getGlobalTileSize = function(){\n\t\t\n\t\tif(g_options.tile_size_by != t.sizeby.GLOBAL_RATIO)\n\t\t\tthrow new Error(\"The size has to be global ratio\");\n\t\t\n\t\tvar objSize = {\n\t\t\t\twidth: g_options.tile_width,\n\t\t\t\theight: g_options.tile_height\n\t\t};\n\t\t\n\t\treturn(objSize);\n\t}\n\t\n\t\n}\n\n/**\n * avia control class\n * addon to strip gallery\n */\nfunction UGAviaControl(){\n\n\tvar g_parent, g_gallery, g_objects, g_objStrip, g_objStripInner, g_options;\n\tvar g_isVertical;\n\t\n\tvar g_temp = {\n\t\ttouchEnabled:false,\t\t\t//variable that tells if touch event was before move event\n\t\tisMouseInsideStrip: false,\n\t\tstrip_finalPos:0,\n\t\thandle_timeout:\"\",\n\t\tisStripMoving:false,\n\t\tisControlEnabled: true\n\t};\n\t\n\t\n\t/**\n\t * enable the control\n\t */\n\tthis.enable = function(){\n\t\tg_temp.isControlEnabled = true;\n\t}\n\t\n\t/**\n\t * disable the control\n\t */\n\tthis.disable = function(){\n\t\tg_temp.isControlEnabled = false;\t\t\n\t}\n\t\n\t/**\n\t * init function for avia controls\n\t */\n\tthis.init = function(objParent){\n\t\tg_parent = objParent;\n\t\t\n\t\tg_objects = objParent.getObjects();\n\t\t\t\t\n\t\tg_gallery = g_objects.g_gallery;\n\t\t\n\t\tg_objStrip = g_objects.g_objStrip;\n\t\tg_objStripInner = g_objects.g_objStripInner;\n\t\tg_options = g_objects.g_options;\n\t\tg_isVertical = g_objects.isVertical;\t\t\n\t\t\t\t\n\t\tinitEvents();\n\t}\n\t\n\t/**\n\t * get mouse position from event according the orientation\n\t */\n\tfunction getMousePos(event){\n\t\t\n\t\tif(g_isVertical == false)\n\t\t\treturn(event.pageX);\n\t\t\n\t\treturn(event.pageY);\n\t}\n\t\n\t/**\n\t * handle avia strip control event on body mouse move\n\t */\n\tfunction initEvents(event){\n\t\t\n\t\t//make sure that the avia control will not work on touch devices\n\t\tjQuery(\"body\").on(\"touchstart\", function(event){\n\t\t\t\n\t\t\tif(g_temp.isControlEnabled == false)\n\t\t\t\treturn(true);\n\t\t\t\n\t\t\tg_temp.touchEnabled = true;\n\t\t\t\n\t\t});\n\t\t\n\t\t//on body move\n\t\tjQuery(\"body\").mousemove(function(event){\n\t\t\t\n\t\t\tif(g_temp.isControlEnabled == false)\n\t\t\t\treturn(true);\n\t\t\t\t\t\t\t\t\t\n\t\t\t//protection for touch devices, disable the avia events\n\t\t\tif(g_temp.touchEnabled == true){\n\t\t\t\tjQuery(\"body\").off(\"mousemove\");\n\t\t\t\treturn(true);\n\t\t\t}\n\t\t\t\n\t\t\tg_temp.isMouseInsideStrip = g_objStrip.ismouseover();\n\t\t\tvar strip_touch_active = g_parent.isTouchMotionActive();\n\t\t\t\n\t\t\tif(g_temp.isMouseInsideStrip == true && strip_touch_active == false){\n\t\t\t\t\n\t\t\t\tvar mousePos = getMousePos(event);\n\t\t\t\t\n\t\t\t\tmoveStripToMousePosition(mousePos);\n\t\t\t}else{\n\t\t\t\tstopStripMovingLoop();\n\t\t\t}\n\t\t\t\n\t\t});\n\t\t\t\t\t\t\n\t}\n\t\n\t\n\t/**\n\t * destroy the avia control events\n\t */\n\tthis.destroy = function(){\n\t\t\n\t\tjQuery(\"body\").off(\"touchstart\");\n\t\tjQuery(\"body\").off(\"mousemove\");\n\n\t}\n\t\n\t\n\t/**\n\t * get inner y position according mouse y position on the strip\n\t */\n\tfunction getInnerPosY(mouseY){\n\n\t\tvar innerOffsetTop = g_options.strip_padding_top;\n\t\tvar innerOffsetBottom = g_options.strip_padding_bottom;\n\n\t\tvar stripHeight = g_objStrip.height();\n\t\tvar innerHeight = g_objStripInner.height();\t\t\n\t\t\n\t\t//if all thumbs visible, no need to move\n\t\tif(stripHeight > innerHeight)\n\t\t\treturn(null);\n\t\t\n\t\t//find y position inside the strip\n\t\tvar stripOffset = g_objStrip.offset();\t\t\n\t\tvar offsetY = stripOffset.top;\n\t\tvar posy = mouseY - offsetY - innerOffsetTop;\n\t\tif(posy < 0)\n\t\t\treturn(null);\n\t\t\n\t\t//set measure line parameters\n\t\tvar mlineStart = g_options.thumb_height;\n\t\tvar mlineEnd = stripHeight - g_options.thumb_height;\n\t\tvar mLineSize = mlineEnd - mlineStart;\n\t\t\t\t\n\t\t//fix position borders on the measure line\n\t\tif(posy < mlineStart)\n\t\t\tposy = mlineStart;\n\t\t\n\t\tif(posy > mlineEnd)\n\t\t\tposy = mlineEnd;\n\t\t\n\t\t//count the ratio of the position on the measure line\n\t\tvar ratio = (posy - mlineStart) / mLineSize;\n\t\tvar innerPosY = (innerHeight - stripHeight) * ratio;\n\t\tinnerPosY = Math.round(innerPosY) * -1 + innerOffsetTop;\n\t\t\n\t\treturn(innerPosY);\n\t}\n\n\t\n\t/**\n\t * get inner x position according mouse x position on the strip\n\t */\n\tfunction getInnerPosX(mouseX){\n\t\t\n\t\tvar innerOffsetLeft = g_options.strip_padding_left;\n\t\tvar innerOffsetRight = g_options.strip_padding_right;\n\t\t\n\t\tvar stripWidth = g_objStrip.width() - innerOffsetLeft - innerOffsetRight;\n\t\tvar innerWidth = g_objStripInner.width();\n\t\t\n\t\t//if all thumbs visible, no need to move\n\t\tif(stripWidth > innerWidth)\n\t\t\treturn(null);\n\t\t\n\t\tvar stripOffset = g_objStrip.offset();\n\t\tvar offsetX = stripOffset.left;\n\t\tvar posx = mouseX - offsetX - innerOffsetLeft;\n\t\t\n\t\t//set measure line parameters\n\t\tvar mlineStart = g_options.thumb_width;\n\t\tvar mlineEnd = stripWidth - g_options.thumb_width;\n\t\tvar mLineSize = mlineEnd - mlineStart;\n\t\t\n\t\t//fix position borders on the measure line\n\t\tif(posx < mlineStart)\n\t\t\tposx = mlineStart;\n\t\t\n\t\tif(posx > mlineEnd)\n\t\t\tposx = mlineEnd;\n\t\t\n\t\t//count the ratio of the position on the measure line\n\t\tvar ratio = (posx - mlineStart) / mLineSize;\n\t\tvar innerPosX = (innerWidth - stripWidth) * ratio;\n\t\tinnerPosX = Math.round(innerPosX) * -1 + innerOffsetLeft;\n\t\t\n\t\t\n\t\treturn(innerPosX);\n\t}\n\t\t\n\t\t\n\t/**\n\t * move strip stap to final position\n\t */\n\tfunction moveStripStep(){\n\t\t\n\t\tif(g_temp.is_strip_moving == false){\n\t\t\treturn(false);\n\t\t}\n\t\t\n\t\tvar innerPos = g_parent.getInnerStripPos();\n\t\t\t\t\n\t\tif(Math.floor(innerPos) == Math.floor(g_temp.strip_finalPos)){\n\t\t\tstopStripMovingLoop();\n\t\t}\n\t\t\n\t\t//calc step\n\t\tvar diff = Math.abs(g_temp.strip_finalPos - innerPos);\n\t\t\n\t\tvar dpos;\n\t\tif(diff < 1){\n\t\t\tdpos = diff;\n\t\t}\n\t\telse{\n\t\t\n\t\t\tdpos = diff / 4;\n\t\t\tif(dpos > 0 && dpos < 1)\n\t\t\t\tdpos = 1;\n\t\t}\t\t\n\t\t\n\t\tif(g_temp.strip_finalPos < innerPos)\n\t\t\tdpos = dpos * -1;\n\t\t\t\t\n\t\tvar newPos = innerPos + dpos;\n\t\t\n\t\tg_parent.positionInnerStrip(newPos);\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * start loop of strip moving\n\t */\n\tfunction startStripMovingLoop(){\n\t\t\n\t\tif(g_temp.isStripMoving == true)\n\t\t\treturn(false);\n\t\t\t\n\t\tg_temp.isStripMoving = true;\n\t\tg_temp.handle_timeout = setInterval(moveStripStep,10);\n\t}\n\t\n\t/**\n\t * stop loop of strip moving\n\t */\n\tfunction stopStripMovingLoop(){\n\t\t\n\t\tif(g_temp.isStripMoving == false)\n\t\t\treturn(false);\n\t\t\t\n\t\tg_temp.isStripMoving = false;\n\t\tg_temp.handle_timeout = clearInterval(g_temp.handle_timeout);\n\t}\n\n\t/**\n\t * get inner position according the orientation\n\t * taken by the mouse position\n\t */\n\tfunction getInnerPos(mousePos){\n\t\t\n\t\tif(g_isVertical == false)\n\t\t\treturn getInnerPosX(mousePos);\n\t\telse\n\t\t\treturn getInnerPosY(mousePos);\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * move the strip to mouse position on it\n\t * mousex - mouse position relative to the document\n\t */\n\tfunction moveStripToMousePosition(mousePos){\t\t\n\t\t\n\t\tvar innerPos = getInnerPos(mousePos);\n\t\t\n\t\tif(innerPos === null)\n\t\t\treturn(false);\n\t\t\n\t\tg_temp.is_strip_moving = true;\n\t\tg_temp.strip_finalPos = innerPos;\n\t\t\t\t\n\t\tstartStripMovingLoop();\n\t}\n\t\n}\n\n/**\n * slider class\n * addon to strip gallery\n */\nfunction UGSlider(){\n\t\n\tvar t = this, g_objThis = jQuery(t);\n\tvar g_gallery = new UniteGalleryMain(), g_objGallery, g_objWrapper, g_objThumbs;\t\n\t//the video arrows is independent arrows that is not sitting on the controls\n\tvar g_objSlider, g_objInner, g_objSlide1, g_objSlide2, g_objSlide3, g_objArrowLeft, g_objArrowRight;\n\tvar g_objTouchSlider, g_objZoomSlider, g_objZoomPanel, g_objButtonPlay = null, g_objButtonFullscreen = null, g_objBullets = null;\n\tvar g_objVideoPlayer = new UGVideoPlayer(), g_optionsPrefix;\n\tvar g_functions = new UGFunctions(), g_objProgress = null, g_objTextPanel = null;\n\t\n\t\n\tthis.events = {\t\t\n\t\tITEM_CHANGED: \"item_changed\",\t\t\t\t//on item changed\n\t\tBEFORE_SWITCH_SLIDES: \"before_switch\",\t\t//before slides switching\n\t\tBEFORE_RETURN: \"before_return\",\t\t\t\t//before return from pan or from zoom\n\t\tAFTER_RETURN: \"after_return\",\t\t\t\t//after return from pan or from zoom\n\t\tZOOM_START: \"slider_zoom_start\",\t\t\t//on zoom start \n\t\tZOOM_END: \"slider_zoom_end\",\t\t\t\t//on zoom move \n\t\tZOOMING: \"slider_zooming\",\t\t\t\t\t//on zooming\n\t\tZOOM_CHANGE: \"slider_zoom_change\",\t\t\t//on slide image image zoom change\t\n\t\tSTART_DRAG: \"start_drag\",\t\t\t\t\t//on slider drag start\n\t\tAFTER_DRAG_CHANGE: \"after_drag_change\",\t\t//after finish drag chagne transition\n\t\tACTION_START: \"action_start\",\t\t\t\t//on slide action start\n\t\tACTION_END: \"action_end\",\t\t\t\t\t//on slide action stop\n\t\tCLICK: \"slider_click\",\t\t\t\t\t\t//on click event\n\t\tTRANSITION_START:\"slider_transition_start\",\t//before transition start event\n\t\tTRANSITION_END:\"slider_transition_end\",\t\t//on transition end event\n\t\tAFTER_PUT_IMAGE: \"after_put_image\",\t\t\t//after put slide image\n\t\tIMAGE_MOUSEENTER: \"slider_image_mouseenter\", //on slide image mouseonter\n\t\tIMAGE_MOUSELEAVE: \"slider_image_mouseleave\",\t \t\t//on slide image mouseleave\n\t\tCURRENTSLIDE_LOAD_START: \"slider_current_loadstart\",\t//on current slide load image start\n\t\tCURRENTSLIDE_LOAD_END: \"slider_current_loadend\"\t\t//on finish load current slide image\n\t}\n\t\n\tvar g_options = {\n\t\t slider_scale_mode: \"fill\",\t\t\t\t\t//fit: scale down and up the image to always fit the slider\n\t\t \t\t\t\t\t\t\t\t\t\t\t\t//down: scale down only, smaller images will be shown, don't enlarge images (scale up)\n\t\t \t\t\t\t\t\t\t\t\t\t\t\t//fill: fill the entire slider space by scaling, cropping and centering the image\n\t\t \t\t\t\t\t\t\t\t\t\t\t\t//fitvert: make the image always fill the vertical slider area\n\t\t slider_scale_mode_media: \"fill\",\t\t\t\t//fill, fit, down, fitvert - scale mode on media items\n\t\t slider_scale_mode_fullscreen: \"down\",\t\t\t//fill, fit, down, fitvert - scale mode on fullscreen.\n\t\t \t\t \n\t\t slider_item_padding_top: 0,\t\t\t\t\t//padding top of the slider item\n\t\t slider_item_padding_bottom: 0,\t\t\t\t//padding bottom of the slider item\n\t\t slider_item_padding_left: 0,\t\t\t\t\t//padding left of the slider item\n\t\t slider_item_padding_right: 0,\t\t\t\t\t//padding right of the slider item\n\t\t \n\t\t slider_background_color: \"\",\t\t\t\t\t//slider background color, set if you want to change default\n\t\t slider_background_opacity: 1,\t\t\t\t\t//slider background opacity\n\t\t \n\t\t slider_image_padding_top: 0,\t\t\t\t\t//padding top of the image inside the item\n\t\t slider_image_padding_bottom: 0,\t\t\t\t//padding bottom of the image inside the item\n\t\t slider_image_padding_left: 0,\t\t\t\t\t//padding left of the image inside the item\n\t\t slider_image_padding_right: 0,\t\t\t\t//padding right of the image inside the item\n\n\t\t slider_image_border: false,\t\t\t\t\t//enable border around the image\n\t\t slider_image_border_width: 10,\t\t\t\t//image border width\n\t\t slider_image_border_color: \"#ffffff\",\t\t\t//image border color\n\t\t slider_image_border_radius: 0,\t\t\t\t//image border radius\n\t\t slider_image_border_maxratio: 0.35,\t\t\t//max ratio that the border can take from the image\n\t\t slider_image_shadow: false,\t\t\t\t\t//enable border shadow the image\n\t\t \n\t\t slider_video_constantsize: false, \t\t\t//constant video size mode for video items\n\t\t slider_video_constantsize_scalemode: \"fit\", \t//fit,down: constant video size scale mode\n\t\t slider_video_constantsize_width: 854,\t\t\t//constant video size width\n\t\t slider_video_constantsize_height: 480,\t\t//constant video size height\n\t\t \n\t\t slider_video_padding_top: 0,\t\t\t\t\t//padding top of the video player inside the item\n\t\t slider_video_padding_bottom: 0,\t\t\t\t//padding bottom of the video player inside the item\n\t\t slider_video_padding_left: 0,\t\t\t\t\t//padding left of the video player inside the item\n\t\t slider_video_padding_right: 0,\t\t\t\t//padding right of the video player inside the item\n\t\t \n\t\t slider_video_enable_closebutton: true,\t\t//enable video close button\n\t\t \n\t\t slider_transition: \"slide\",\t\t\t\t\t//fade, slide - the transition of the slide change\n\t\t slider_transition_speed:300,\t\t\t\t \t//transition duration of slide change\n\t\t slider_transition_easing: \"easeInOutQuad\",\t//transition easing function of slide change\n\t\t \n\t\t slider_control_swipe:true,\t\t\t\t\t//true,false - enable swiping control\n\t\t slider_control_zoom:true,\t\t\t\t\t\t//true, false - enable zooming control\n\t\t slider_zoom_mousewheel: true,\t\t\t\t\t//enable zoom on mousewheel\n\t\t slider_vertical_scroll_ondrag: false,\t\t\t//vertical scroll on slider area drag\t\t\t\t\t \n\t\t slider_loader_type: 1,\t\t\t\t\t\t//shape of the loader (1-7)\n\t\t slider_loader_color:\"white\",\t\t\t\t\t//color of the loader: (black , white)\n\t\t slider_enable_links: true,\t\t\t\t\t//enable slide as link functionality\n\t\t slider_links_newpage: false,\t\t\t\t\t//open the slide link in new page\n\t\t \n\t\t slider_enable_bullets: false,\t\t\t\t\t//enable the bullets onslider element\n\t\t slider_bullets_skin: \"\",\t\t\t\t\t\t//skin of the bullets, if empty inherit from gallery skin\n\t\t slider_bullets_space_between: -1,\t\t\t\t//set the space between bullets. If -1 then will be set default space from the skins\n\t\t slider_bullets_align_hor:\"center\",\t\t\t//left, center, right - bullets horizontal align\n\t\t slider_bullets_align_vert:\"bottom\",\t\t\t//top, middle, bottom - bullets vertical algin\n\t\t slider_bullets_offset_hor:0,\t\t\t\t\t//bullets horizontal offset \n\t\t slider_bullets_offset_vert:10,\t\t\t\t//bullets vertical offset\n\t\t \n\t\t slider_enable_arrows: true,\t\t\t\t\t//enable arrows onslider element\n\t\t slider_arrows_skin: \"\",\t\t\t\t\t\t//skin of the slider arrows, if empty inherit from gallery skin\n\t\t \n\t\t slider_arrow_left_align_hor:\"left\",\t \t\t//left, center, right - left arrow horizonal align\n\t\t slider_arrow_left_align_vert:\"middle\", \t\t//top, middle, bottom - left arrow vertical align\n\t\t slider_arrow_left_offset_hor:20,\t\t \t\t//left arrow horizontal offset\n\t\t slider_arrow_left_offset_vert:0,\t\t \t\t//left arrow vertical offset\n\t\t \n\t\t slider_arrow_right_align_hor:\"right\", \t\t//left, center, right - right arrow horizontal algin\n\t\t slider_arrow_right_align_vert:\"middle\", \t\t//top, middle, bottom - right arrow vertical align\n\t\t slider_arrow_right_offset_hor:20,\t \t\t\t//right arrow horizontal offset \n\t\t slider_arrow_right_offset_vert:0,\t \t\t\t//right arrow vertical offset\n\t\t \n\t\t slider_enable_progress_indicator: true,\t\t //enable progress indicator element\n\t\t slider_progress_indicator_type: \"pie\",\t\t //pie, pie2, bar (if pie not supported, it will switch to bar automatically)\n\t\t slider_progress_indicator_align_hor:\"right\", //left, center, right - progress indicator horizontal align\n\t\t slider_progress_indicator_align_vert:\"top\", //top, middle, bottom - progress indicator vertical align\n\t\t slider_progress_indicator_offset_hor:10,\t //progress indicator horizontal offset \n\t\t slider_progress_indicator_offset_vert:10,\t //progress indicator vertical offset\n\t\t \n\t\t slider_enable_play_button: true,\t\t\t\t //true,false - enable play / pause button onslider element\n\t\t slider_play_button_skin: \"\",\t\t\t\t\t //skin of the slider play button, if empty inherit from gallery skin\n\t\t slider_play_button_align_hor:\"left\", \t\t //left, center, right - play button horizontal align\n\t\t slider_play_button_align_vert:\"top\", \t\t //top, middle, bottom - play button vertical align\n\t\t slider_play_button_offset_hor:40,\t \t\t //play button horizontal offset \n\t\t slider_play_button_offset_vert:8,\t \t\t\t //play button vertical offset\n\t\t slider_play_button_mobilehide:false,\t\t \t //hide the play button on mobile\n\t\t \n\t\t slider_enable_fullscreen_button: true,\t\t //true,false - enable fullscreen button onslider element\n\t\t slider_fullscreen_button_skin: \"\",\t\t\t //skin of the slider fullscreen button, if empty inherit from gallery skin\n\t\t slider_fullscreen_button_align_hor:\"left\", //left, center, right\t- fullscreen button horizonatal align\n\t\t slider_fullscreen_button_align_vert:\"top\", //top, middle, bottom - fullscreen button vertical align\n\t\t slider_fullscreen_button_offset_hor:11,\t //fullscreen button horizontal offset \n\t\t slider_fullscreen_button_offset_vert:9,\t \t //fullscreen button vertical offset\n\t\t slider_fullscreen_button_mobilehide:false,\t //hide the button on mobile\n\t\t \n\t\t slider_enable_zoom_panel: true,\t\t\t\t //true,false - enable the zoom buttons, works together with zoom control.\n\t\t slider_zoompanel_skin: \"\",\t\t\t\t\t //skin of the slider zoom panel, if empty inherit from gallery skin\t\t \n\t\t slider_zoompanel_align_hor:\"left\", \t\t //left, center, right - zoom panel horizontal align\n\t\t slider_zoompanel_align_vert:\"top\", \t \t //top, middle, bottom - zoom panel vertical align\n\t\t slider_zoompanel_offset_hor:12,\t \t\t //zoom panel horizontal offset \n\t\t slider_zoompanel_offset_vert:92,\t \t\t\t //zoom panel vertical offset\n\t\t slider_zoompanel_mobilehide:false,\t\t //hide the zoom panel on mobile\n\t\t \n\t\t slider_controls_always_on: false,\t\t\t\t//true,false - controls are always on, false - show only on mouseover\n\t\t slider_controls_appear_ontap: true,\t\t\t//true,false - appear controls on tap event on touch devices\n\t\t slider_controls_appear_duration: 300,\t\t\t//the duration of appearing controls\n\t\t \n\t\t slider_enable_text_panel: true,\t\t\t\t//true,false - enable the text panel\n\t\t slider_textpanel_always_on: true,\t\t\t\t//true,false - text panel are always on, false - show only on mouseover\n\t\t \n\t\t slider_videoplay_button_type: \"square\"\t\t//square, round - the videoplay button type, square or round\t\n\t};\n\t\n\t\n\t//default options for bar progress incicator\n\tvar g_defaultsProgressBar = {\n\t\t slider_progress_indicator_align_hor:\"left\", \t//left, center, right\n\t\t slider_progress_indicator_align_vert:\"bottom\", //top, middle, bottom\n\t\t slider_progress_indicator_offset_hor:0,\t \t//horizontal offset \n\t\t slider_progress_indicator_offset_vert:0\t \t\t//vertical offset\n\t};\n\t\n\tvar g_temp = {\n\t\tisRunOnce: false,\n\t\tisTextPanelSaparateHover: false,\t\t\t\t\t//if the panel need to be appeared without the controls object on mouseover\n\t\tnumPrev:1,\n\t\tnumCurrent:2,\n\t\tnumNext: 3,\n\t\tisControlsVisible: true,\n\t\tcurrentControlsMode: \"image\"\n\t};\n\t\n\tfunction __________GENERAL___________(){};\n\t\n\t\n\t/**\n\t * init the slider\n\t */\n\tfunction initSlider(objGallery, objOptions, optionsPrefix){\n\t\tg_gallery = objGallery;\n\t\t\t\t\n\t\t//change options by prefix\n\t\tif(optionsPrefix){\n\t\t\tg_optionsPrefix = optionsPrefix;\n\t\t\tobjOptions = g_functions.convertCustomPrefixOptions(objOptions, g_optionsPrefix, \"slider\");\n\t\t}\n\t\t\n\t\tg_objGallery = jQuery(objGallery);\n\t\t\n\t\tvar objects = g_gallery.getObjects();\t\t\n\t\tg_objWrapper = objects.g_objWrapper;\n\t\tg_objThumbs = objects.g_objThumbs;\n\t\t\n\t\t//set progress indicator bar defaults if type bar\n\t\tif(objOptions.hasOwnProperty(\"slider_progress_indicator_type\"))\n\t\t\tg_options.slider_progress_indicator_type = objOptions.slider_progress_indicator_type;\n\t\t\n\t\tif(g_options.slider_progress_indicator_type == \"bar\"){\n\t\t\tg_options = jQuery.extend(g_options, g_defaultsProgressBar);\n\t\t}\n\t\t\t\t\n\t\tif(objOptions)\n\t\t\tt.setOptions(objOptions);\n\t\t\n\t\tprocessOptions();\n\t\t\n\t\t//init bullets:\n\t\tif(g_options.slider_enable_bullets == true){\n\t\t\tg_objBullets = new UGBullets();\n\t\t\tvar bulletsOptions = {\n\t\t\t\t\tbullets_skin: g_options.slider_bullets_skin,\n\t\t\t\t\tbullets_space_between: g_options.slider_bullets_space_between\n\t\t\t}\n\t\t\tg_objBullets.init(g_gallery, bulletsOptions);\n\t\t}\n\t\t\n\t\t//init text panel\n\t\tif(g_options.slider_enable_text_panel){\n\t\t\tg_objTextPanel = new UGTextPanel();\n\t\t\tg_objTextPanel.init(g_gallery, g_options, \"slider\");\n\t\t}\n\t\t\n\t\tif(g_options.slider_enable_zoom_panel){\n\t\t\tg_objZoomPanel = new UGZoomButtonsPanel();\n\t\t\tg_objZoomPanel.init(t, g_options);\n\t\t}\n\t\t\n\t\tvar galleryID = g_gallery.getGalleryID();\n\t\t\n\t\t//init video player\n\t\tg_objVideoPlayer.init(g_options, false, galleryID);\t\t\n\t}\n\t\n\t\n\t/**\n\t * run the slider functionality\n\t */\n\tfunction runSlider(){\n\t\t\n\t\tif(g_temp.isRunOnce == true)\n\t\t\treturn(false);\n\t\t\n\t\tg_temp.isRunOnce = true;\n\t\t\n\t\t//set background color\n\t if(g_options.slider_background_color){\t \t\t\n\t\t var bgColor = g_options.slider_background_color;\n\t\t \n\t\t if(g_options.slider_background_opacity != 1)\n\t\t\t bgColor = g_functions.convertHexToRGB(bgColor, g_options.slider_background_opacity);\n\t\t \n\t\t g_objSlider.css(\"background-color\", bgColor);\n\t \n\t }else if(g_options.slider_background_opacity != 1){\t//set opacity with default color\n\t\t\n\t\t bgColor = g_functions.convertHexToRGB(\"#000000\", g_options.slider_background_opacity);\n\t\t g_objSlider.css(\"background-color\", bgColor);\n\t \n\t }\n\t \n\t\t//init touch slider control\n\t\tif(g_options.slider_control_swipe == true){\n\t\t\tg_objTouchSlider = new UGTouchSliderControl();\n\t\t\tg_objTouchSlider.init(t, g_options);\n\t\t}\n\n\t\t//init zoom slider control\n\t\tif(g_options.slider_control_zoom == true){\n\t\t\tg_objZoomSlider = new UGZoomSliderControl();\n\t\t\tg_objZoomSlider.init(t, g_options);\n\t\t}\n\t\t\n\t\t//run the text panel\n\t\tif(g_objTextPanel)\n\t\t\tg_objTextPanel.run();\n\t\t\n\t\tinitEvents();\t\t\n\t}\n\t\n\t\n\t/**\n\t * process the options\n\t */\n\tfunction processOptions(){\n\t\tvar galleryOptions = g_gallery.getOptions();\n\t\t\n\t\t//set skins:\n\t\tvar globalSkin = galleryOptions.gallery_skin;\n\t\t\n\t\tif(g_options.slider_bullets_skin == \"\")\n\t\t\tg_options.slider_bullets_skin = globalSkin;\n\t\t\n\t\tif(g_options.slider_arrows_skin == \"\")\n\t\t\tg_options.slider_arrows_skin = globalSkin;\n\t\t\n\t\tif(g_options.slider_zoompanel_skin == \"\")\n\t\t\tg_options.slider_zoompanel_skin = globalSkin;\n\t\t\n\t\tif(g_options.slider_play_button_skin == \"\")\n\t\t\tg_options.slider_play_button_skin = globalSkin;\n\t\t\n\t\tif(g_options.slider_fullscreen_button_skin == \"\")\n\t\t\tg_options.slider_fullscreen_button_skin = globalSkin;\n\t\t\n\t\tg_options.video_enable_closebutton = g_options.slider_video_enable_closebutton;\n\t\t\n\t\t//set mousewheel option depends on the gallery option\n\t\tif(galleryOptions.gallery_mousewheel_role != \"zoom\")\n\t\t\tg_options.slider_zoom_mousewheel = false;\n\t\n\t}\n\t\n\t\n\t/**\n\t * \n\t * get html slide\n\t */\n\tfunction getHtmlSlide(loaderClass, numSlide){\n\t\t\n\t\tvar classVideoplay = \"ug-type-square\";\n\t\tif(g_options.slider_videoplay_button_type == \"round\")\n\t\t\tclassVideoplay = \"ug-type-round\";\n\t\t\n\t\tvar html = \"\";\n\t\thtml += \"\";\n\t\t\n\t\treturn(html);\n\t}\n\t\n\t\n\t/**\n\t * set the slider html\n\t */\n\tfunction setHtmlSlider(objParent){\n\t\t\n\t\tif(objParent)\n\t\t\tg_objWrapper = objParent;\n\t\t\n\t\t//get if the slide has controls\n\t\tvar loaderClass = getLoaderClass();\n\t\tvar galleryOptions = g_gallery.getOptions();\n\t\t\n\t\tvar html = \"\";\t//end slider\n\t\t\n\t\t\n\t\tg_objWrapper.append(html);\n\t\t\n\t\t//----------------\n\t\t\n\t\t//set objects\n\t\tg_objSlider = g_objWrapper.children(\".ug-slider-wrapper\");\n\t\tg_objInner = g_objSlider.children(\".ug-slider-inner\");\n\t\t\n\t\t\n\t\tg_objSlide1 = g_objInner.children(\".ug-slide1\");\n\t\tg_objSlide2 = g_objInner.children(\".ug-slide2\");\n\t\tg_objSlide3 = g_objInner.children(\".ug-slide3\");\n\t\t\n\t\t//set slides data\n\t\tg_objSlide1.data(\"slidenum\",1);\n\t\tg_objSlide2.data(\"slidenum\",2);\n\t\tg_objSlide3.data(\"slidenum\",3);\n\t\t\t\t\n\t\t//add bullets\n\t\tif(g_objBullets)\n\t\t\tg_objBullets.appendHTML(g_objSlider);\n\t\t\n\t\t//----------------\n\t\t\n\t\t//get arrows object\n\t\tif(g_options.slider_enable_arrows == true){\n\t\t\tg_objArrowLeft = g_objSlider.children(\".ug-arrow-left\");\n\t\t\tg_objArrowRight = g_objSlider.children(\".ug-arrow-right\");\n\t\t}\n\t\t\t\t\n\t\t//get play button\n\t\tif(g_options.slider_enable_play_button == true){\n\t\t\tg_objButtonPlay = g_objSlider.children(\".ug-button-play\");\n\t\t}\n\t\t\n\t\t//get fullscreen button\n\t\tif(g_options.slider_enable_fullscreen_button == true){\n\t\t\tg_objButtonFullscreen = g_objSlider.children(\".ug-button-fullscreen\");\n\t\t}\n\t\t\n\t\t\n\t\t//----------------\n\t\t\n\t\t//add progress indicator\n\t\tif(g_options.slider_enable_progress_indicator == true){\n\t\t\t\n\t\t\tg_objProgress = g_functions.initProgressIndicator(g_options.slider_progress_indicator_type, g_options, g_objSlider);\n\t\t\t\n\t\t\tvar finalType = g_objProgress.getType();\n\t\t\t\n\t\t\t//change options in case of type change\n\t\t\tif(finalType == \"bar\" && g_options.slider_progress_indicator_type == \"pie\"){\n\t\t\t\tg_options.slider_progress_indicator_type = \"bar\";\n\t\t\t\tg_options = jQuery.extend(g_options, g_defaultsProgressBar);\n\t\t\t}\t\n\t\t\t\n\t\t\tg_gallery.setProgressIndicator(g_objProgress);\n\t\t}\n\t\t\n\t\t//----------------\n\t\t\n\t\t//add text panel (hidden)\n\t\tif(g_options.slider_enable_text_panel == true){\n\t\t\t\n\t\t\t\tg_objTextPanel.appendHTML(g_objSlider);\n\t\t\t\t\t\t\t\t\n\t\t\t\t//hide panel saparatelly from the controls object\n\t\t\t\tif(g_options.slider_textpanel_always_on == false){\n\t\t\t\t\t\n\t\t\t\t\t//hide the panel\n\t\t\t\t\tvar panelElement = g_objTextPanel.getElement();\n\t\t\t\t\tpanelElement.hide().data(\"isHidden\", true);\n\t\n\t\t\t\t\tg_temp.isTextPanelSaparateHover = true;\n\t\t\t\t\t\n\t\t\t\t}\n\t\t\t\n\t\t}\n\t\t\t\n\t\t//----------------\n\t\t\n\t\t//add zoom buttons panel:\n\t\tif(g_options.slider_enable_zoom_panel == true){\n\t\t\tg_objZoomPanel.appendHTML(g_objSlider);\n\t\t}\n\t\n\t\t\n\t\t//add video player\n\t\tg_objVideoPlayer.setHtml(g_objInner);\n\t}\n\t\n\t\n\t/**\n\t * position elements that related to slide\n\t */\n\tfunction positionSlideElements(objSlide){\n\t\t\n\t\t//position preloader\n\t\tvar objPreloader = getSlidePreloader(objSlide);\n\t\tg_functions.placeElementInParentCenter(objPreloader);\n\t\t\n\t\t//position video play button\n\t\tvar objVideoPlayButton = getSlideVideoPlayButton(objSlide);\n\t\tg_functions.placeElementInParentCenter(objVideoPlayButton);\t\t\n\t}\n\t\n\t\n\t/**\n\t * position elements\n\t */\n\tfunction positionElements(){\n\t\t\n\t\t//place bullets\n\t\tif(g_objBullets){\n\t\t\tobjBullets = g_objBullets.getElement();\n\t\t\t\n\t\t\t//strange bug fix (bullets width: 20) by double placing\n\t\t\tg_functions.placeElement(objBullets, g_options.slider_bullets_align_hor, g_options.slider_bullets_align_vert, g_options.slider_bullets_offset_hor, g_options.slider_bullets_offset_vert);\n\t\t\tg_functions.placeElement(objBullets, g_options.slider_bullets_align_hor, g_options.slider_bullets_align_vert, g_options.slider_bullets_offset_hor, g_options.slider_bullets_offset_vert);\n\t\t\t\n\t\t}\n\t\t\n\t\t//place arrows\n\t\tif(g_options.slider_enable_arrows == true){\n\t\t\tg_functions.placeElement(g_objArrowLeft, g_options.slider_arrow_left_align_hor, g_options.slider_arrow_left_align_vert, g_options.slider_arrow_left_offset_hor, g_options.slider_arrow_left_offset_vert);\n\t\t\tg_functions.placeElement(g_objArrowRight, g_options.slider_arrow_right_align_hor, g_options.slider_arrow_left_align_vert, g_options.slider_arrow_right_offset_hor, g_options.slider_arrow_right_offset_vert);\n\t\t}\n\t\t\n\t\t//hide controls\n\t\tif(g_options.slider_controls_always_on == false)\n\t\t\thideControls(true);\n\t\t\n\t\t//place progress indicator\n\t\tif(g_objProgress){\n\t\t\t\n\t\t\tvar objProgressElement = g_objProgress.getElement();\n\t\t\t\n\t\t\tif(g_options.slider_progress_indicator_type == \"bar\"){\n\t\t\t\tvar sliderWidth = g_objSlider.width();\t\t\t\t\n\t\t\t\tg_objProgress.setSize(sliderWidth);\n\t\t\t\tg_functions.placeElement(objProgressElement, \"left\", g_options.slider_progress_indicator_align_vert, 0, g_options.slider_progress_indicator_offset_vert);\t\t\t\t\n\t\t\t\t\n\t\t\t}else{\n\t\t\t\tg_functions.placeElement(objProgressElement, g_options.slider_progress_indicator_align_hor, g_options.slider_progress_indicator_align_vert, g_options.slider_progress_indicator_offset_hor, g_options.slider_progress_indicator_offset_vert);\t\t\t\t\n\t\t\t\t\n\t\t\t}\t\t\t\n\t\t}\n\t\t\t\t\n\t\t//position text panel\n\t\tif(g_objTextPanel)\n\t\t\tg_objTextPanel.positionPanel();\n\t\t\n\t\t//position controls elements\n\t\tplaceControlsElements();\n\t\t\n\t\t//place slide elements\n\t\tpositionSlideElements(g_objSlide1);\n\t\tpositionSlideElements(g_objSlide2);\n\t\tpositionSlideElements(g_objSlide3);\n\t\t\n\t\tcheckMobileModify();\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * place elements that located on \"controls\" div\n\t */\n\tfunction placeControlsElements(){\n\t\t\n\t\tif(g_objButtonPlay)\t\t\t\n\t\t\tg_functions.placeElement(g_objButtonPlay, g_options.slider_play_button_align_hor, g_options.slider_play_button_align_vert, g_options.slider_play_button_offset_hor, g_options.slider_play_button_offset_vert);\t\t\t\n\t\t\n\t\t//position fullscreen button\n\t\tif(g_objButtonFullscreen)\t\t\t\n\t\t\tg_functions.placeElement(g_objButtonFullscreen, g_options.slider_fullscreen_button_align_hor, g_options.slider_fullscreen_button_align_vert, g_options.slider_fullscreen_button_offset_hor, g_options.slider_fullscreen_button_offset_vert);\n\t\t\n\t\t//position zoom panel\n\t\tif(g_objZoomPanel){\n\t\t\tvar zoomPanelElement = g_objZoomPanel.getElement();\n\t\t\tg_functions.placeElement(zoomPanelElement, g_options.slider_zoompanel_align_hor, g_options.slider_zoompanel_align_vert, g_options.slider_zoompanel_offset_hor, g_options.slider_zoompanel_offset_vert);\n\t\t}\n\t}\n\t\n\t\n\t\t\n\t/**\n\t * position slides by their order\n\t */\n\tfunction positionSlides(){\n\t\t\n\t\tvar slides = t.getSlidesReference();\n\t\tvar posX = 0, posY = 0, innerWidth;\n\t\tvar posXPrev=0, posXCurrent = 0, posXNext, nextHasItem, prevHasItem;\n\t\t\t\t\n\t\tnextHasItem = t.isSlideHasItem(slides.objNextSlide);\n\t\tprevHasItem = t.isSlideHasItem(slides.objPrevSlide);\n\t\t\n\t\tif(prevHasItem){\n\t\t\tposXCurrent = slides.objPrevSlide.outerWidth();\n\t\t\tslides.objPrevSlide.css(\"z-index\",1);\n\t\t}else\n\t\t\tslides.objPrevSlide.hide();\t\t\t\n\t\t\n\t\tposXNext = posXCurrent + slides.objCurrentSlide.outerWidth();\n\t\t\n\t\tinnerWidth = posXNext;\n\t\tif(nextHasItem){\n\t\t\tinnerWidth = posXNext + slides.objNextSlide.outerWidth();\n\t\t\tslides.objPrevSlide.css(\"z-index\",2);\t\t\n\t\t}else\n\t\t\tslides.objNextSlide.hide();\n\t\t\n\t\tslides.objCurrentSlide.css(\"z-index\",3);\n\t\t\n\t\t//set inner size and position\n\t\tg_functions.placeElement(slides.objCurrentSlide, posXCurrent, posY);\t\t\n\t\tg_objInner.css({\"left\":-posXCurrent+\"px\", width:innerWidth+\"px\"});\n\n\t\t//position prev\n\t\tif(prevHasItem){\n\t\t\tg_functions.placeElement(slides.objPrevSlide, posXPrev, posY);\n\t\t\tg_functions.showElement(slides.objPrevSlide);\n\t\t}\n\t\t\n\t\tif(nextHasItem){\n\t\t\tg_functions.showElement(slides.objNextSlide);\n\t\t\tg_functions.placeElement(slides.objNextSlide, posXNext, posY);\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\n\t/**\n\t * resize the slide image inside item\n\t */\n\tfunction resizeSlideItem(objSlide){\n\t\tvar index = objSlide.data(\"index\");\n\t\tif(index === undefined || index == null)\n\t\t\treturn(false);\n\t\t\n\t\tvar objItem = g_gallery.getItem(index);\n\t\t\n\t\tif(!objItem)\n\t\t\treturn(false);\n\t\t\n\t\tsetItemToSlide(objSlide, objItem);\n\t}\n\t\n\t\n\t/**\n\t * show the preloader\n\t * show the index, so only the current index load will hide.\n\t */\t\n\tfunction showPreloader(objPreloader){\n\t\t\n\t\tobjPreloader.stop(true).show(100);\n\t\n\t}\n\t\n\t/**\n\t * hide the preloader\n\t */\n\tfunction hidePreloader(objPreloader){\n\t\t\n\t\tobjPreloader.stop(true).hide(100);\n\t}\n\t\n\t/**\n\t * get proper image border width\n\t */\n\tfunction getImageBorderWidth(objImage, imageData){\n\t\t\n\t\tvar borderWidth = g_options.slider_image_border_width;\n\t\t\n\t\tif(borderWidth <= 10)\n\t\t\treturn(borderWidth);\n\n\t\t//set image size\n\t\tvar imageSize = g_functions.getElementSize(objImage);\n\t\tvar imageWidth = imageSize.width;\n\t\tvar imageHeight = imageSize.height;\n\t\t\n\t\tif(imageData){\n\t\t\tif(imageData.hasOwnProperty(\"imageWidth\"))\n\t\t\t\timageWidth = imageData.imageWidth;\n\t\t\t\n\t\t\tif(imageData.hasOwnProperty(\"imageHeight\"))\n\t\t\t\timageHeight = imageData.imageHeight;\n\t\t\t\n\t\t}\n\t\t\n\t\tif(imageWidth <= 0)\n\t\t\treturn(borderWidth);\n\t\t\n\t\t//take the less size\n\t\tvar totalSize = (imageWidth < imageHeight)?imageWidth:imageHeight;\n\t\tvar borderSize = borderWidth * 2;\n\t\t\n\t\tvar borderRatio = borderSize / totalSize;\n\t\t\n\t\tif(borderRatio < g_options.slider_image_border_maxratio)\n\t\t\treturn(borderWidth);\n\t\t\n\t\t//change border width\t\t\n\t\tvar borderWidth = (totalSize * g_options.slider_image_border_maxratio)/2; \n\t\t\n\t\tborderWidth = Math.round(borderWidth);\n\t\t\n\t\treturn(borderWidth);\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * set slider image css design according the settings\n\t */\n\tfunction setImageDesign(objImage, slideType, imageData){\n\t\t\n\t\tvar css = {};\n\t\tif(g_options.slider_image_border == true){\n\t\t\tcss[\"border-style\"] = \"solid\";\n\t\t\t\n\t\t\tvar borderWidth = getImageBorderWidth(objImage, imageData);\n\t\t\t\n\t\t\tcss[\"border-width\"] = borderWidth+\"px\";\n\t\t\tcss[\"border-color\"] = g_options.slider_image_border_color;\n\t\t\tcss[\"border-radius\"] = g_options.slider_image_border_radius;\n\t\t}\n\t\t\n\t\tif(slideType != \"image\" && g_options.slider_video_constantsize == true)\n\t\t\tcss[\"background-color\"] = \"#000000\";\n\t\t\n\t\tif(g_options.slider_image_shadow == true){\n\t\t\tcss[\"box-shadow\"] = \"3px 3px 10px 0px #353535\";\n\t\t}\n\t\t\n\t\tobjImage.css(css);\n\t}\n\t\n\t\n\t/**\n\t * scale image constant size (for video items)\n\t */\n\tfunction scaleImageConstantSize(objImage, objItem){\n\t\t\n\t\tvar constantWidth = g_options.slider_video_constantsize_width;\n\t\tvar constantHeight = g_options.slider_video_constantsize_height;\n\t\tvar scaleMode = g_options.slider_video_constantsize_scalemode;\n\t\t\n\t\tvar objSize = g_functions.scaleImageExactSizeInParent(objImage, objItem.imageWidth, objItem.imageHeight, constantWidth, constantHeight, scaleMode);\n\t\t\n\t\t\n\t\treturn(objSize);\n\t}\n\n\t\n\t/**\n\t * \n\t * set item to slide\n\t */\n\tfunction setImageToSlide(objSlide, objItem, isForce){\n\t\t\n\t\tvar objItemWrapper = objSlide.children(\".ug-item-wrapper\");\n\t\t\n\t\tvar objPreloader = getSlidePreloader(objSlide);\n\t\t\n\t\tif(typeof objItem.urlImage == \"undefined\" || objItem.urlImage == \"\")\n\t\t\tthrow new Error(\"The slide don't have big image defined ( data-image='imageurl' ). Please check gallery items.\", \"showbig\");\n\t\t\n\t\tvar urlImage = objItem.urlImage;\n\t\t\n\t\tvar currentImage = objSlide.data(\"urlImage\");\n\t\t\t\t\n\t\tobjSlide.data(\"urlImage\",urlImage);\n\t\t\n\t\tvar scaleMode = t.getScaleMode(objSlide);\n\t\t\n\t\tvar slideType = t.getSlideType(objSlide);\n\t\t\n\t\tobjPadding = t.getObjImagePadding();\n\t\t\n\t\t\n\t\tif(currentImage == urlImage && isForce !== true){\n\t\t\t\n\t\t\tvar objImage = objItemWrapper.children(\"img\");\n\t\t\t\t\t\t\n\t\t\tif(objItem.imageWidth == 0 || objItem.imageHeight == 0){\n\t\t\t\tg_gallery.checkFillImageSize(objImage, objItem);\n\t\t\t}\n\t\t\t\n\t\t\tvar objImageData = {};\n\t\t\t\n\t\t\tif(slideType != \"image\" && g_options.slider_video_constantsize == true){\n\t\t\t\tobjImageData = scaleImageConstantSize(objImage, objItem);\n\t\t\t}\n\t\t\telse{\n\t\t\t\tobjImageData = g_functions.scaleImageFitParent(objImage, objItem.imageWidth, objItem.imageHeight, scaleMode, objPadding);\n\t\t\t}\n\t\t\t\n\t\t\tsetImageDesign(objImage, slideType, objImageData);\n\t\t\tg_objThis.trigger(t.events.AFTER_PUT_IMAGE, objSlide);\n\t\t\t\n\t\t}\n\t\telse{\t\t//place the image inside parent first time\n\t\t\t\n\t\t\tobjImage = g_functions.placeImageInsideParent(urlImage, objItemWrapper, objItem.imageWidth, objItem.imageHeight, scaleMode, objPadding);\n\t\t\t\n\t\t\t//set image loaded on load:\n\t\t\tif(objItem.isBigImageLoaded == true){\n\t\t\t\tobjImage.fadeTo(0,1);\n\t\t\t\thidePreloader(objPreloader);\n\t\t\t\t\n\t\t\t\tif(slideType != \"image\" && g_options.slider_video_constantsize == true)\n\t\t\t\t\tvar objImageData = scaleImageConstantSize(objImage, objItem);\n\t\t\t\telse\n\t\t\t\t\tvar objImageData = g_functions.getImageInsideParentData(objItemWrapper, objItem.imageWidth, objItem.imageHeight, scaleMode, objPadding);\n\t\t\t\t\n\t\t\t\t//set missing css width\n\t\t\t\tobjImage.css(\"width\",objImageData.imageWidth+\"px\");\n\t\t\t\t\t\t\n\t\t\t\tsetImageDesign(objImage, slideType, objImageData);\n\t\t\t\t\n\t\t\t\tg_objThis.trigger(t.events.AFTER_PUT_IMAGE, objSlide);\n\t\t\t}\n\t\t\telse{\t\t//if the image not loaded, load the image and show it after.\n\t\t\t\tobjImage.fadeTo(0,0);\n\t\t\t\tshowPreloader(objPreloader);\n\t\t\t\tobjSlide.data(\"isLoading\", true);\n\t\t\t\t\n\t\t\t\tif(t.isSlideCurrent(objSlide))\n\t\t\t\t\tg_objThis.trigger(t.events.CURRENTSLIDE_LOAD_START);\n\t\t\t\t\n\t\t\t\tobjImage.data(\"itemIndex\", objItem.index);\n\t\t\t\tobjImage.on(\"load\",function(){\n\t\t\t\t\t\n\t\t\t\t\t//place the image normally with coordinates\n\t\t\t\t\tvar objImage = jQuery(this);\n\t\t\t\t\tvar itemIndex = objImage.data(\"itemIndex\");\n\t\t\t\t\t\n\t\t\t\t\tobjImage.fadeTo(0,1);\n\t\t\t\t\t\n\t\t\t\t\t//get and hide preloader\n\t\t\t\t\tvar objSlide = objImage.parent().parent();\n\t\t\t\t\tvar slideType = t.getSlideType(objSlide);\n\t\t\t\t\tvar objPreloader = getSlidePreloader(objSlide);\n\t\t\t\t\tvar objPadding = t.getObjImagePadding();\n\t\t\t\t\tvar scaleMode = t.getScaleMode(objSlide);\n\t\t\t\t\t\n\t\t\t\t\thidePreloader(objPreloader);\n\t\t\t\t\tobjSlide.data(\"isLoading\", false);\n\t\t\t\t\t\n\t\t\t\t\tif(t.isSlideCurrent(objSlide))\n\t\t\t\t\t\tg_objThis.trigger(t.events.CURRENTSLIDE_LOAD_END);\n\t\t\t\t\t\n\t\t\t\t\tg_gallery.onItemBigImageLoaded(null, objImage);\n\t\t\t\t\t\n\t\t\t\t\tvar objItem = g_gallery.getItem(itemIndex);\n\t\t\t\t\t\n\t\t\t\t\tvar objImageData = {};\n\t\t\t\t\t\n\t\t\t\t\tif(slideType != \"image\" && g_options.slider_video_constantsize == true)\n\t\t\t\t\t\tscaleImageConstantSize(objImage, objItem);\n\t\t\t\t\telse{\n\t\t\t\t\t\tobjImageData = g_functions.scaleImageFitParent(objImage, objItem.imageWidth, objItem.imageHeight, scaleMode, objPadding);\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\tobjImage.fadeTo(0,1);\n\t\t\t\t\t\n\t\t\t\t\tsetImageDesign(objImage, slideType, objImageData);\n\t\t\t\t\t\n\t\t\t\t\tg_objThis.trigger(t.events.AFTER_PUT_IMAGE, objSlide);\n\t\t\t\t});\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\t\n\t}\n\t\n\t\t\n\t\n\t/**\n\t * set slider image by url\n\t * if item not set, get current slide item\n\t */\n\tfunction setItemToSlide(objSlide, objItem){\n\t\t\n\t\ttry{\n\n\t\t\tvar objItemWrapper = objSlide.children(\".ug-item-wrapper\");\n\t\t\t\t\t\n\t\t\t//if the item is empty, remove the image from slide\n\t\t\tif(objItem == null){\n\t\t\t\tobjItemWrapper.html(\"\");\n\t\t\t\tobjSlide.removeData(\"index\");\n\t\t\t\tobjSlide.removeData(\"type\");\n\t\t\t\tobjSlide.removeData(\"urlImage\");\n\t\t\t\treturn(false);\n\t\t\t}\n\t\t\t\n\t\t\tvar currentIndex = objSlide.data(\"index\");\n\t\t\t\n\t\t\tobjSlide.data(\"index\",objItem.index);\n\t\t\tobjSlide.data(\"type\", objItem.type);\n\t\t\t\n\t\t\t//set link class\n\t\t\tif(g_options.slider_enable_links == true && objItem.type == \"image\"){\n\t\t\t\t\n\t\t\t\tif(objItem.link)\n\t\t\t\t\tobjSlide.addClass(\"ug-slide-clickable\");\n\t\t\t\telse\n\t\t\t\t\tobjSlide.removeClass(\"ug-slide-clickable\");\n\t\t\t}\n\t\t\t\n\t\t\tsetImageToSlide(objSlide, objItem);\n\t\t\t\n\t\t\t//show type related elements\n\t\t\tvar objVideoPlayButton = getSlideVideoPlayButton(objSlide);\n\t\t\tswitch(objItem.type){\n\t\t\t\tcase \"image\":\n\t\t\t\t\tobjVideoPlayButton.hide();\n\t\t\t\tbreak;\n\t\t\t\tdefault:\t\t//video\n\t\t\t\t\tobjVideoPlayButton.show();\t\t\t\t\t\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\t\n\t\t}catch(error){\n\t\t\t\n\t\t\tif(typeof error.fileName != \"undefined\" && error.fileName == \"showbig\")\n\t\t\t\tg_gallery.showErrorMessageReplaceGallery(error.message);\n\t\t\t\n\t\t\tobjItemWrapper.html(\"\");\n\t\t\tthrow new Error(error);\n\t\t\treturn(true);\n\t\t}\n\t\t\n\t}\t\n\t\n\t\n\t\n\t/**\n\t * hide the panel\n\t */\n\tfunction hideTextPanel(){\n\t\t\n\t\tif(!g_objTextPanel)\n\t\t\treturn(false);\n\t\t\n\t\tif(isTextPanelHidden() == true)\n\t\t\treturn(false);\n\t\t\n\t\tvar panelElement = g_objTextPanel.getElement();\n\t\n\t\tvar animationTime = 0;\n\t\tif(g_temp.isTextPanelSaparateHover == true || g_options.slider_textpanel_always_on == true){\n\t\t\tanimationTime = g_options.slider_controls_appear_duration;\n\t\t}\n\t\t\n\t\tpanelElement.stop().fadeTo(animationTime, 0);\n\t\t\n\t\tpanelElement.data(\"isHidden\", true);\n\t}\n\t\n\t\n\t/**\n\t * show the text panel\n\t */\n\tfunction showTextPanel(){\n\t\t\n\t\tif(!g_objTextPanel)\n\t\t\treturn(false);\n\t\t\n\t\tif(isTextPanelHidden() == false)\n\t\t\treturn(false);\n\t\t\n\t\tvar panelElement = g_objTextPanel.getElement();\n\t\t\n\t\tvar animationTime = 0;\n\t\t\n\t\tif(g_temp.isTextPanelSaparateHover == true || g_options.slider_textpanel_always_on == true){\n\t\t\t\n\t\t\tpanelElement.show();\n\t\t\tg_objTextPanel.positionElements();\n\t\t\t\n\t\t\tanimationTime = g_options.slider_controls_appear_duration;\n\t\t}\n\t\t\n\t\tpanelElement.stop().show().fadeTo(animationTime,1);\n\t\t\n\t\tpanelElement.data(\"isHidden\", false);\n\t\t\t\t\n\t}\n\t\n\t\n\t/**\n\t * check if the text panel is hidden or not\n\t */\n\tfunction isTextPanelHidden(){\n\n\t\tvar panelElement = g_objTextPanel.getElement();\n\n\t\tvar isHidden = panelElement.data(\"isHidden\");\n\t\tif(isHidden === false)\n\t\t\treturn(false);\n\t\t\n\t\treturn(true);\t\t\n\t}\t\n\t\n\t\n\t/**\n\t * validate that the slide is certain type, if not, throw error\n\t */\n\tfunction validateSlideType(type, objSlide){\n\t\tif(objSlide == undefined)\n\t\t\tvar objSlide = t.getCurrentSlide();\n\t\t\n\t\tvar slideType = t.getSlideType(objSlide);\n\t\t\t\t\n\t\tif(slideType != type){\n\t\t\tthrow new Error(\"Wrong slide type: \"+ slideType +\", should be: \"+type);\n\t\t\treturn(false);\n\t\t}\n\t\t\n\t\treturn(true);\n\t}\n\t\n\tfunction __________VIDEO_PLAYER_______(){};\n\n\t\n\t\n\t/**\n\t * set video player position\n\t */\n\tfunction setVideoPlayerPosition(){\n\t\t\n\t\tvar objCurrentSlide = t.getCurrentSlide();\n\t\tvar objImage = t.getSlideImage(objCurrentSlide);\n\t\t\n\t\tvar slideSize = g_functions.getElementSize(objCurrentSlide);\n\t\tvar left = slideSize.left;\n\t\tvar top = slideSize.top;\n\t\t\t\t\n\t\t//set by image position\n\t\tif(g_options.slider_video_constantsize == true){\n\t\t\t\n\t\t\tvar imageSize = g_functions.getElementSize(objImage);\n\t\t\tleft += imageSize.left;\n\t\t\ttop += imageSize.top;\n\t\t\t\n\t\t}else{\t//set video padding\n\t\t\t\n\t\t\tleft += g_options.slider_video_padding_left;\n\t\t\ttop += g_options.slider_video_padding_top;\n\t\t\n\t\t}\n\t\t\n\t\tg_objVideoPlayer.setPosition(left, top);\n\t}\n\t\n\t\n\t/**\n\t * set video player constant size\n\t */\n\tfunction setVideoPlayerConstantSize(){\n\t\t\n\t\tvar videoWidth = g_options.slider_video_constantsize_width;\n\t\tvar videoHeight = g_options.slider_video_constantsize_height;\n\t\t\n\t\tg_objVideoPlayer.setSize(videoWidth, videoHeight);\n\t\t\n\t\t//set video design\n\t\tvar videoElement = g_objVideoPlayer.getObject();\n\t\t\n\t\tsetImageDesign(videoElement, \"video\");\n\t}\n\t\n\t\n\tfunction __________TRANSITION_______(){};\n\n\t\n\t\n\t/**\n\t * do the transition between the current and the next\n\t */\n\tfunction doTransition(direction, objItem, forceTransition){\n\t\t\n\t\tg_objThis.trigger(t.events.TRANSITION_START);\n\t\t\n\t\tvar transition = g_options.slider_transition;\n\t\tif(forceTransition)\n\t\t\ttransition = forceTransition;\n\n\t\t//stop current slide action\n\t\tt.stopSlideAction(null, true);\n\t\t\n\t\tswitch(transition){\n\t\t\tdefault:\n\t\t\tcase \"fade\":\n\t\t\t\ttransitionFade(objItem);\n\t\t\tbreak;\n\t\t\tcase \"slide\":\t\t\t\t\n\t\t\t\ttransitionSlide(direction, objItem);\n\t\t\tbreak;\n\t\t\tcase \"lightbox_open\":\t\t//fade transition without animation\n\t\t\t\ttransitionFade(objItem, false, true);\n\t\t\tbreak;\n\t\t}\n\t\t\n\t}\n\n\t\n\t/**\n\t * switch slide numbers after transition (by direction)\n\t * \n\t */\n\tthis.switchSlideNums = function(direction){\n\t\t\n\t\t//trigger item changed effect\n\t\tg_objThis.trigger(t.events.BEFORE_SWITCH_SLIDES);\n\t\t\n\t\tswitch(direction){\n\t\t\tcase \"left\":\n\t\t\t\tvar currentNum = g_temp.numCurrent;\n\t\t\t\tg_temp.numCurrent = g_temp.numNext;\n\t\t\t\tg_temp.numNext = g_temp.numPrev;\n\t\t\t\tg_temp.numPrev = currentNum;\n\t\t\tbreak;\n\t\t\tcase \"right\":\n\t\t\t\tvar currentNum = g_temp.numCurrent;\n\t\t\t\tg_temp.numCurrent = g_temp.numPrev;\n\t\t\t\tg_temp.numPrev = g_temp.numNext;\n\t\t\t\tg_temp.numNext = currentNum;\t\t\t\t\n\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tthrow new Error(\"wrong direction: \"+ direction);\n\t\t\tbreak;\n\t\t}\n\t\t\n\t\t//trace(g_temp.numCurrent);\n\t\t\n\t\t//trigger item changed effect\n\t\tg_objThis.trigger(t.events.ITEM_CHANGED);\n\t}\n\t\n\t\n\t/**\n\t * do slide transition\n\t */\n\tfunction transitionSlide(direction, objItem){\n\t\t\n\t\tvar animating = t.isAnimating();\n\n\t\tif(animating == true){\n\t\t\tg_temp.itemWaiting = objItem;\n\t\t\treturn(true);\n\t\t}\n\t\t\n\t\t//always clear next item on transition start\n\t\t// next item can be only in the middle of the transition.\n\t\tif(g_temp.itemWaiting != null)\n\t\t\tg_temp.itemWaiting = null;\n\t\t\n\t\tvar slides = t.getSlidesReference();\n\t\t\n\t\t\n\t\tswitch(direction){\n\t\t\tcase \"right\":\t//change to prev item\n\t\t\t\tsetItemToSlide(slides.objPrevSlide, objItem);\n\t\t\t\tpositionSlides();\n\t\t\t\t\n\t\t\t\tvar posPrev = g_functions.getElementSize(slides.objPrevSlide);\n\t\t\t\tvar destX = -posPrev.left;\n\t\t\t\t\n\t\t\t\tt.switchSlideNums(\"right\");\n\t\t\t\t\n\t\t\tbreak;\t\n\t\t\tcase \"left\":\t\t//change to next item\n\t\t\t\tsetItemToSlide(slides.objNextSlide, objItem);\n\t\t\t\tpositionSlides();\n\t\t\t\t\n\t\t\t\tvar posNext = g_functions.getElementSize(slides.objNextSlide);\n\t\t\t\tvar destX = -posNext.left;\n\t\t\t\t\n\t\t\t\tt.switchSlideNums(\"left\");\n\t\t\t\t\n\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tthrow new Error(\"wrong direction: \"+direction);\n\t\t\tbreak;\n\t\t}\n\t\t\t\t\n\t\tvar transSpeed = g_options.slider_transition_speed;\n\t\tvar transEasing = g_options.slider_transition_easing;\n\n\t\t\n\t\tvar animateParams = {\n\t\t\t\tduration: transSpeed,\n\t\t\t\teasing: transEasing,\n\t\t\t\tqueue: false,\n\t\t\t\talways:function(){\n\t\t\t\t\t\t\n\t\t\t\t\t\tt.stopSlideAction();\n\t\t\t\t\t\tg_objVideoPlayer.hide();\n\t\t\t\t\t\t\n\t\t\t\t\t\t//transit next item if waiting\n\t\t\t\t\t\tif(g_temp.itemWaiting != null){\n\t\t\t\t\t\t\tvar direction = getSlideDirection(g_temp.itemWaiting);\n\t\t\t\t\t\t\ttransitionSlide(direction, g_temp.itemWaiting);\n\t\t\t\t\t\t}else{\n\t\t\t\t\t\t\t//if no item waiting, please neighbour items in places\n\t\t\t\t\t\t\tt.placeNabourItems();\n\t\t\t\t\t\t\tg_objThis.trigger(t.events.TRANSITION_END);\n\t\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t}\n\t\t};\n\t\t\n\t\t\n\t\tg_objInner.animate({left:destX+\"px\"}, animateParams);\n\t\t\t\n\t}\n\t\n\t\n\t/**\n\t * \n\t * animate opacity in and out\n\t */\n\tfunction animateOpacity(objItem, opacity, completeFunction){\n\t\t\n\t\tif(completeFunction)\n\t\t\tobjItem.fadeTo(g_options.slider_transition_speed, opacity, completeFunction);\n\t\telse\n\t\t\tobjItem.fadeTo(g_options.slider_transition_speed, opacity);\n\t}\n\t\n\t\n\t/**\n\t * do fade transition\n\t */\n\tfunction transitionFade(objItem, noAnimation, noHidePlayer){\n\t\t\n\t\tif(!noAnimation)\n\t\t\tvar noAnimation = false;\n\t\t\n\t\tvar slides = t.getSlidesReference();\n\t\t \n\t\tsetItemToSlide(slides.objNextSlide, objItem);\n\t\t\n\t\tvar objCurrentPos = g_functions.getElementSize(slides.objCurrentSlide);\n\t\t\t\t\n\t\tg_functions.placeElement(slides.objNextSlide,objCurrentPos.left,objCurrentPos.top);\n\t\t\n\t\t//switch slide nums\n\t\tvar currentNum = g_temp.numCurrent;\n\t\tg_temp.numCurrent = g_temp.numNext;\n\t\tg_temp.numNext = currentNum;\n\t\t\n\t\tg_objThis.trigger(t.events.ITEM_CHANGED);\n\t\t\n\t\tslides.objNextSlide.stop(true);\t\t\n\t\tslides.objCurrentSlide.stop(true);\n\t\t\n\t\tif(noAnimation == true){\n\t\t\t\n\t\t\tslides.objCurrentSlide.fadeTo(0, 0);\n\t\t\tslides.objNextSlide.fadeTo(0, 1);\t\n\t\t\tt.placeNabourItems();\n\t\t\tg_objThis.trigger(t.events.TRANSITION_END);\n\t\t\t\n\t\t\tif(noHidePlayer !== true)\n\t\t\t\tg_objVideoPlayer.hide();\n\t\t\n\t\t}else{\n\t\t\tslides.objNextSlide.fadeTo(0,0);\t\n\t\t\t\n\t\t\tanimateOpacity(slides.objCurrentSlide,0,function(){\n\t\t\t\tt.placeNabourItems();\n\t\t\t\tg_objThis.trigger(t.events.TRANSITION_END);\n\t\t\t\tif(noHidePlayer !== true)\n\t\t\t\t\tg_objVideoPlayer.hide();\n\t\t\t});\n\t\t\t\n\t\t\tif(g_objVideoPlayer.isVisible() == true){\n\t\t\t\tvar videoElement = g_objVideoPlayer.getObject();\n\t\t\t\tanimateOpacity(videoElement, 0);\n\t\t\t}\n\t\t\t\n\t\t\t//animate to next show next\n\t\t\tanimateOpacity(slides.objNextSlide,1);\t\t\t\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\n\t\n\tfunction __________CONTROLS_OBJECT_______(){};\n\t\n\t/**\n\t * modify the slider for mobile\n\t */\n\tfunction modifyForMobile(){\n\t\t\n\t\tif(g_options.slider_fullscreen_button_mobilehide == true && g_objButtonFullscreen)\n\t\t\tg_objButtonFullscreen.hide();\n\t\t\n\t\tif(g_options.slider_play_button_mobilehide == true && g_objButtonPlay)\n\t\t\tg_objButtonPlay.hide();\n\t\t\n\t\tif(g_options.slider_zoompanel_mobilehide == true && g_objZoomPanel)\n\t\t\tg_objZoomPanel.getElement().hide();\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * modify for no mobile\n\t */\n\tfunction modifyForDesctop(){\n\t\t\n\t\tif(g_options.slider_fullscreen_button_mobilehide == true && g_objButtonFullscreen)\n\t\t\tg_objButtonFullscreen.show();\n\n\t\tif(g_options.slider_play_button_mobilehide == true && g_objButtonPlay)\n\t\t\tg_objButtonPlay.show();\n\t\t\n\t\tif(g_options.slider_zoompanel_mobilehide == true && g_objZoomPanel)\n\t\t\tg_objZoomPanel.getElement().show();\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * check and modify for mobile or desctop\n\t */\n\tfunction checkMobileModify(){\n\t\t\n\t\tvar isMobile = g_gallery.isMobileMode();\n\t\t\n\t\tif(isMobile)\n\t\t\tmodifyForMobile();\n\t\telse\n\t\t\tmodifyForDesctop();\n\t\t\t\t\n\t}\n\t\n\t\n\t/**\n\t * get a jquery set of the controls objects\n\t */\n\tfunction getControlsObjects(){\n\t\t\n\t\tvar objControl = g_objSlider.children(\".ug-slider-control\");\n\t\t\n\t\treturn(objControl);\n\t}\n\t\n\t\n\t/**\n\t * hide the controls\n\t */\n\tfunction hideControls(noAnimation){\n\t\t\t\t\n\t\tif(g_functions.isTimePassed(\"sliderControlsToggle\") == false)\n\t\t\treturn(false);\n\t\t\n\t\tif(g_temp.isControlsVisible == false)\n\t\t\treturn(false);\n\t\t\t\t\n\t\tif(!noAnimation)\n\t\t\tvar noAnimation = false;\n\t\t\n\t\tvar objControls = getControlsObjects();\n\t\t\n\t\tif(noAnimation === true)\n\t\t\tobjControls.stop().fadeTo(0,0).hide();\n\t\telse{\n\t\t\tobjControls.stop().fadeTo(g_options.slider_controls_appear_duration, 0, function(){objControls.hide()});\n\t\t}\n\t\t\n\t\tg_temp.isControlsVisible = false;\n\t}\n\t\n\t\n\t/**\n\t * show controls only if they meaned to be shown\n\t * @param noAnimation\n\t */\n\tfunction checkAndShowControls(noAnimation){\n\t\t\n\t\tif(g_options.slider_controls_always_on == true)\n\t\t\tshowControls(noAnimation);\t\t\n\t}\n\t\n\t\n\t/**\n\t * hide the controls\n\t */\n\tfunction showControls(noAnimation){\n\t\t\t\t\n\t\t//validate for short time pass\n\t\tif(g_functions.isTimePassed(\"sliderControlsToggle\") == false)\n\t\t\treturn(false);\n\t\t\n\t\tif(g_temp.isControlsVisible == true)\n\t\t\treturn(true);\n\t\t\n\t\t\n\t\tif(!noAnimation)\n\t\t\tvar noAnimation = false;\n\t\t\n\t\tvar objControls = getControlsObjects();\n\t\t\t\t\n\t\tif(noAnimation === true)\n\t\t\tobjControls.stop().show();\n\t\telse{\n\t\t\n\t\t\tobjControls.stop().show().fadeTo(0,0);\n\t\t\tobjControls.fadeTo(g_options.slider_controls_appear_duration, 1);\n\t\t\t\n\t\t}\n\t\t\n\t\tg_temp.isControlsVisible = true;\n\t\t\n\t}\n\t\n\t\n\t\n\t/**\n\t * toggle the controls (show, hide)\n\t */\n\tfunction toggleControls(){\n\t\t\t\t\t\t\t\t\n\t\tif(g_temp.isControlsVisible == false)\n\t\t\tshowControls();\n\t\telse\n\t\t\thideControls();\n\t}\n\t\n\t\n\t/**\n\t * set controls mode\n\t * modes: image, video\n\t */\n\tfunction setControlsMode(mode){\n\t\t\t\t\n\t\tif(mode == g_temp.currentControlsMode)\n\t\t\treturn(false);\n\t\t\n\t\tswitch(mode){\n\t\t\tcase \"image\":\n\t\t\t\tif(g_objZoomPanel)\n\t\t\t\t\tg_objZoomPanel.getElement().show();\t\t\t\n\t\t\tbreak;\n\t\t\tcase \"video\":\n\t\t\t\tif(g_objZoomPanel)\n\t\t\t\t\tg_objZoomPanel.getElement().hide();\t\n\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tthrow new Error(\"wrong controld mode: \" + mode);\n\t\t\tbreak;\n\t\t}\n\t\t\n\t\tg_temp.currentControlsMode = mode;\n\t\t\t\n\t}\n\t\n\t\n\t\n\tfunction __________EVENTS___________(){};\n\n\t/**\n\t * on item change event\n\t */\n\tfunction onItemChange(data, arg_objItem, role){\n\t\t\n\t\t//trace(\"slider on change\");\n\t\t\n\t\tvar objItem = g_gallery.getSelectedItem();\n\t\t\t\t\n\t\tt.setItem(objItem, false, role);\n\t\t\n\t\tvar itemIndex = objItem.index;\n\t\t\n\t\t//set active bullet\n\t\tif(g_objBullets)\n\t\t\tg_objBullets.setActive(itemIndex);\n\t\t\n\t\t//handle text panel\n\t\tif(g_objTextPanel){\t\t\t\n\t\t\tif(g_temp.isTextPanelSaparateHover == false)\n\t\t\t\tshowTextPanel();\n\t\t}\n\t\t\t\t\n\t\tif(objItem.type == \"image\"){\n\t\t\tsetControlsMode(\"image\");\n\t\t\t//placeControlsElements();\n\t\t}\n\t\telse{\n\t\t\tsetControlsMode(\"video\");\n\t\t}\n\t\t\t\t\n\t}\n\t\n\t\n\t/**\n\t * on bullet click - change the item to selected\n\t */\n\tfunction onBulletClick(event, bulletIndex){\n\t\tg_gallery.selectItem(bulletIndex);\t\t\n\t}\n\t\n\t\n\t/**\n\t * on touch end\n\t * toggle controls\n\t */\n\tfunction onClick(event){\n\t\t\n\t\t//double tap action\n\t\tif(g_objTouchSlider && g_objTouchSlider.isTapEventOccured(event) == false)\n\t\t\treturn(true);\n\t\t\n\t\tg_objThis.trigger(t.events.CLICK, event);\n\t\t\t\n\t\t\n\t}\n\n\t\n\t/**\n\t * on actual click event\n\t */\n\tfunction onActualClick(){\n\n\t\t//check link\n\t\tvar currentSlide = t.getCurrentSlide();\n\t\tvar isClickable = currentSlide.hasClass(\"ug-slide-clickable\");\n\t\tvar objItem = t.getCurrentItem();\n\t\t\n\t\tif(isClickable){\n\t\t\t\n\t\t\t//redirect to link\n\t\t\tif(g_options.slider_links_newpage == false){\n\t\t\t\tlocation.href = objItem.link;\n\t\t\t}else{\n\t\t\t\twindow.open(objItem.link, '_blank');\t\t\t\n\t\t\t}\n\t\t\t\n\t\t\treturn(true);\n\t\t}\n\t\t\n\t\t//check toggle controls\n\t\tif(g_options.slider_controls_always_on == false && \n\t\t g_options.slider_controls_appear_ontap == true && t.isCurrentSlideType(\"image\") == true){\n\t\t\t\n\t\t\ttoggleControls();\n\t\t\t\n\t\t\t//show text panel if hidden\n\t\t\tif(g_objTextPanel && g_options.slider_textpanel_always_on == true && t.isCurrentSlideType(\"image\") && t.isCurrentSlideImageFit())\n\t\t\t\tshowTextPanel();\n\t\t}\n\t\t\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * on zoom start event\n\t */\n\tfunction onZoomChange(event){\n\t\t\n\t\tif(g_objTextPanel && t.isCurrentSlideType(\"image\") && t.isCurrentSlideImageFit() == false)\n\t\t\thideTextPanel();\n\t}\n\t\n\t\n\t/**\n\t * on mouse enter\n\t */\n\tfunction onMouseEnter(){\n\t\t\n\t\tshowControls();\n\t\n\t}\n\t\n\t\n\t/**\n\t * on mouse leave\n\t */\n\tfunction onMouseLeave(){\n\n\t\thideControls();\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * on slide video play button click\n\t */\n\tfunction objVideoPlayClick(objButton){\n\t\tvar objSlide = objButton.parent();\n\t\tt.startSlideAction(objSlide);\n\t}\n\n\t/**\n\t * on video player show event\n\t */\n\tfunction onVideoPlayerShow(){\n\t\t\n\t\tif(g_gallery.isPlayMode()){\n\t\t\tg_gallery.pausePlaying();\n\t\t}\n\t\t\n\t\tg_objThis.trigger(t.events.ACTION_START);\n\t}\n\t\n\t\n\t/**\n\t * on video player hide event\n\t */\n\tfunction onVideoPlayerHide(){\n\t\t\n\t\tif(g_gallery.isPlayMode()){\n\t\t\tg_gallery.continuePlaying();\n\t\t}\n\t\t\n\t\tg_objThis.trigger(t.events.ACTION_END);\t\t\n\t}\n\t\n\t\n\t/**\n\t * on item image update, update the image inside the slider if relevant\n\t */\n\tfunction onItemImageUpdate(event, index, urlImage){\n\t\t\t\t\n\t\tif(g_objSlide1.data(\"index\") == index){\n\t\t\tobjItem = g_gallery.getItem(index);\n\t\t\tsetImageToSlide(g_objSlide1, objItem, true);\t//force\n\t\t}\n\t\t\n\t\tif(g_objSlide2.data(\"index\") == index){\n\t\t\tobjItem = g_gallery.getItem(index);\n\t\t\tsetImageToSlide(g_objSlide2, objItem, true);\n\t\t}\n\t\t\n\t\tif(g_objSlide3.data(\"index\") == index){\n\t\t\tobjItem = g_gallery.getItem(index);\n\t\t\tsetImageToSlide(g_objSlide3, objItem, true);\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * after image loaded. position video play button\n\t */\n\tfunction onSlideImageLoaded(data, objSlide){\n\t\t\n\t\tobjSlide = jQuery(objSlide);\n\t\tvar objImage = t.getSlideImage(objSlide);\n\t\tvar objButtonVideoPlay = getSlideVideoPlayButton(objSlide);\n\t\tvar objSize = g_functions.getElementSize(objImage);\n\t\t\n\t\tg_functions.placeElement(objButtonVideoPlay, \"center\", \"middle\", objSize.left, objSize.top, objImage);\n\t}\n\t\n\t\n\t/**\n\t * init event of current slide\n\t */\n\tfunction initSlideEvents(objSlide){\n\t\t\n\t\t//set video player events\n\t\tvar objVideoPlayButton = getSlideVideoPlayButton(objSlide);\n\t\tg_functions.addClassOnHover(objVideoPlayButton);\n\t\t\n\t\tg_functions.setButtonOnClick(objVideoPlayButton, objVideoPlayClick);\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * init events\n\t */\n\tfunction initEvents(){\n\t\t\n\t\t//on item image update, update the image inside the slider if relevant\n\t\tg_objGallery.on(g_gallery.events.ITEM_IMAGE_UPDATED, onItemImageUpdate);\n\t\t\n\t\t\n\t\t//on item change, change the item in the slider.\n\t\tg_objGallery.on(g_gallery.events.ITEM_CHANGE, onItemChange);\n\t\t\n\t\tif(g_objBullets)\n\t\t\tjQuery(g_objBullets).on(g_objBullets.events.BULLET_CLICK,onBulletClick);\n\t\t\n\t\t//arrows events\n\t\tif(g_options.slider_enable_arrows == true){\n\t\t\t\n\t\t\tg_functions.addClassOnHover(g_objArrowRight, \"ug-arrow-hover\");\n\t\t\tg_functions.addClassOnHover(g_objArrowLeft, \"ug-arrow-hover\");\n\t\t\t\n\t\t\tg_gallery.setNextButton(g_objArrowRight);\n\t\t\tg_gallery.setPrevButton(g_objArrowLeft);\n\t\t}\n\t\t\n\t\t\n\t\t//show / hide controls\n\t\tif(g_options.slider_controls_always_on == false){\n\t\t\t\n\t\t\t//assign hover evens only if no touch device\n\t\t\tg_objSlider.hover(onMouseEnter, onMouseLeave);\n\t\t\t\n\t\t}\n\t\t\n\t\t//touch events appear on tap event\n\t\tg_objSlider.on(\"touchend click\", onClick);\n\t\t\n\t\t//actual click event\n\t\tg_objThis.on(t.events.CLICK, onActualClick);\n\t\t\n\t\t//show / hide text panel, if it's saparate from controls\n\t\tif(g_objTextPanel && g_temp.isTextPanelSaparateHover == true){\n\t\t\tg_objSlider.hover(showTextPanel, hideTextPanel);\n\t\t}\n\t\t\n\t\t//init play / pause button\n\t\tif(g_objButtonPlay){\n\t\t\tg_functions.addClassOnHover(g_objButtonPlay, \"ug-button-hover\");\n\t\t\tg_gallery.setPlayButton(g_objButtonPlay);\n\t\t}\n\t\t\n\t\t//init fullscreen button\n\t\tif(g_objButtonFullscreen){\n\t\t\tg_functions.addClassOnHover(g_objButtonFullscreen, \"ug-button-hover\");\n\t\t\tg_gallery.setFullScreenToggleButton(g_objButtonFullscreen);\n\t\t}\n\t\t\n\t\t//on zoom start / end events\n\t\tif(g_objZoomSlider){\n\t\t\tg_objThis.on(t.events.ZOOM_CHANGE, onZoomChange);\n\t\t}\n\t\t\n\t\tif(g_objZoomPanel)\n\t\t\tg_objZoomPanel.initEvents();\n\t\t\t\t\n\t\t//init video player related events\n\t\tg_objVideoPlayer.initEvents();\n\t\t\n\t\t//video API events\n\t\tjQuery(g_objVideoPlayer).on(g_objVideoPlayer.events.SHOW, onVideoPlayerShow);\t\t\n\t\tjQuery(g_objVideoPlayer).on(g_objVideoPlayer.events.HIDE, onVideoPlayerHide);\n\t\t\n\t\t//add slide events\n\t\tinitSlideEvents(g_objSlide1);\n\t\tinitSlideEvents(g_objSlide2);\n\t\tinitSlideEvents(g_objSlide3);\n\t\t\n\t\t//on image loaded\n\t\tg_objThis.on(t.events.AFTER_PUT_IMAGE, onSlideImageLoaded);\n\t\t\n\t\t//image mouseenter / mouseleave event\n\t\t\n\t\t//set mouseover events on the images\n\t\tg_objSlider.on(\"mouseenter\",\".ug-item-wrapper img\",function(event){\n\t\t\tg_objThis.trigger(t.events.IMAGE_MOUSEENTER);\n\t\t});\n\t\t\n\t\tg_objSlider.on(\"mouseleave\",\".ug-item-wrapper img\",function(event){\n\t\t\tvar isMouseOver = t.isMouseInsideSlideImage(event);\n\t\t\t\n\t\t\tif(isMouseOver == false)\n\t\t\t\tg_objThis.trigger(t.events.IMAGE_MOUSELEAVE);\n\t\t});\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * destroy slider events\n\t */\n\tthis.destroy = function(){\n\t\t\n\t\tg_objThis.off(t.events.AFTER_PUT_IMAGE);\n\t\t\t\t\n\t\tg_objGallery.off(g_gallery.events.ITEM_IMAGE_UPDATED);\n\t\tg_objGallery.off(g_gallery.events.ITEM_CHANGE);\n\t\t\n\t\tif(g_objBullets)\n\t\t\tjQuery(g_objBullets).on(g_objBullets.events.BULLET_CLICK);\n\t\t\n\t\tg_objSlider.off(\"mouseenter\");\n\t\tg_objSlider.off(\"mouseleave\");\n\t\t\n\t\tg_objSlider.off(\"touchend\");\n\t\tg_objSlider.off(\"click\");\n\t\tg_objThis.off(t.events.CLICK);\n\t\t\n\t\tif(g_objZoomSlider)\n\t\t\tg_objThis.off(t.events.ZOOM_CHANGE);\n\t\t\n\t\tg_objThis.off(t.events.BEFORE_SWITCH_SLIDES);\n\t\tjQuery(g_objVideoPlayer).off(g_objVideoPlayer.events.SHOW);\t\t\n\t\tjQuery(g_objVideoPlayer).off(g_objVideoPlayer.events.HIDE);\n\t\t\n\t\tg_objVideoPlayer.destroy();\n\t\t\n\t\tg_objSlider.off(\"mouseenter\",\".ug-item-wrapper img\");\n\t\tg_objSlider.off(\"mouseleave\",\".ug-item-wrapper img\");\n\t}\n\t\n\t\n\tfunction __________GETTERS___________(){};\n\t\n\t/**\n\t * get loader class by loader type\n\t */\n\tfunction getLoaderClass(){\n\t\tvar loaderClass;\n\t\tswitch(g_options.slider_loader_type){\n\t\t\tdefault:\n\t\t\tcase 1: loaderClass = \"ug-loader1\";break;\n\t\t\tcase 2: loaderClass = \"ug-loader2\";break;\n\t\t\tcase 3: loaderClass = \"ug-loader3\";break;\n\t\t\tcase 4: loaderClass = \"ug-loader4\";break;\n\t\t\tcase 5: loaderClass = \"ug-loader5\";break;\n\t\t\tcase 6: loaderClass = \"ug-loader6\";break;\n\t\t\tcase 7: loaderClass = \"ug-loader7\";break;\n\t\t\tcase 8: loaderClass = \"ug-loader8\";break;\n\t\t\tcase 9: loaderClass = \"ug-loader9\";break;\n\t\t}\n\t\t\t\t\n\t\tif(g_options.slider_loader_color == \"black\")\n\t\t\tloaderClass += \" ug-loader-black\";\n\t\t\n\t\treturn(loaderClass);\n\t}\n\t\n\t\n\t\n\t/**\n\t * \n\t * get slide by number\n\t */\n\tfunction getSlideByNum(num){\n\t\t\t\t\n\t\tswitch(num){\n\t\t\tcase 1:\n\t\t\t\treturn(g_objSlide1);\n\t\t\tbreak;\n\t\t\tcase 2:\n\t\t\t\treturn(g_objSlide2);\n\t\t\tbreak;\n\t\t\tcase 3:\n\t\t\t\treturn(g_objSlide3);\n\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tthrow new Error(\"wrong num: \" + num);\n\t\t\tbreak;\n\t\t}\n\t}\n\t\n\t\n\t/**\n\t * \n\t * get slide direction of current item\n\t */\n\tfunction getSlideDirection(objItem){\n\t\t\n\t\tvar slides = t.getSlidesReference();\n\t\t\n\t\t//validate if the item is not selected already\n\t\tvar currentIndex = slides.objCurrentSlide.data(\"index\");\n\t\tvar nextIndex = objItem.index;\n\t\t\n\t\tvar direction = \"left\";\n\t\tif(currentIndex > nextIndex)\n\t\t\tdirection = \"right\";\n\t\t\t\t\n\t\treturn(direction);\n\t}\n\t\n\t\n\t/**\n\t * get slide preloader\n\t */\n\tfunction getSlidePreloader(objSlide){\n\t\t\n\t\tif(!objSlide)\n\t\t\tvar objSlide = t.getCurrentSlide();\n\t\t\n\t\tvar objPreloader = objSlide.children(\".ug-slider-preloader\");\n\t\treturn(objPreloader);\n\t}\n\t\n\t/**\n\t * get slide videoplay button\n\t */\n\tfunction getSlideVideoPlayButton(objSlide){\n\t\tvar objButton = objSlide.children(\".ug-button-videoplay\");\n\t\treturn(objButton);\n\t}\n\t\n\t\n\t\n\t/**\n\t * get slide item\n\t */\n\tfunction getSlideItem(objSlide){\n\t\tif(!objSlide)\n\t\t\tvar objSlide = t.getCurrentSlide();\n\t\t\t\n\t\tvar index = objSlide.data(\"index\");\n\t\tif(index == undefined)\n\t\t\treturn(null);\n\t\t\n\t\tvar objItem = g_gallery.getItem(index);\n\t\treturn(objItem);\n\t}\n\t\n\t\n\t/**\n\t * get slide number\n\t */\n\tfunction getNumSlide(objSlide){\n\t\tvar numSlide = objSlide.data(\"slidenum\");\n\t\treturn(numSlide);\n\t}\n\t\n\t\n\t\n\tthis.________EXTERNAL_GENERAL___________ = function(){};\n\t\n\t\n\t/**\n\t * init function for avia controls\n\t * options: width / height\n\t */\n\tthis.init = function(objGallery, objOptions, optionsPrefix){\n\t\t\t\t\n\t\tinitSlider(objGallery, objOptions, optionsPrefix);\n\t}\n\n\t/**\n\t * get slide image\n\t */\n\tthis.getSlideImage = function(objSlide){\n\t\t\n\t\tif(!objSlide)\n\t\t\tvar objSlide = t.getCurrentSlide();\n\t\t\n\t\tvar objImage = objSlide.find(\".ug-item-wrapper img\");\n\t\treturn(objImage);\n\t}\n\t\n\t\n\t/**\n\t * set slider html\n\t */\n\tthis.setHtml = function(objParent){\n\t\t\n\t\tsetHtmlSlider(objParent);\n\t}\n\t\n\t\n\t/**\n\t * run the slider\n\t */\n\tthis.run = function(){\n\t\t\n\t\trunSlider();\n\t}\n\t\n\t\n\t/**\n\t * check if the inner object in place, for panning znd zooming posibility check\n\t */\n\tthis.isInnerInPlace = function(){\n\t\t\n\t\tvar slides = t.getSlidesReference();\n\t\t\n\t\tvar posCurrent = g_functions.getElementSize(slides.objCurrentSlide);\n\t\tvar inPlaceX = -posCurrent.left;\n\t\tvar objInnerSize = g_functions.getElementSize(g_objInner);\n\t\t\n\t\tif(inPlaceX == objInnerSize.left)\n\t\t\treturn(true);\n\t\telse\n\t\t\treturn(false);\n\t}\n\t\n\t/**\n\t * is animating\n\t */\n\tthis.isAnimating = function(){\n\t\t\n\t\tvar isAnimated = g_objInner.is(\":animated\");\n\t\t\n\t\treturn(isAnimated);\n\t}\n\t\n\t/**\n\t * check if the slide is current\n\t */\n\tthis.isSlideCurrent = function(objSlide){\n\t\tvar numSlide = objSlide.data(\"slidenum\");\n\t\tif(g_temp.numCurrent == numSlide)\n\t\t\treturn(true);\n\t\t\n\t\treturn(false);\n\t}\n\t\n\t\n\t/**\n\t * \n\t * tells if the slide has item\n\t */\n\tthis.isSlideHasItem = function(objSlide){\n\t\tvar index = objSlide.data(\"index\");\n\t\tif(index === undefined || index === null)\n\t\t\treturn(false);\n\t\t\n\t\treturn(true);\n\t}\n\t\n\t\n\t/**\n\t * get image padding object for scaling the image\n\t */\n\tthis.getObjImagePadding = function(){\n\t\t\n\t\tvar objPadding = {\n\t\t\t\tpadding_top: g_options.slider_image_padding_top,\n\t\t\t\tpadding_bottom: g_options.slider_image_padding_bottom,\n\t\t\t\tpadding_left: g_options.slider_image_padding_left,\n\t\t\t\tpadding_right: g_options.slider_image_padding_right\n\t\t};\n\t\t\n\t\treturn(objPadding);\n\t}\n\t\t\t\n\t\n\t/**\n\t * get items reference by their order\n\t */\n\tthis.getSlidesReference = function(){\n\t\t\n\t\tvar obj = {\n\t\t\t\tobjPrevSlide: getSlideByNum(g_temp.numPrev),\n\t\t\t\tobjNextSlide: getSlideByNum(g_temp.numNext),\n\t\t\t\tobjCurrentSlide: getSlideByNum(g_temp.numCurrent)\n\t\t};\n\t\t\n\t\treturn(obj);\n\t}\n\t\n\t\n\t/**\n\t * get current slide\n\t */\n\tthis.getCurrentSlide = function(){\n\t\t\n\t\tvar slides = t.getSlidesReference();\n\t\t\n\t\treturn(slides.objCurrentSlide);\n\t}\n\t\n\t\n\t/**\n\t * get index of current item\n\t */\n\tthis.getCurrentItemIndex = function(){\n\t\t\n\t\tvar slides = t.getSlidesReference();\n\t\t\n\t\tvar currentIndex = slides.objCurrentSlide.data(\"index\");\n\t\tif(currentIndex === null || currentIndex === undefined)\n\t\t\tcurrentIndex = -1;\n\t\t\n\t\treturn(currentIndex);\n\t}\n\t\n\t\n\t/**\n\t * get current slide item\n\t */\n\tthis.getCurrentItem = function(){\n\t\tvar currentIndex = t.getCurrentItemIndex();\n\t\tif(currentIndex == -1)\n\t\t\treturn(null);\n\t\t\n\t\tvar objItem = g_gallery.getItem(currentIndex);\n\t\t\n\t\treturn(objItem);\n\t}\n\t\t\n\t\n\t/**\n\t * get type of some slide\n\t */\n\tthis.getSlideType = function(objSlide){\n\t\t\n\t\tif(objSlide == undefined)\n\t\t\tobjSlide = t.getCurrentSlide();\n\t\t\t\n\t\tvar type = objSlide.data(\"type\");\n\t\treturn(type);\t\t\n\t}\n\n\t\n\t/**\n\t * is mouse inside slide image\n\t * get mouse position from event\n\t */\n\tthis.isMouseInsideSlideImage = function(event){\n\t\t\n\t\tvar objImage = t.getSlideImage();\n\t\t\n\t\tvar point = g_functions.getMousePosition(event);\n\t\tif(point.pageX === undefined)\n\t\t\tpoint = g_objTouchSlider.getLastMousePos();\n\t\t\n\t\tvar pointImg = g_functions.getMouseElementPoint(point, objImage);\n\t\tvar objSize = g_functions.getElementSize(objImage);\n\t\tisMouseInside = g_functions.isPointInsideElement(pointImg, objSize);\n\t\t\n\t\treturn(isMouseInside);\n\t}\n\t\n\t\n\t/**\n\t * check if current slide type is certain type\n\t */\n\tthis.isCurrentSlideType = function(type){\n\t\tvar currentSlideType = t.getSlideType();\n\t\tif(currentSlideType == type)\n\t\t\treturn(true);\n\t\t\n\t\treturn(false);\n\t}\n\t\n\t\n\t/**\n\t * check if current slide is loading image\n\t */\n\tthis.isCurrentSlideLoadingImage = function(){\n\t\tvar currentSlide = t.getCurrentSlide();\n\t\tvar isLoading = currentSlide.data(\"isLoading\");\n\t\tif(isLoading === true)\n\t\t\treturn(true);\n\t\t\n\t\treturn(false);\n\t}\n\t\n\t\n\t/**\n\t * change the slider to some item content\n\t */\n\tthis.setItem = function(objItem, forseTransition, role){\n\t\t\n\t\tvar slides = t.getSlidesReference();\n\t\t\n\t\t//validate if the item is not selected already\n\t\tvar currentIndex = slides.objCurrentSlide.data(\"index\");\n\t\tvar nextIndex = objItem.index;\n\t\t\n\t\tif(nextIndex == currentIndex){\n\t\t\treturn(true);\n\t\t}\n\t\t\n\t\tvar isFirstSlide = (currentIndex == undefined);\n\t\t\n\t\tif(isFirstSlide){\t\t\t\n\t\t\tsetItemToSlide(slides.objCurrentSlide, objItem);\n\t\t\tt.placeNabourItems();\n\t\t\t\n\t\t}else{\n\t\t\t\n\t\t\tvar direction = \"left\";\t\t//move foreward\n\t\t\t\n\t\t\tvar numItems = g_gallery.getNumItems();\n\t\t\t\n\t\t\tif(role == \"next\")\n\t\t\t\tdirection = \"left\";\n\t\t\telse if(role == \"prev\" || currentIndex > nextIndex)\n\t\t\t\tdirection = \"right\";\n\t\t\telse if(currentIndex > nextIndex)\n\t\t\t\t\tdirection = \"right\";\n\t\t\t\t\t\t\n\t\t\tdoTransition(direction, objItem, forseTransition);\n\t\t}\n\t\t\t\t\t\n\t}\n\t\n\t\n\t/**\n\t * when the transition complete, put the next / prev items at their place\n\t */\n\tthis.placeNabourItems = function(){\n\t\t\t\t\n\t\tvar slides = t.getSlidesReference();\n\t\tvar currentIndex = slides.objCurrentSlide.data(\"index\");\n\t\t\t\t\n\t\tvar itemPrev = g_gallery.getPrevItem(currentIndex);\n\t\tvar itemNext = g_gallery.getNextItem(currentIndex);\n\t\t\n\t\t//trace(itemPrev);\n\t\t//trace(itemNext);\n\t\t\n\t\t//trace(\"place \" + currentIndex, \"next: \"+);\n\t\t\n\t\tsetItemToSlide(slides.objNextSlide, itemNext);\n\t\tsetItemToSlide(slides.objPrevSlide, itemPrev);\n\t\t\n\t\tpositionSlides();\n\t}\n\t\n\t\n\t\n\tthis.________EXTERNAL_API___________ = function(){};\n\t\n\t\n\t/**\n\t * stop some slide action if active\n\t */\n\tthis.stopSlideAction = function(objSlide, isPause){\n\t\t\n\t\tif(!objSlide)\n\t\t\tobjSlide = t.getCurrentSlide();\n\t\t\n\t\tif(isPause === true)\n\t\t\tg_objVideoPlayer.pause();\n\t\telse\n\t\t\tg_objVideoPlayer.hide();\n\t\t\n\t//\ttrace(\"stop action\");\n\t\t\n\t}\n\t\n\t\n\t\n\t/**\n\t * start some slide action if exists\n\t */\n\tthis.startSlideAction = function(objSlide){\n\t\t\n\t//\ttrace(\"start action\");\n\t\t\n\t\tif(!objSlide)\n\t\t\tobjSlide = t.getCurrentSlide();\n\t\t\n\t\tvar objItem = getSlideItem(objSlide);\n\t\t\n\t\tif(objItem.type == \"image\")\n\t\t\treturn(true)\n\t\t\n\t\tif(g_options.slider_video_constantsize == true)\n\t\t\tsetVideoPlayerConstantSize();\n\t\t\n\t\tsetVideoPlayerPosition();\n\t\t\n\t\tg_objVideoPlayer.show();\n\t\t\n\t\tswitch(objItem.type){\n\t\t\tcase \"youtube\":\n\t\t\t\tg_objVideoPlayer.playYoutube(objItem.videoid);\n\t\t\tbreak;\n\t\t\tcase \"vimeo\":\n\t\t\t\tg_objVideoPlayer.playVimeo(objItem.videoid);\n\t\t\tbreak;\n\t\t\tcase \"html5video\":\n\t\t\t\tg_objVideoPlayer.playHtml5Video(objItem.videoogv, objItem.videowebm, objItem.videomp4, objItem.urlImage);\n\t\t\tbreak;\n\t\t\tcase \"soundcloud\":\n\t\t\t\tg_objVideoPlayer.playSoundCloud(objItem.trackid);\n\t\t\tbreak;\t\t\t\n\t\t\tcase \"wistia\":\n\t\t\t\tg_objVideoPlayer.playWistia(objItem.videoid);\n\t\t\tbreak;\t\t\t\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * get the scale mode according the state (normal, fullscreen).\n\t */\n\tthis.getScaleMode = function(objSlide){\n\t\t\n\t\tif(!objSlide)\n\t\t\tvar objSlide = t.getCurrentSlide();\n\t\t\n\t\tvar slideType = t.getSlideType(objSlide);\n\t\t\t\t\n\t\t//return media scale mode\n\t\tif(slideType != \"image\")\n\t\t\treturn(g_options.slider_scale_mode_media);\n\t\t\n\t\tif(g_options.slider_scale_mode == g_options.slider_scale_mode_fullscreen)\n\t\t\treturn(g_options.slider_scale_mode);\n\t\t\n\t\tif(g_gallery.isFullScreen() == true)\n\t\t\treturn(g_options.slider_scale_mode_fullscreen);\n\t\telse\n\t\t\treturn(g_options.slider_scale_mode);\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * get slider objects\n\t */\n\tthis.getObjects = function(){\n\t\t\n\t\tvar obj = {\n\t\t\t\tg_objSlider: g_objSlider,\n\t\t\t\tg_objInner: g_objInner,\n\t\t\t\tg_options: g_options,\n\t\t\t\tg_objZoomSlider: g_objZoomSlider\n\t\t};\n\t\t\t\t\n\t\treturn(obj);\n\t}\n\t\n\t\n\t/**\n\t * get zoom object\n\t */\n\tthis.getObjZoom = function(){\n\t\t\n\t\treturn(g_objZoomSlider);\n\t}\n\t\n\t\n\t\n\t/**\n\t * get slider options\n\t */\n\tthis.getOptions = function(){\n\t\t\n\t\treturn(g_options);\n\t}\n\t\n\t\n\t/**\n\t * get slider element\n\t */\n\tthis.getElement = function(){\n\t\t\n\t\treturn(g_objSlider);\n\t}\n\t\n\t/**\n\t * get video object\n\t */\n\tthis.getVideoObject = function(){\n\t\treturn(g_objVideoPlayer);\n\t}\n\t\n\t\n\t/**\n\t * return true if current slider image fit the slider\n\t * @returns\n\t */\n\tthis.isCurrentSlideImageFit = function(){\n\t\tvar objSlide = t.getCurrentSlide();\n\n\t\tvar slideType = t.getSlideType(objSlide);\n\t\t\n\t\tvalidateSlideType(\"image\", objSlide);\n\t\t\n\t\tvar objImage = t.getSlideImage(objSlide);\n\t\t\n\t\t//if image don't yet added to dom, return false\n\t\tif(objImage.length == 0)\n\t\t\treturn(false);\n\t\t\n\t\tvar isFit = g_functions.isImageFitParent(objImage);\n\t\t\n\t\treturn(isFit);\n\t}\n\t\n\t\n\t/**\n\t * check if current image in place\n\t */\n\tthis.isCurrentImageInPlace = function(){\n\t\t\n\t\tvar objImage = t.getSlideImage();\n\t\tif(objImage.length == 0)\n\t\t\treturn(false);\n\n\t\tvar scaleMode = t.getScaleMode();\n\t\tvar objPadding = t.getObjImagePadding();\n\t\tvar objItem = getSlideItem();\n\t\t\n\t\tvar objParent = objImage.parent();\n\t\t\n\t\tvar objFitSize = g_functions.getImageInsideParentData(objParent, objItem.imageWidth, objItem.imageHeight, scaleMode, objPadding);\n\t\tvar objSize = g_functions.getElementSize(objImage);\n\n\t\tvar output = false;\n\t\t\n\t\tif(objFitSize.imageWidth == objSize.width)\n\t\t\toutput = true;\n\t\t\t\t\n\t\treturn(output);\n\t}\n\t\n\t\n\t/**\n\t * if slide is bussy in some action\n\t */\n\tthis.isSlideActionActive = function(){\n\t\t\n\t\treturn g_objVideoPlayer.isVisible();\n\t}\n\t\n\t/**\n\t * return if swipe action active\n\t */\n\tthis.isSwiping = function(){\n\t\tif(!g_objTouchSlider)\n\t\t\treturn(false);\n\t\t\n\t\tvar isActive = g_objTouchSlider.isTouchActive();\n\t\t\n\t\treturn(isActive);\n\t}\n\t\n\t\n\t/**\n\t * if slider preloading image (if preloader visible)\n\t */\n\tthis.isPreloading = function(){\n\t\t\n\t\tvar objPreloader = getSlidePreloader();\n\t\tif(objPreloader.is(\":visible\"))\n\t\t\treturn(true);\n\t\t\n\t\treturn(false);\n\t}\n\t\n\t/**\n\t * set the options\n\t */\n\tthis.setOptions = function(objOptions){\n\n\t\t//change options by prefix\n\t\tif(g_optionsPrefix)\n\t\t\tobjOptions = g_functions.convertCustomPrefixOptions(objOptions, g_optionsPrefix, \"slider\");\n\t\t\n\t\tg_options = jQuery.extend(g_options, objOptions);\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * set the slider size\n\t * works well on resize too.\n\t */\n\tthis.setSize = function(width, height){\n\t\t\n\t\t if(width < 0 || height < 0)\n\t\t\t return(true);\n\t\t\n\t\t var objCssSlider = {};\n\t\t objCssSlider[\"width\"] = width + \"px\";\n\t\t objCssSlider[\"height\"] = height + \"px\";\n\t\t g_objSlider.css(objCssSlider);\n\t\t \t\t \n\t\t //set inner:\n\t\t var objCssInner = {};\n\t\t objCssInner[\"height\"] = height + \"px\";\n\t\t objCssInner[\"top\"] = \"0px\";\n\t\t objCssInner[\"left\"] = \"0px\";\n\t\t g_objInner.css(objCssInner);\n\t\t \n\t\t//set slide wrapper\n\t\t var objCssSlide = {};\n\t\t objCssSlide[\"height\"] = height + \"px\";\n\t\t objCssSlide[\"width\"] = width + \"px\";\n\t\t \n\t\t g_objSlide1.css(objCssSlide);\n\t\t g_objSlide2.css(objCssSlide);\n\t\t g_objSlide3.css(objCssSlide);\n\t\t \n\t\t var itemWidth = width - g_options.slider_item_padding_left - g_options.slider_item_padding_right;\n\t\t var itemHeight = height - g_options.slider_item_padding_top - g_options.slider_item_padding_bottom;\n\t\t \t\n\t\t //set item wrapper\n\t\t var objCssItemWrapper = {};\n\t\t objCssItemWrapper[\"width\"] = itemWidth + \"px\";\n\t\t objCssItemWrapper[\"height\"] = itemHeight + \"px\";\n\t\t objCssItemWrapper[\"top\"] = g_options.slider_item_padding_top + \"px\";\n\t\t objCssItemWrapper[\"left\"] = g_options.slider_item_padding_left + \"px\";\n\t\t \n\t\t g_objSlider.find(\".ug-item-wrapper\").css(objCssItemWrapper);\t\t \n\t\t \n\t\t \n\t\t //set text panel size\n\t\t if(g_objTextPanel){\n\t\t\t g_objTextPanel.setSizeByParent();\n\t\t }\n\t\t \n\t\t positionElements();\n\t\t \n\t\t //set image to slides\n\t\t resizeSlideItem(g_objSlide1);\n\t\t resizeSlideItem(g_objSlide2);\n\t\t resizeSlideItem(g_objSlide3);\n\t\t \n\t\t positionSlides();\n\t\t \t\t \n\t\t //set video player size\n\t\t var currentSlideType = t.getSlideType();\n\t\t\n\t\t if(currentSlideType != \"image\" && g_options.slider_video_constantsize == true){\n\t\t\t \n\t\t\t setVideoPlayerConstantSize();\n\t\t }else{\t\n\t\t\t var videoWidth = width - g_options.slider_video_padding_left - g_options.slider_video_padding_right;\n\t\t\t var videoHeight = height - g_options.slider_video_padding_top - g_options.slider_video_padding_bottom;\n\t\t\t \n\t\t\t //set video player size\n\t\t\t g_objVideoPlayer.setSize(videoWidth, videoHeight);\n\t\t }\n\t\t \n\t\t setVideoPlayerPosition();\n\t\t \n\t}\n\t\n\t\n\t/**\n\t * refresh slide items after options change\n\t */\n\tthis.refreshSlideItems = function(){\n\t\t \n\t\tif(t.isAnimating() == true)\n\t\t\treturn(true);\n\t\t\n\t\t resizeSlideItem(g_objSlide1);\n\t\t resizeSlideItem(g_objSlide2);\n\t\t resizeSlideItem(g_objSlide3);\n\t\t positionSlides();\n\t\t \n\t}\n\t\n\t\n\t/**\n\t * is mouse over the slider\n\t */\n\tthis.isMouseOver = function(){\n\t\t\n\t\treturn g_objSlider.ismouseover();\n\t}\n\t\n\t/**\n\t * set slider position\n\t */\n\tthis.setPosition = function(left, top){\n\t\t\n\t\tg_functions.placeElement(g_objSlider, left, top);\n\t\t\t\n\t}\n\t\n\t\n\t/**\n\t * zoom in\n\t */\n\tthis.zoomIn = function(){\n\t\tif(!g_objZoomSlider)\n\t\t\treturn(true);\n\t\t\n\t\tg_objZoomSlider.zoomIn();\n\t}\n\t\n\t/**\n\t * zoom out\n\t */\n\tthis.zoomOut = function(){\n\t\t\n\t\tif(!g_objZoomSlider)\n\t\t\treturn(true);\n\t\t\n\t\tg_objZoomSlider.zoomOut();\n\t\t\t\n\t}\n\t\n\t/**\n\t * zoom back to original\n\t */\n\tthis.zoomBack = function(){\n\t\t\n\t\tif(!g_objZoomSlider)\n\t\t\treturn(true);\n\t\t\n\t\tg_objZoomSlider.zoomBack();\t\n\t}\n\t\n\t\n}\n\n/** -------------- TextPanel class ---------------------*/\n\nfunction UGTextPanel(){\n\t\n\tvar t = this;\n\tvar g_objPanel, g_objParent, g_objTitle, g_objDesc;\n\tvar g_objBG, g_objTextWrapper, g_gallery;\n\tvar g_functions = new UGFunctions(), g_optionsPrefix = \"\";\n\t\n\tvar g_options = {\n\t\t\ttextpanel_align:\"bottom\",\t\t\t\t\t//(top , bottom), textpanel align according the parent\n\t\t\ttextpanel_margin:0,\t\t\t\t\t\t\t//margin from the textpanel position according the textpanel_align\n\t\t\ttextpanel_text_valign:\"middle\",\t\t\t\t//middle, top, bottom - text vertical align\n\t\t\ttextpanel_padding_top:10,\t\t\t\t\t//textpanel padding top \n\t\t\ttextpanel_padding_bottom:10,\t\t\t\t//textpanel padding bottom\n\t\t\ttextpanel_height: null,\t\t\t\t\t\t//textpanel height. if null it will be set dynamically\n\t\t\ttextpanel_padding_title_description: 5,\t\t//the space between the title and the description\n\t\t\ttextpanel_padding_right: 11,\t\t\t\t//cut some space for text from right\n\t\t\ttextpanel_padding_left: 11,\t\t\t\t\t//cut some space for text from left\n\t\t\ttextpanel_fade_duration: 200,\t\t\t\t//the fade duration of textpanel appear\n\t\t\ttextpanel_enable_title: true,\t\t\t\t//enable the title text\n\t\t\ttextpanel_enable_description: true,\t\t\t//enable the description text\n\t\t\ttextpanel_enable_bg: true,\t\t\t\t\t//enable the textpanel background\n\t\t\ttextpanel_bg_color:\"#000000\",\t\t\t\t//textpanel background color\n\t\t\ttextpanel_bg_opacity: 0.4,\t\t\t\t\t//textpanel background opacity\n\t\t\t\n\t\t\ttextpanel_title_color:null,\t\t\t\t\t//textpanel title color. if null - take from css\n\t\t\ttextpanel_title_font_family:null,\t\t\t//textpanel title font family. if null - take from css\n\t\t\ttextpanel_title_text_align:null,\t\t\t//textpanel title text align. if null - take from css\n\t\t\ttextpanel_title_font_size:null,\t\t\t\t//textpanel title font size. if null - take from css\n\t\t\ttextpanel_title_bold:null,\t\t\t\t\t//textpanel title bold. if null - take from css\n\t\t\ttextpanel_css_title:{},\t\t\t\t\t\t//textpanel additional css of the title\n\n\t\t\ttextpanel_desc_color:null,\t\t\t\t\t//textpanel description font family. if null - take from css\n\t\t\ttextpanel_desc_font_family:null,\t\t\t//textpanel description font family. if null - take from css\n\t\t\ttextpanel_desc_text_align:null,\t\t\t\t//textpanel description text align. if null - take from css\n\t\t\ttextpanel_desc_font_size:null,\t\t\t\t//textpanel description font size. if null - take from css\n\t\t\ttextpanel_desc_bold:null,\t\t\t\t\t//textpanel description bold. if null - take from css\n\t\t\ttextpanel_css_description:{},\t\t\t\t//textpanel additional css of the description\n\t\t\t\n\t\t\ttextpanel_desc_style_as_title: false,\t\t//set that the description style will be as title\n\t\t\t\n\t\t\ttextpanel_bg_css:{}\t\t\t\t\t\t\t//textpanel background css\n\t};\n\t\n\tvar g_temp = {\n\t\t\tisFirstTime: true,\n\t\t\tsetInternalHeight: true,\t//flag if set internal height or not\n\t\t\tlastTitleBottom: 0,\n\t\t\tlastDescHeight: 0\n\t};\n\t\n\t\n\t/**\n\t * position elements from top\n\t */\n\tfunction positionElementsTop(animateHeight, startY){\n\t\t\n\t\tif(!startY)\n\t\t\tvar startY = g_options.textpanel_padding_top;\n\t\t\n\t\t//place title\n\t\tvar maxy = startY;\n\t\t\n\t\t//place title\n\t\tif(g_objTitle){\n\t\t\tvar titleY = maxy;\n\t\t\tg_functions.placeElement(g_objTitle, 0, titleY);\n\t\t\t\n\t\t\tvar isTitleVisible = g_objTitle.is(\":visible\");\n\t\t\tif(isTitleVisible == true){\n\t\t\t\tvar objTitleSize = g_functions.getElementSize(g_objTitle);\n\t\t\t\t\n\t\t\t\tvar maxy = objTitleSize.bottom;\n\t\t\t\tif(maxy > 0)\n\t\t\t\t\tg_temp.lastTitleBottom = maxy;\n\t\t\t}else{\n\t\t\t\tvar maxy = 20;\t\t//get last or assumed maxy\n\t\t\t\t\n\t\t\t\tif(g_temp.lastTitleBottom > 0)\n\t\t\t\t\tmaxy = g_temp.lastTitleBottom;\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\t\t\t\n\t\t//place description\n\t\tvar textDesc = \"\";\n\t\tif(g_objDesc)\n\t\t\ttextDesc = jQuery.trim(g_objDesc.text());\n\t\t\n\t\tif(textDesc != \"\"){\n\t\t\t\n\t\t\tvar descY = maxy;\n\t\t\t\t\t\t\n\t\t\tif(g_objTitle)\n\t\t\t\tdescY += g_options.textpanel_padding_title_description;\n\t\t\t\n\t\t\tg_functions.placeElement(g_objDesc, 0, descY);\n\t\t\t\n\t\t\tvar isVisible = jQuery(g_objDesc).is(\":visible\");\n\t\t\t\n\t\t\tif(isVisible == true){\n\t\t\t\tvar objDescSize = g_functions.getElementSize(g_objDesc);\n\t\t\t\tmaxy = objDescSize.bottom;\n\t\t\t\t\n\t\t\t\tif(objDescSize.height > 0)\n\t\t\t\t\tg_temp.lastDescHeight = objDescSize.height;\n\t\t\t\t\n\t\t\t}else{\n\t\t\t\tvar descHeight = 16;\t\t\t//take from last saved\n\t\t\t\tif(g_temp.lastDescHeight > 0)\n\t\t\t\t\tdescHeight = g_temp.lastDescHeight;\n\t\t\t\t\n\t\t\t\tmaxy = descY + descHeight;\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\t\n\t\t//change panel height\n\t\tif(!g_options.textpanel_height && g_temp.setInternalHeight == true){\n\t\t\t\n\t\t\tvar panelHeight = maxy + g_options.textpanel_padding_bottom;\t\t\n\t\t\t\n\t\t\tsetHeight(panelHeight, animateHeight);\n\t\t}\n\t\t\n\t}\n\t\n\t/**\n\t * get total text and description height\n\t */\n\tfunction getTotalTextHeight(){\n\t\tvar totalHeight = 0;\n\t\t\n\t\tif(g_objTitle)\n\t\t\ttotalHeight += g_objTitle.outerHeight();\n\t\t\n\t\tif(g_objDesc){\n\t\t\tvar textDesc = \"\";\n\t\t\tif(g_objDesc)\n\t\t\t\ttextDesc = jQuery.trim(g_objDesc.text());\n\t\t\t\n\t\t\tif(textDesc != \"\"){\n\t\t\t\tif(g_objTitle)\n\t\t\t\t\ttotalHeight += g_options.textpanel_padding_title_description;\n\t\t\t\t\n\t\t\t\ttotalHeight += g_objDesc.outerHeight();\n\t\t\t}\n\t\t\n\t\t}\n\t\t\n\t\t\n\t\treturn(totalHeight);\n\t}\n\t\n\t\n\t/**\n\t * position elements to center\n\t */\n\tfunction positionElementsMiddle(){\n\t\t\n\t\tvar totalTextHeight = getTotalTextHeight();\n\t\tvar startY = (g_objTextWrapper.height() - totalTextHeight) / 2;\n\t\t\n\t\tpositionElementsTop(false, startY);\n\t}\n\t\n\t\n\t/**\n\t * position elements to bottom\n\t */\n\tfunction positionElementBottom(){\n\t\t\n\t\tvar totalTextHeight = getTotalTextHeight();\n\t\tvar startY = g_objTextWrapper.height() - totalTextHeight - g_options.textpanel_padding_bottom;\n\t\t\n\t\tpositionElementsTop(false, startY);\n\t}\n\t\n\t\n\t/**\n\t * position elements inside the panel\n\t */\n\tthis.positionElements = function(animateHeight){\n\n\t\t//if(g_objPanel.is(\":visible\") == false)\n\t\t\t//trace(\"the text panel is hidden. can't position elements\")\n\t\t\n\t\t//if height not set, position only top\n\t\tif(!g_options.textpanel_height || g_options.textpanel_text_valign == \"top\"){\n\t\t\tpositionElementsTop(animateHeight);\n\t\t\treturn(false);\n\t\t}\n\t\t\n\t\tswitch(g_options.textpanel_text_valign){\n\t\t\tdefault:\n\t\t\tcase \"top\":\n\t\t\t\tpositionElementsTop(false);\t\t//no animation in this case\n\t\t\tbreak;\n\t\t\tcase \"bottom\":\n\t\t\t\tpositionElementBottom();\n\t\t\tbreak;\n\t\t\tcase \"center\":\n\t\t\tcase \"middle\":\n\t\t\t\tpositionElementsMiddle();\n\t\t\tbreak;\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * set new panel height\n\t */\n\tfunction setHeight(height, animateHeight){\n\t\t\n\t\tif(!animateHeight)\n\t\t\tvar animateHeight = false;\n\t\t\n\t\tif(animateHeight == true){\n\t\t\t\n\t\t\tif(g_objBG){\n\t\t\t\t\n\t\t\t\t//avoid background jumps\n\t\t\t\tvar currentHeight = g_objBG.height();\n\t\t\t\tif(height > currentHeight)\n\t\t\t\t\tg_objBG.height(height);\t\t\t\t\n\t\t\t}\n\t\t\t\n\t\t\tvar objCss = {height: height+\"px\"};\n\t\t\tg_objPanel.add(g_objTextWrapper).animate(objCss, g_options.textpanel_fade_duration);\n\t\t\t\n\t\t}else{\n\t\t\t\n\t\t\tif(g_objBG)\n\t\t\t\tg_objBG.height(height);\t\t\n\t\t\t\n\t\t\tg_objPanel.add(g_objTextWrapper).height(height);\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\n\t\n\t/**\n\t * init the panel\n\t */\n\tthis.init = function(objGallery, customOptions, optionsPrefix){\n\t\t\t\t\n\t\tg_gallery = objGallery;\n\t\t\n\t\t//change options by prefix\n\t\tif(optionsPrefix){\n\t\t\tg_optionsPrefix = optionsPrefix;\n\t\t\tcustomOptions = g_functions.convertCustomPrefixOptions(customOptions,g_optionsPrefix,\"textpanel\");\t\t\t\n\t\t\t\n\t\t}\n\t\t\n\t\tif(customOptions)\n\t\t\tg_options = jQuery.extend(g_options, customOptions);\n\t\t\n\t\t//validation:\n\t\tif(g_options.textpanel_enable_title == false && g_options.textpanel_enable_description == false)\n\t\t\tthrow new Error(\"Textpanel Error: The title or description must be enabled\");\n\t\t\n\t\tif(g_options.textpanel_height && g_options.textpanel_height < 0)\n\t\t\tg_options.textpanel_height = null;\n\t\t\n\t\t//copy desc style from title\n\t\tif(g_options.textpanel_desc_style_as_title == true){\n\t\t\tif(!g_options.textpanel_desc_color)\n\t\t\t\tg_options.textpanel_desc_color = g_options.textpanel_title_color;\n\t\t\t\n\t\t\tif(!g_options.textpanel_desc_bold)\n\t\t\t\tg_options.textpanel_desc_bold = g_options.textpanel_title_bold;\n\t\t\t\n\t\t\tif(!g_options.textpanel_desc_font_family)\n\t\t\t\tg_options.textpanel_desc_font_family = g_options.textpanel_title_font_family;\n\t\t\t\n\t\t\tif(!g_options.textpanel_desc_font_size)\n\t\t\t\tg_options.textpanel_desc_font_size = g_options.textpanel_title_font_size;\n\t\t\t\n\t\t\tif(!g_options.textpanel_desc_text_align)\n\t\t\t\tg_options.textpanel_desc_text_align = g_options.textpanel_title_text_align;\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * append the bullets html to some parent\n\t */\n\tthis.appendHTML = function(objParent, addClass){\n\t\tg_objParent = objParent;\n\t\t\n\t\tif(addClass){\n\t\t\taddClass = \" \"+addClass;\n\t\t}else\n\t\t\taddClass = \"\";\n\t\t\n\t\tvar html = \"\";\n\t\t\n\t\tif(g_options.textpanel_enable_bg == true)\n\t\t\thtml += \"\";\n\t\t\n\t\thtml += \"
\";\n\t\t\n\t\tobjParent.append(html);\n\t\t\n\t\tg_objPanel = objParent.children(\".ug-textpanel\");\n\t\tg_objTextWrapper = g_objPanel.children(\".ug-textpanel-textwrapper\");\n\t\t\n\t\tsetCss();\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * set panel css according the options\n\t */\n\tfunction setCss(){\n\t\t\t\t\n\t\t//set background css\t\t\n\t\tif(g_options.textpanel_enable_bg == true){\n\t\t\tg_objBG = g_objPanel.children(\".ug-textpanel-bg\");\n\t\t\tg_objBG.fadeTo(0,g_options.textpanel_bg_opacity);\n\t\t\t\n\t\t\tvar objCssBG = {\"background-color\":g_options.textpanel_bg_color};\n\t\t\tobjCssBG = jQuery.extend(objCssBG, g_options.textpanel_bg_css);\n\t\t\t\n\t\t\tg_objBG.css(objCssBG);\n\t\t}\n\t\t\n\t\t\n\t\t//set title css from options\n\t\tif(g_options.textpanel_enable_title == true){\n\t\t\tg_objTitle = g_objTextWrapper.children(\".ug-textpanel-title\");\n\t\t\tvar objCssTitle = {};\n\t\t\t\n\t\t\tif(g_options.textpanel_title_color !== null)\n\t\t\t\tobjCssTitle[\"color\"] = g_options.textpanel_title_color;\n\t\t\t\n\t\t\tif(g_options.textpanel_title_font_family !== null)\n\t\t\t\tobjCssTitle[\"font-family\"] = g_options.textpanel_title_font_family;\n\t\t\t\n\t\t\tif(g_options.textpanel_title_text_align !== null)\n\t\t\t\tobjCssTitle[\"text-align\"] = g_options.textpanel_title_text_align;\n\t\t\t\n\t\t\tif(g_options.textpanel_title_font_size !== null)\n\t\t\t\tobjCssTitle[\"font-size\"] = g_options.textpanel_title_font_size+\"px\";\n\t\t\t\n\t\t\tif(g_options.textpanel_title_bold !== null){\n\t\t\t\t\n\t\t\t\tif(g_options.textpanel_title_bold === true)\n\t\t\t\t\tobjCssTitle[\"font-weight\"] = \"bold\";\n\t\t\t\telse\n\t\t\t\t\tobjCssTitle[\"font-weight\"] = \"normal\";\n\t\t\t\n\t\t\t}\n\t\t\t\n\t\t\t//set additional css\n\t\t\tif(g_options.textpanel_css_title)\n\t\t\t\tobjCssTitle = jQuery.extend(objCssTitle, g_options.textpanel_css_title);\n\t\t\t\n\t\t\tg_objTitle.css(objCssTitle);\n\t\t}\n\t\t\n\t\t//set description css\n\t\tif(g_options.textpanel_enable_description == true){\n\t\t\tg_objDesc = g_objTextWrapper.children(\".ug-textpanel-description\");\n\t\t\t\n\t\t\tvar objCssDesc = {};\n\t\t\t\n\t\t\tif(g_options.textpanel_desc_color !== null)\n\t\t\t\tobjCssDesc[\"color\"] = g_options.textpanel_desc_color;\n\t\t\t\n\t\t\tif(g_options.textpanel_desc_font_family !== null)\n\t\t\t\tobjCssDesc[\"font-family\"] = g_options.textpanel_desc_font_family;\n\t\t\t\n\t\t\tif(g_options.textpanel_desc_text_align !== null)\n\t\t\t\tobjCssDesc[\"text-align\"] = g_options.textpanel_desc_text_align;\n\t\t\t\n\t\t\tif(g_options.textpanel_desc_font_size !== null)\n\t\t\t\tobjCssDesc[\"font-size\"] = g_options.textpanel_desc_font_size+\"px\";\n\t\t\t\n\t\t\tif(g_options.textpanel_desc_bold !== null){\n\t\t\t\t\n\t\t\t\tif(g_options.textpanel_desc_bold === true)\n\t\t\t\t\tobjCssDesc[\"font-weight\"] = \"bold\";\n\t\t\t\telse\n\t\t\t\t\tobjCssDesc[\"font-weight\"] = \"normal\";\n\t\t\t\n\t\t\t}\n\t\t\t\n\t\t\t//set additional css\n\t\t\tif(g_options.textpanel_css_title)\n\t\t\t\tobjCssDesc = jQuery.extend(objCssDesc, g_options.textpanel_css_description);\n\t\t\t\t\n\t\t\tg_objDesc.css(objCssDesc);\n\t\t}\n\t\t\n\t}\n\t\n\t/**\n\t * on item change, set the text\n\t */\n\tfunction onItemChange(){\n\t\tvar objItem = g_gallery.getSelectedItem();\n\t\tt.setText(objItem.title, objItem.description);\n\t}\n\t\n\t\n\t/**\n\t * init events\n\t */\n\tfunction initEvents(){\n\t\t\n\t\t//on item change, set the text in the slider.\n\t\tjQuery(g_gallery).on(g_gallery.events.ITEM_CHANGE, onItemChange);\n\t}\n\t\n\t\n\t/**\n\t * destroy the events\n\t */\n\tthis.destroy = function(){\n\t\tjQuery(g_gallery).off(g_gallery.events.ITEM_CHANGE);\n\t}\n\t\n\t/**\n\t * run the text panel\n\t */\n\tthis.run = function(){\n\t\t\n\t\tt.setSizeByParent();\n\t\t\n\t\tinitEvents();\n\t}\n\t\n\t/**\n\t * set panel size\n\t */\n\tthis.setPanelSize = function(panelWidth, panelHeight){\n\t\t\n\t\tg_temp.setInternalHeight = true;\n\t\t\n\t\tif(!panelHeight)\n\t\t\tvar panelHeight = 80;\t\t//some default number\n\t\telse\n\t\t\tg_temp.setInternalHeight = false;\n\t\t\n\t\tif(g_options.textpanel_height)\t\n\t\t\tpanelHeight = g_options.textpanel_height;\n\t\t\n\t\tg_objPanel.width(panelWidth);\n\t\tg_objPanel.height(panelHeight);\n\t\t\n\t\t//set background size\n\t\tif(g_objBG){\n\t\t\tg_objBG.width(panelWidth);\n\t\t\tg_objBG.height(panelHeight);\n\t\t}\n\t\t\n\t\t//set textwrapper size and position\n\t\tvar textWrapperWidth = panelWidth - g_options.textpanel_padding_left - g_options.textpanel_padding_right;\n\t\tvar textWrapperLeft = g_options.textpanel_padding_left;\n\t\t\n\t\tg_functions.setElementSizeAndPosition(g_objTextWrapper, textWrapperLeft, 0, textWrapperWidth, panelHeight);\n\t\t\n\t\t//set text width\n\t\tif(g_objTitle)\n\t\t\tg_objTitle.width(textWrapperWidth);\n\t\t\n\t\t//set description height\n\t\tif(g_objDesc)\n\t\t\tg_objDesc.width(textWrapperWidth);\n\t\t\n\t\tif(g_temp.isFirstTime == false)\n\t\t\tt.positionElements(false);\n\t}\n\t\n\t\n\t/**\n\t * set size by parent. the height is set to default meanwhile\n\t */\n\tthis.setSizeByParent = function(){\n\t\t\t\t\n\t\tvar objSize = g_functions.getElementSize(g_objParent);\n\t\tt.setPanelSize(objSize.width);\n\t}\n\t\n\t/**\n\t * set plain sext without other manipulations\n\t */\n\tthis.setTextPlain = function(title, description){\n\n\t\tif(g_objTitle)\n\t\t\tg_objTitle.html(title);\n\t\t\n\t\tif(g_objDesc)\n\t\t\tg_objDesc.html(description);\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * set html text\n\t */\n\tthis.setText = function(title, description){\n\t\t\n\t\tif(g_temp.isFirstTime == true){\n\t\t\t\n\t\t\tt.setTextPlain(title, description);\n\t\t\t\n\t\t\tg_temp.isFirstTime = false;\n\t\t\t\n\t\t\tt.positionElements(false);\n\t\t\n\t\t}else{\t\t//width animation\n\t\t\t\n\t\t\tg_objTextWrapper.stop().fadeTo(g_options.textpanel_fade_duration,0,function(){\n\t\t\t\t\n\t\t\t\tt.setTextPlain(title, description);\n\t\t\t\t\n\t\t\t\tt.positionElements(true);\n\t\t\t\t\n\t\t\t\tjQuery(this).fadeTo(g_options.textpanel_fade_duration,1);\n\t\t\t});\n\t\t\t\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\t\n\t\n\t/**\n\t * position the panel\n\t */\n\tthis.positionPanel = function(customTop, customLeft){\n\t\t\n\t\tvar objCss = {};\n\t\t\n\t\tif(customTop !== undefined && customTop !== null){\n\t\t\tobjCss.top = customTop;\n\t\t\tobjCss.bottom = \"auto\";\n\t\t}else{\n\t\t\t\n\t\t\tswitch(g_options.textpanel_align){\n\t\t\t\tcase \"top\":\n\t\t\t\t\tobjCss.top = g_options.textpanel_margin + \"px\";\n\t\t\t\tbreak;\n\t\t\t\tcase \"bottom\":\n\t\t\t\t\tobjCss.top = \"auto\";\n\t\t\t\t\tobjCss.bottom = g_options.textpanel_margin + \"px\";\n\t\t\t\tbreak;\n\t\t\t\tcase \"middle\":\n\t\t\t\t\tobjCss.top = g_functions.getElementRelativePos(g_objPanel, \"middle\", g_options.textpanel_margin);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif(customLeft !== undefined && customLeft !== null)\n\t\t\tobjCss.left = customLeft;\n\t\t\n\t\tg_objPanel.css(objCss);\n\t}\n\t\n\t\n\t/**\n\t * set custom options\n\t */\n\tthis.setOptions = function(objOptions){\n\t\t\n\t\tif(g_optionsPrefix)\n\t\t\tobjOptions = g_functions.convertCustomPrefixOptions(objOptions, g_optionsPrefix, \"textpanel\");\n\t\t\n\t\tg_options = jQuery.extend(g_options, objOptions);\n\t\t\t\t\n\t}\n\t\n\t\n\t/**\n\t * get html element\n\t */\n\tthis.getElement = function(){\n\t\t\n\t\treturn(g_objPanel);\n\t}\n\t\n\t/**\n\t * get element size\n\t */\n\tthis.getSize = function(){\n\t\t\n\t\tvar objSize = g_functions.getElementSize(g_objPanel);\n\t\treturn(objSize);\n\t}\n\t\n\t\n\t/**\n\t * refresh panel size, position and contents\n\t */\n\tthis.refresh = function(toShow, noPosition, panelWidth, panelHeight){\n\t\t\n\t\tsetCss();\n\t\t\n\t\tif(!panelWidth)\n\t\t\tt.setSizeByParent();\n\t\telse\n\t\t\tt.setPanelSize(panelWidth, panelHeight);\n\t\t\n\t\tt.positionElements(false);\n\t\t\n\t\tif(noPosition !== true)\n\t\t\tt.positionPanel();\n\t\t\n\t\tif(toShow === true)\n\t\t\tt.show();\t\t\n\t}\n\t\n\t\n\t/**\n\t * hide the panel\n\t */\n\tthis.hide = function(){\n\t\t\n\t\tg_objPanel.hide();\n\t}\n\t\n\t/**\n\t * show the panel\n\t */\n\tthis.show = function(){\n\t\tg_objPanel.show();\n\t}\n\t\n\t/**\n\t * get options\n\t */\n\tthis.getOptions = function(){\n\t\treturn(g_options);\n\t}\n\t\n\t/**\n\t * get text panel option\n\t */\n\tthis.getOption = function(optionName){\n\t\t\n\t\tif(g_options.hasOwnProperty(optionName) == false)\n\t\t\treturn(null);\n\t\t\n\t\treturn(g_options[optionName]);\n\t}\n\t\n\t\n}\n\n/** -------------- UGZoomButtonsPanel class ---------------------*/\n\n/**\n * zoom buttons panel class\n */\nfunction UGZoomButtonsPanel(){\n\t\n\tvar t = this;\n\tvar g_objPanel, g_objParent, g_objButtonPlus, g_objButtonMinus, g_objButtonReturn;\n\tvar g_slider = new UGSlider;\n\tvar g_functions = new UGFunctions();\n\t\n\tvar g_options = {\n\t\tslider_zoompanel_skin: \"\"\t\t//skin of the zoom panel, if empty inherit from gallery skin\n\t};\n\t\n\tvar g_temp = {\n\t\t\n\t};\n\t\n\t\n\t/**\n\t * init the panel\n\t */\n\tthis.init = function(objSlider, customOptions){\n\t\t\n\t\tg_slider = objSlider;\n\t\t\n\t\tif(customOptions)\n\t\t\tg_options = jQuery.extend(g_options, customOptions);\t\t\n\t}\n\t\n\t\n\t/**\n\t * append the bullets html to some parent\n\t */\n\tthis.appendHTML = function(objParent){\n\t\tg_objParent = objParent;\n\t\t\n\t\tvar html = \"\";\n\t\t\n\t\tobjParent.append(html);\n\t\t\n\t\tg_objPanel = objParent.children(\".ug-zoompanel\");\n\t\tg_objButtonPlus = g_objPanel.children(\".ug-zoompanel-plus\");\n\t\tg_objButtonMinus = g_objPanel.children(\".ug-zoompanel-minus\");\n\t\tg_objButtonReturn = g_objPanel.children(\".ug-zoompanel-return\");\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * set objects - use it instead insert html\n\t */\n\tthis.setObjects = function(objButtonPlus, objButtonMinus, objButtonReturn){\n\t\t\n\t\tg_objButtonPlus = objButtonPlus;\n\t\tg_objButtonMinus = objButtonMinus;\n\t\tg_objButtonReturn = objButtonReturn;\n\t\t\n\t\tif(g_objButtonMinus)\n\t\t\tg_objButtonMinus.addClass(\"ug-zoompanel-button-disabled\");\n\t\t\n\t\tif(g_objButtonReturn)\n\t\t\tg_objButtonReturn.addClass(\"ug-zoompanel-button-disabled\");\n\t\t\t\n\t}\n\t\n\t\n\t/**\n\t * get buttons element\n\t*/\n\tthis.getElement = function(){\n\t\t\n\t\treturn(g_objPanel);\n\t}\n\t\n\t\n\t/**\n\t * check if the button disabled\n\t */\n\tfunction isButtonDisabled(objButton){\n\t\t\n\t\tif(!objButton)\n\t\t\treturn(true);\n\t\t\n\t\tif(objButton.hasClass(\"ug-zoompanel-button-disabled\"))\n\t\t\treturn(true);\n\t\t\n\t\treturn(false);\n\t}\n\t\n\t\n\t/**\n\t * disable some button\n\t */\n\tfunction disableButton(objButton){\n\t\t\n\t\tif(objButton)\n\t\t\tobjButton.addClass(\"ug-zoompanel-button-disabled\");\n\t}\n\t\n\t/**\n\t * enable some button\n\t */\n\tfunction enableButton(objButton){\n\t\t\n\t\tif(objButton)\n\t\t\tobjButton.removeClass(\"ug-zoompanel-button-disabled\");\t\t\n\t}\n\t\n\t\n\t/**\n\t * on zoom change\n\t */\n\tfunction onZoomChange(){\n\t\t\n\t\t//skip not image types\n\t\tif(g_slider.isCurrentSlideType(\"image\") == false)\n\t\t\treturn(true);\n\t\t\n\t\tvar isFit = g_slider.isCurrentSlideImageFit();\n\t\t\n\t\tif(isFit == true){\t\t//if fit, disable buttons\n\t\t\t\n\t\t\tif(isButtonDisabled(g_objButtonMinus) == false){\t\t\t\n\t\t\t\tdisableButton(g_objButtonMinus);\n\t\t\t\tdisableButton(g_objButtonReturn);\n\t\t\t}\n\t\t\t\n\t\t}else{\t//if not fit, enable minus buttons\n\t\t\t\n\t\t\tif(isButtonDisabled(g_objButtonMinus) == true){\n\t\t\t\tenableButton(g_objButtonMinus);\n\t\t\t\tenableButton(g_objButtonReturn);\t\t\t\t\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\t\n\t}\n\t\n\t/**\n\t * init zoompanel events\n\t */\n\tt.initEvents = function(){\n\t\t\n\t\t//add hover class on buttons\n\t\tg_functions.addClassOnHover(g_objButtonPlus, \"ug-button-hover\");\n\t\tg_functions.addClassOnHover(g_objButtonMinus, \"ug-button-hover\");\n\t\tg_functions.addClassOnHover(g_objButtonReturn, \"ug-button-hover\");\n\t\t\n\t\t//set buttons click events\n\t\t\n\t\tg_functions.setButtonOnClick(g_objButtonPlus, function(){\n\t\t\t\n\t\t\tif(isButtonDisabled(g_objButtonPlus) == true)\n\t\t\t\treturn(true);\n\t\t\t\n\t\t\tg_slider.zoomIn();\n\t\t});\n\t\t\n\t\tg_functions.setButtonOnClick(g_objButtonMinus, function(){\n\t\t\t\n\t\t\tif(isButtonDisabled(g_objButtonMinus) == true)\n\t\t\t\treturn(true);\n\t\t\t\n\t\t\tg_slider.zoomOut();\n\t\t});\n\t\t\n\t\tg_functions.setButtonOnClick(g_objButtonReturn, function(){\n\t\t\t\n\t\t\tif(isButtonDisabled(g_objButtonReturn) == true)\n\t\t\t\treturn(true);\n\t\t\t\n\t\t\tg_slider.zoomBack();\n\t\t});\n\t\t\t\t\n\t\t//on zoom change event\n\t\tjQuery(g_slider).on(g_slider.events.ZOOM_CHANGE,onZoomChange);\n\t\tjQuery(g_slider).on(g_slider.events.ITEM_CHANGED,onZoomChange);\n\t\n\t}\n\t\n\t\n}\n\n\n/** -------------- UgBullets class ---------------------*/\n\nfunction UGBullets(){\n\t\n\tvar t = this, g_numBullets = 0, g_gallery = new UniteGalleryMain();\n\tvar g_objBullets, g_objParent, g_activeIndex = -1, g_bulletWidth;\n\tvar g_functions = new UGFunctions();\n\t\n\tvar g_temp = {\n\t\tisInited:false\n\t};\n\t\n\tvar g_options = {\n\t\tbullets_skin: \"\",\t\t\t\t\t//bullets_skin: \"\"\t\t//skin of the bullets, if empty inherit from gallery skin\n\t\tbullets_addclass: \"\",\t\t\t\t\t//bullets object class addition\n\t\tbullets_space_between:-1\t\t\t//set the space between bullets. If -1 then will be set default space from the skins\n\t}\n\t\n\t\n\t/**\n\t * the events\n\t */\n\tthis.events = {\n\t\tBULLET_CLICK : \"bullet_click\"\n\t};\n\t\n\t/**\n\t * init the bullets\n\t */\n\tthis.init = function(gallery, customOptions, numBullets){\n\t\tg_gallery = gallery;\n\t\t\n\t\tif(numBullets)\n\t\t\tg_numBullets = numBullets;\n\t\telse\t\n\t\t\tg_numBullets = g_gallery.getNumItems();\n\t\t\n\t\tg_temp.isInited = true;\n\t\tg_options = jQuery.extend(g_options, customOptions);\n\t\t\n\t\tif(g_options.bullets_skin == \"\")\n\t\t\tg_options.bullets_skin = g_options.gallery_skin;\n\t\t\n\t}\n\t\n\t/**\n\t * add bullets to the html\n\t */\n\tfunction setHtmlBullets(){\n\t\tvar html = \"\";\n\t\t\n\t\tvar addHtml = \"\";\n\t\tif(g_options.bullets_space_between != -1)\n\t\t\taddHtml = \" style='margin-left:\" + g_options.bullets_space_between + \"px'\";\n\t\t\n\t\tfor(var i=0; i< g_numBullets; i++){\n\t\t\tif(i == 0)\n\t\t\t\thtml += \"\";\n\t\t\telse\n\t\t\t\thtml += \"\";\n\t\t}\n\t\t\n\t\tg_objBullets.html(html);\n\t\t\n\t\t//set bullet width value\n\t\tif(!g_bulletWidth){\n\t\t\tvar objBullet = g_objBullets.find(\".ug-bullet:first-child\");\n\t\t\tif(objBullet.length)\n\t\t\t\tg_bulletWidth = objBullet.width();\n\t\t}\n\t}\n\n\t/**\n\t * get total bullets width\n\t */\n\tthis.getBulletsWidth = function(){\n\t\tif(g_numBullets == 0)\n\t\t\treturn(0);\n\t\t\n\t\tif(!g_bulletWidth)\n\t\t\treturn(0);\n\t\t\n\t\tvar totalWidth = g_numBullets*g_bulletWidth+(g_numBullets-1)*g_options.bullets_space_between;\n\t\treturn(totalWidth);\n\t}\n\t\n\t\n\t/**\n\t * append the bullets html to some parent\n\t */\n\tthis.appendHTML = function(objParent){\n\t\tg_objParent = objParent;\n\t\t\n\t\tvalidateInited();\n\t\tvar addClass = \"\";\n\t\tif(g_options.bullets_addclass != \"\")\n\t\t\taddClass = \" \" + g_options.bullets_addclass;\n\t\t\t\n\t\tvar html = \"\";\n\t\t\n\t\tg_objBullets = jQuery(html);\n\t\t\n\t\tobjParent.append(g_objBullets);\n\t\t\n\t\tsetHtmlBullets();\n\t\t\n\t\tinitEvents();\n\t}\t\n\t\n\t\n\t/**\n\t * update number of bullets\n\t */\n\tthis.updateNumBullets = function(numBullets){\n\t\t\n\t\tg_numBullets = numBullets;\n\t\tsetHtmlBullets();\n\t\tinitEvents();\n\t}\n\t\n\t\n\t/**\n\t * \n\t * on bullet click\n\t */\n\tfunction onBulletClick(objBullet){\n\t\t\t\t\n\t\t//filter not active only\n\t\tif(t.isActive(objBullet) == true)\n\t\t\treturn(true);\n\t\t\n\t\tvar index = objBullet.index();\n\t\t\t\n\t\tjQuery(t).trigger(t.events.BULLET_CLICK, index);\n\t}\n\t\n\t\n\t/**\n\t * init the bullets events\n\t * trigger bullet click event\n\t */\n\tfunction initEvents(){\n\t\t\n\t\tvar objBullets = g_objBullets.children(\".ug-bullet\");\n\t\t\n\t\tg_functions.setButtonOnClick(objBullets, onBulletClick);\n\t\t\n\t\tobjBullets.on(\"mousedown mouseup\",function(event){\n\t\t\t//event.preventDefault();\n\t\t\treturn(false);\n\t\t});\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * get the bullets element\n\t */\n\tthis.getElement = function(){\n\t\treturn g_objBullets;\n\t}\n\t\n\t\n\t/**\n\t * set some item active\n\t */\n\tthis.setActive = function(index){\n\t\tvalidateInited();\n\t\tvalidateIndex(index);\n\t\t\n\t\tvar children = g_objBullets.children(\".ug-bullet\");\n\t\tchildren.removeClass(\"ug-bullet-active\");\n\t\t\n\t\tvar bullet = jQuery(children[index]);\n\t\tbullet.addClass(\"ug-bullet-active\");\n\t\t\n\t\tg_activeIndex = index;\n\t}\n\n\t\n\t/**\n\t * check if the bullet is active\n\t */\n\tthis.isActive = function(index){\n\t\tvalidateIndex(index);\n\t\t\n\t\tif(typeof index != \"number\")\n\t\t\tvar objBullet = index;\n\t\telse{\n\t\t\tvar objBullet = g_objBullets.children(\".ug-bullet\")[index];\t\t\t\n\t\t}\n\t\t\n\t\tif(objBullet.hasClass(\"ug-bullet-active\"))\n\t\t\t\treturn(true);\n\t\t\n\t\treturn(false);\n\t}\n\t\n\t\n\t/**\n\t * get bullets number\n\t */\n\tthis.getNumBullets = function(){\n\t\treturn(g_numBullets);\n\t}\n\t\n\t/**\n\t * validate bullets index\n\t */\n\tfunction validateIndex(index){\n\t\tif(index < 0 || index >= g_numBullets)\n\t\t\tthrow new Error(\"wrong bullet index: \" + index);\n\t}\n\t\n\t\n\t/**\n\t * validate that the bullets are inited\n\t */\n\tfunction validateInited(){\n\t\t\n\t\tif(g_temp.isInited == true)\n\t\t\treturn(true);\n\t\t\n\t\tthrow new Error(\"The bullets are not inited!\");\n\t}\n\t\n\t\n\t\n}\n\n/** -------------- UgProgressBar class ---------------------*/\n\nfunction UGProgressBar(){\n\t\n\tvar t = this, g_isInited = false;\n\tvar g_percent = 0, g_objBar, g_objInner, g_functions = new UGFunctions();\n\t\n\tvar g_options = {\n\t\tslider_progressbar_color:\"#ffffff\",\t\t\t//progress bar color\n\t\tslider_progressbar_opacity: 0.6,\t\t\t//progress bar opacity\n\t\tslider_progressbar_line_width: 5\t\t\t//progress bar line width\n\t}\n\t\n\t\n\t/**\n\t * put progress pie to some wrapper\n\t */\n\tthis.put = function(g_objWrapper, userOptions){\n\t\t\n\t\tif(userOptions)\n\t\t\tg_options = jQuery.extend(g_options, userOptions);\n\t\t\n\t\tg_objWrapper.append(\"\");\n\t\tg_objBar = g_objWrapper.children(\".ug-progress-bar\");\n\t\tg_objInner = g_objBar.children(\".ug-progress-bar-inner\");\n\t\t\n\t\t//init the objects\n\t\tg_objInner.css(\"background-color\", g_options.slider_progressbar_color);\n\t\tg_objBar.height(g_options.slider_progressbar_line_width);\n\t\tg_objInner.height(g_options.slider_progressbar_line_width);\n\t\tg_objInner.width(\"0%\");\n\t\t\n\t\t//set opacity old way (because ie bug)\n\t\tvar opacity = g_options.slider_progressbar_opacity;\n\t\t\n\t\tvar objInnerHTML = g_objInner[0];\n\t\tobjInnerHTML.style.opacity = opacity;\n\t\tobjInnerHTML.style.filter = 'alpha(opacity=' + opacity*100 + ')';\n\t}\n\t\n\t\n\t/**\n\t * put the pie hidden\n\t */\n\tthis.putHidden = function(g_objWrapper, userOptions){\n\t\tt.put(g_objWrapper, userOptions);\n\t\tg_objBar.hide();\n\t}\n\t\n\t/**\n\t * get the bar object\n\t */\n\tthis.getElement = function(){\n\t\t\n\t\treturn(g_objBar);\n\t}\n\t\n\t/**\n\t * set progress bar size\n\t */\n\tthis.setSize = function(width){\n\t\t\n\t\tg_objBar.width(width);\n\t\tg_objInner.width(width);\n\t\tt.draw();\n\t}\n\t\n\t\n\t/**\n\t * set position\n\t */\n\tthis.setPosition = function(left, top, offsetLeft, offsetTop){\n\t\t\n\t\tg_functions.placeElement(g_objBar, left, top, offsetLeft, offsetTop);\n\t}\n\t\n\t\n\t/**\n\t * draw the progress bar\n\t */\n\tthis.draw = function(){\n\t\tvar innerWidth = g_percent * 100;\n\t\t\n\t\tg_objInner.width(innerWidth + \"%\");\n\t}\n\t\n\t\n\t/**\n\t * set and draw the progress\n\t */\n\tthis.setProgress = function(percent){\n\t\t\n\t\tg_percent = g_functions.normalizePercent(percent);\n\t\t\n\t\t//debugLine(g_percent, true);\n\t\t\n\t\tt.draw();\n\t}\n\t\n\t/**\n\t * get type string\n\t */\n\tthis.getType = function(){\n\t\treturn(\"bar\");\n\t}\n\t\n}\n\n/** -------------- UgProgressPie class ---------------------*/\n\nfunction UGProgressPie(){\n\t\n\tvar t = this, g_isInited = false;\n\tvar g_percent, g_objPie, g_functions = new UGFunctions();\n\t\n\tvar g_options = {\n\t\tslider_progresspie_type_fill: false,\t\t//false is stroke, true is fill - the progress pie type, stroke of fill\n\t\tslider_progresspie_color1: \"#B5B5B5\", \t\t//the first color of the progress pie\n\t\tslider_progresspie_color2: \"#E5E5E5\",\t\t//progress pie second color \n\t\tslider_progresspie_stroke_width: 6,\t\t\t//progress pie stroke width \n\t\tslider_progresspie_width: 30,\t\t\t\t//progess pie width\n\t\tslider_progresspie_height:30\t\t\t\t//progress pie height\n\t}\n\t\n\t\n\t/**\n\t * put progress pie to some wrapper\n\t */\n\tthis.put = function(g_objWrapper, userOptions){\n\t\t\n\t\tif(userOptions)\n\t\t\tg_options = jQuery.extend(g_options, userOptions);\n\t\t\t\n\t\tg_objWrapper.append(\"\");\n\t\tg_objPie = g_objWrapper.children(\".ug-canvas-pie\");\n\t}\n\t\n\t\n\t/**\n\t * put the pie hidden\n\t */\n\tthis.putHidden = function(g_objWrapper, userOptions){\n\t\tt.put(g_objWrapper, userOptions);\n\t\tdraw(0.1);\n\t\tg_objPie.hide();\n\t}\n\t\n\t\n\t/**\n\t * get jquery object\n\t */\n\tthis.getElement = function(){\n\t\treturn(g_objPie);\n\t}\n\t\n\t/**\n\t * set position\n\t */\n\tthis.setPosition = function(left, top){\n\t\t\n\t\tg_functions.placeElement(g_objPie, left, top);\n\t\t\n\t}\n\t\n\t/**\n\t * get the height and width of the object\n\t */\n\tthis.getSize = function(){\n\t\t\n\t\tvar obj = {\n\t\t\twidth: g_options.slider_progresspie_width,\n\t\t\theight: g_options.slider_progresspie_height\n\t\t};\n\t\t\n\t\treturn(obj);\n\t}\t\n\t\n\t/**\n\t * draw the progress pie\n\t */\n\tfunction draw(percent){\n\t\t\n\t\tif(!percent)\n\t\t\tvar percent = 0;\n\t\t\n\t\tvar radius = Math.min(g_options.slider_progresspie_width, g_options.slider_progresspie_height) / 2;\n\t\t\n\t\tvar ctx = g_objPie[0].getContext('2d');\n\t\t\n\t\t//init the context\n\t\tif(g_isInited == false){\n\t\t\t\n\t\t\tg_isInited = true;\n\t\t\t\n\t\t\tctx.rotate(Math.PI*(3/2));\n\t\t\tctx.translate(-2 * radius,0);\n\t\t}\t\t\n\t\t\n\t\tctx.clearRect(0,0,g_options.slider_progresspie_width, g_options.slider_progresspie_height);\n\t\t\n\t\tvar centerX = g_options.slider_progresspie_width / 2;\n\t\tvar centerY = g_options.slider_progresspie_height / 2;\n\t \n\t\t//draw main arc\n\t\tvar startPoint = 0;\n\t\tvar endPoint = percent * Math.PI * 2;\n\t\t\t\t\n\t \n\t\tif(g_options.slider_progresspie_type_fill == true){\t\t//fill\n\t\t\t\n\t\t\tctx.beginPath();\n\t\t\t\tctx.moveTo(centerX, centerY); \n\t\t\t ctx.arc(centerX,centerY,radius,startPoint, endPoint);\n\t\t\t ctx.lineTo(centerX, centerY); \n\t\t\t \n\t\t\t ctx.fillStyle = g_options.slider_progresspie_color1;\n\t\t\t ctx.fill();\n\t\t ctx.closePath();\n\t\t \n\t\t}else{\t\t//stroke\n\t\t ctx.globalCompositeOperation = \"source-over\";\n\t\t\t\n\t\t\tctx.beginPath();\n\t\t\t\tctx.moveTo(centerX, centerY); \n\t\t\t ctx.arc(centerX,centerY,radius,startPoint, endPoint);\n\t\t\t ctx.lineTo(centerX, centerY); \n\t\t\t \n\t\t\t ctx.fillStyle = g_options.slider_progresspie_color1;\n\t\t\t ctx.fill();\n\t\t\tctx.closePath();\n\t\t \n\t\t ctx.globalCompositeOperation = \"destination-out\";\n\t\t\t\n\t\t\tvar radius2 = radius - g_options.slider_progresspie_stroke_width;\n\t\t \n\t\t\tctx.beginPath();\n\t\t\t\t\t\t\t\t\n\t\t\t\tctx.moveTo(centerX, centerY); \n\t\t\t ctx.arc(centerX,centerY,radius2,startPoint, endPoint);\n\t\t\t ctx.lineTo(centerX, centerY); \n\t\t\t \n\t\t\t ctx.fillStyle = g_options.slider_progresspie_color1;\n\t\t\t ctx.fill();\n\t\t\t \n\t\t\tctx.closePath();\n\t\t}\n\t \n\t \n\t\t//draw rest arc (only on fill type):\n\t if(g_options.slider_progresspie_type_fill == true){\n\t\t\tstartPoint = endPoint;\n\t\t\tendPoint = Math.PI * 2;\n\t\t\tctx.beginPath();\n\t\t\t ctx.arc(centerX,centerY,radius,startPoint, endPoint);\n\t\t\t ctx.lineTo(centerX, centerY); \n\t\t ctx.fillStyle = g_options.slider_progresspie_color2;\n\t\t ctx.fill();\n\t\t ctx.closePath();\t \t\n\t }\n\t \n\t}\n\t\n\t\n\t/**\n\t * set progress (0-1)\n\t */\n\tthis.setProgress = function(percent){\n\t\t\n\t\tpercent = g_functions.normalizePercent(percent);\n\t\t\n\t\tg_percent = percent;\n\t\tdraw(percent);\n\t}\n\t\n\t/**\n\t * get type string\n\t */\n\tthis.getType = function(){\n\t\treturn(\"pie\");\n\t}\n\t\n}\n\n/**f\n * touch thumbs control class\n * addon to strip gallery\n */\nfunction UGTouchSliderControl(){\n\t\n\tvar g_objSlider, g_objInner, g_parent = new UGSlider();\n\tvar g_objParent, g_options, t=this;\n\t\n\tvar g_functions = new UGFunctions();\n\t\n\t\n\tvar g_options = {\n\t\t slider_transition_continuedrag_speed: 250,\t\t\t\t//the duration of continue dragging after drag end\n\t\t slider_transition_continuedrag_easing: \"linear\",\t\t//easing function of continue dragging animation\n\t\t slider_transition_return_speed: 300,\t\t\t\t\t//the duration of the \"return to place\" animation\n\t\t slider_transition_return_easing: \"easeInOutQuad\"\t\t//easing function of the \"return to place\" animation\n\t};\n\t\n\tvar g_temp = {\n\t\ttouch_active: false,\t\t\n\t\tstartMouseX: 0,\t\t\n\t\tstartMouseY: 0,\n\t\tlastMouseX: 0,\n\t\tlastMouseY: 0,\n\t\tstartPosx:0, \n\t\tstartTime:0,\n\t\tisInitDataValid:false,\n\t\tslides: null,\n\t\tlastNumTouches:0,\n\t\tisDragging: false,\n\t\tstoredEventID: \"touchSlider\",\n\t\tvideoStartX: 0,\n\t\tisDragVideo: false,\n\t\tvideoObject: null\n\t};\n\t\n\t\n\t/**\n\t * get diff inner object position from current item pos\n\t */\n\tfunction getDiffPosFromCurrentItem(slides){\n\t\t\n\t\tif(!slides)\n\t\t\tvar slides = g_parent.getSlidesReference();\n\t\t\n\t\tvar posCurrent = g_functions.getElementSize(slides.objCurrentSlide);\n\t\tvar inPlaceX = -posCurrent.left;\n\t\tvar objInnerSize = g_functions.getElementSize(g_objInner);\n\t\tvar diffPos = inPlaceX - objInnerSize.left;\n\t\t\n\t\treturn(diffPos);\n\t}\n\t\n\t/**\n\t * check if the movement that was held is valid for slide change\n\t */\n\tfunction isMovementValidForChange(){\n\t\t\n\t\tvar slides = g_parent.getSlidesReference();\n\n\t\t//check position, if more then half, move\n\t\tvar diffPos = getDiffPosFromCurrentItem(slides);\n\t\t\n\t\tvar breakSize = Math.round(slides.objCurrentSlide.width() * 3 / 8);\n\t\t\t\t\n\t\tif(Math.abs(diffPos) >= breakSize)\n\t\t\treturn(true);\n\t\t\t\t\n\t\t//check gesture, if vertical mostly then not move\n\t\tvar diffX = Math.abs(g_temp.lastMouseX - g_temp.startMouseX);\n\t\tvar diffY = Math.abs(g_temp.lastMouseY - g_temp.startMouseY);\n\t\t\n\t\t//debugLine(\"diffx: \" + diffX, true, true);\n\t\t\n\t\tif(diffX < 20)\n\t\t\treturn(false);\n\t\t\n\t\t//if(diffY >= diffX)\n\t\t\t//return(false);\n\t\t\t\t\n\t\t//check time. Short time always move\n\t\tvar endTime = jQuery.now();\n\t\tvar diffTime = endTime - g_temp.startTime;\n\t\t\n\t\t//debugLine(\"time: \" + diffTime, true);\n\t\t\n\t\tif(diffTime < 500)\n\t\t\treturn(true);\n\t\t\n\t\t\t\t\t\n\t\treturn(false);\n\t}\n\n\t/**\n\t * check tab event occured\n\t * invokes on touchend event on the slider object\n\t */\n\tthis.isTapEventOccured = function(event){\n\t\t\n\t\t//validate one touch\n\t\tvar arrTouches = g_functions.getArrTouches(event);\n\t\tvar numTouches = arrTouches.length;\n\t\t\t\n\t\tif(numTouches != 0 || g_temp.lastNumTouches != 0){\n\t\t\tg_temp.lastNumTouches = numTouches;\n\t\t\treturn(false);\n\t\t}\n\t\t\t\n\t\tg_temp.lastNumTouches = numTouches;\n\t\t\t\t\n\t\tvar slides = g_parent.getSlidesReference();\n\n\t\t//check position, if more then half, move\n\t\tvar diffPos = getDiffPosFromCurrentItem(slides);\n\t\t\n\t\t//check gesture, if vertical mostly then not move\n\t\tvar diffX = Math.abs(g_temp.lastMouseX - g_temp.startMouseX);\n\t\tvar diffY = Math.abs(g_temp.lastMouseY - g_temp.startMouseY);\n\t\t\n\t\t//check by time\n\t\tvar endTime = jQuery.now();\n\t\tvar diffTime = endTime - g_temp.startTime;\n\t\t\n\t\t//combine move and time\n\t\tif(diffX < 20 && diffY < 50 && diffTime < 500)\n\t\t\treturn(true);\n\t\t\n\t\treturn(false);\n\t}\n\t\n\t/**\n\t * return the item to place\n\t */\n\tfunction returnToPlace(slides){\n\t\t\n\t\tif(g_parent.isInnerInPlace() == true)\n\t\t\treturn(false);\n\t\t\t\t\t\t\n\t\t//trigger before return event\n\t\tg_objParent.trigger(g_parent.events.BEFORE_RETURN);\n\t\t\n\t\tif(!slides)\n\t\t\tvar slides = g_parent.getSlidesReference();\n\t\t\n\t\tvar posCurrent = g_functions.getElementSize(slides.objCurrentSlide);\n\t\tvar destX = -posCurrent.left;\n\t\t\t\t\n\t\t//animate objects\t\t\n\t\tg_objInner.animate({left:destX+\"px\"},{\n\t\t\tduration: g_options.slider_transition_return_speed,\n\t\t\teasing: g_options.slider_transition_continuedrag_easing,\n\t\t\tqueue: false,\n\t\t\tprogress: function(animation, number, remainingMS){\n\t\t\t\t\t\t\t\t\n\t\t\t\t//check drag video\n\t\t\t\tif(g_temp.isDragVideo == true){\n\t\t\t\t\tvar objSize = g_functions.getElementSize(g_objInner);\n\t\t\t\t\tvar innerX = objSize.left;\n\t\t\t\t\t\n\t\t\t\t\tvar posDiff = innerX - destX;\n\t\t\t\t\t\n\t\t\t\t\tvar videoPosX = g_temp.videoStartX + posDiff;\n\t\t\t\t\tg_temp.videoObject.css(\"left\", videoPosX);\n\t\t\t\t}\n\t\t\t\t\n\t\t\t},\n\t\t\tcomplete: function(){\n\t\t\t\tg_objParent.trigger(g_parent.events.AFTER_RETURN);\n\t\t\t}\n\t\t});\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * \n\t * change the item to given direction\n\t */\n\tfunction changeItem(direction){\n\t\t\n\t\tg_parent.getVideoObject().hide();\n\t\tg_parent.switchSlideNums(direction);\n\t\tg_parent.placeNabourItems();\n\n\t}\n\t\n\t/**\n\t * continue the dragging by changing the slides to the right place.\n\t */\n\tfunction continueSlideDragChange(){\n\t\t\n\t\t//get data\n\t\tvar slides = g_parent.getSlidesReference();\n\t\t\n\t\tvar diffPos = getDiffPosFromCurrentItem(slides);\n\t\t\n\t\tif(diffPos == 0)\n\t\t\treturn(false);\n\t\t\n\t\tvar direction = (diffPos > 0) ? \"left\" : \"right\";\n\t\t\t\n\t\tvar isReturn = false;\n\t\t\t\n\t\tswitch(direction){\n\t\t\tcase \"right\":\t//change to prev item\n\t\t\t\t\n\t\t\t\tif( g_parent.isSlideHasItem(slides.objPrevSlide) ){\n\t\t\t\t\t\n\t\t\t\t\tvar posPrev = g_functions.getElementSize(slides.objPrevSlide);\n\t\t\t\t\tvar destX = -posPrev.left;\n\t\t\t\t\t\n\t\t\t\t}else\t//return current item\n\t\t\t\t\tisReturn = true;\n\t\t\t\t\n\t\t\tbreak;\t\n\t\t\tcase \"left\":\t\t//change to next item\n\t\t\t\t\n\t\t\t\tif( g_parent.isSlideHasItem(slides.objNextSlide) ){\n\t\t\t\t\t\n\t\t\t\t\tvar posNext = g_functions.getElementSize(slides.objNextSlide);\n\t\t\t\t\tvar destX = -posNext.left;\n\t\t\t\t\t\n\t\t\t\t}else\t\t\t\t\t\n\t\t\t\t\tisReturn = true;\t\t\t\t\n\t\t\tbreak;\n\t }\n\t\t\n\t\t\n\t\tif(isReturn == true){\n\t\t\treturnToPlace(slides);\n\t\t\t\n\t\t}else{\n\t\t\t\t\t\t\n\t\t\t//animate objects\n\t\t\tg_objInner.stop().animate({left:destX+\"px\"},{\n\t\t\t\tduration: g_options.slider_transition_continuedrag_speed,\n\t\t\t\teasing: g_options.slider_transition_continuedrag_easing,\n\t\t\t\tqueue: false,\n\t\t\t\tprogress: function(){\n\t\t\t\t\t\n\t\t\t\t\t//check drag video\n\t\t\t\t\tif(g_temp.isDragVideo == true){\n\t\t\t\t\t\tvar objSize = g_functions.getElementSize(g_objInner);\n\t\t\t\t\t\tvar innerX = objSize.left;\n\t\t\t\t\t\tvar posDiff = innerX - g_temp.startPosx;\n\t\t\t\t\t\tvar videoPosX = g_temp.videoStartX + posDiff;\n\t\t\t\t\t\tg_temp.videoObject.css(\"left\", videoPosX);\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t},\n\t\t\t\talways:function(){\n\t\t\t\t\tchangeItem(direction);\n\t\t\t\t\tg_objParent.trigger(g_parent.events.AFTER_DRAG_CHANGE);\n\t\t\t\t}\n\t\t\t});\n\t\t\t\n\t\t}\n\t\t\t\t\n\t\t\n\t}\n\n\t\n\t/**\n\t * handle slider drag on mouse drag\n\t */\n\tfunction handleSliderDrag(event){\n\t\t\n\t\tvar diff = g_temp.lastMouseX - g_temp.startMouseX;\n\t\t\n\t\tif(diff == 0)\n\t\t\treturn(true);\n\t\t\n\t\tvar direction = (diff < 0) ? \"left\":\"right\";\n\t\t\n\t\tvar objZoomSlider = g_parent.getObjZoom();\n\t\t\n\t\t//don't drag if the zoom panning enabled\n\t\t//store init position after image zoom pan end\n\t\tif(objZoomSlider){\n\t\t\t\n\t\t\tvar isPanEnabled = objZoomSlider.isPanEnabled(event,direction);\n\t\t\t\t\t\t\n\t\t\tif(isPanEnabled == true){\n\t\t\t\tg_temp.isInitDataValid = false;\n\t\t\t\treturn(true);\t\t\t\t\n\t\t\t}else{\n\t\t\t\t\n\t\t\t\tif(g_temp.isInitDataValid == false){\n\t\t\t\t\tstoreInitTouchData(event);\n\t\t\t\t\treturn(true);\n\t\t\t\t}\n\t\t\t\t\n\t\t\t}\n\t\t}\n\t\t\n\t\t//set inner div position\n\t\tvar currentPosx = g_temp.startPosx + diff;\n\t\t\n\t\t//check out of borders and slow down the motion:\n\t\tif(diff > 0 && currentPosx > 0)\n\t\t\tcurrentPosx = currentPosx / 3;\t\t\n\t\t\n\t\telse if(diff < 0 ){\n\t\t\t\n\t\t\tvar innerEnd = currentPosx + g_objInner.width();\n\t\t\tvar sliderWidth = g_objSlider.width();\n\t\t\t\n\t\t\tif( innerEnd < sliderWidth ){\n\t\t\t\tcurrentPosx = g_temp.startPosx + diff/3;\n\t\t\t}\n\t\t}\n\t\t\n\t\tif(g_temp.isDragging == false){\n\t\t\tg_temp.isDragging = true;\n\t\t\tg_objParent.trigger(g_parent.events.START_DRAG);\n\t\t}\n\t\t\t\t\n\t\tg_objInner.css(\"left\", currentPosx+\"px\");\n\t\t\n\t\t//drag video\n\t\tif(g_temp.isDragVideo == true){\n\t\t\tvar posDiff = currentPosx - g_temp.startPosx;\n\t\t\tvar videoPosX = g_temp.videoStartX + posDiff;\n\t\t\t\n\t\t\tg_temp.videoObject.css(\"left\", videoPosX);\n\t\t}\n\t\t\n\t}\n\t\n\t/**\n\t * store init touch position\n\t */\n\tfunction storeInitTouchData(event){\n\t\t\n\t\tvar mousePos = g_functions.getMousePosition(event);\n\t\t\n\t\tg_temp.startMouseX = mousePos.pageX;\n\t\t\n\t\t//debugLine(\"startx:\" + g_temp.startMouseX, true, true);\n\t\t\n\t\tg_temp.startMouseY = mousePos.pageY;\n\t\t\n\t\tg_temp.lastMouseX = g_temp.startMouseX;\n\t\tg_temp.lastMouseY = g_temp.startMouseY;\n\t\tg_temp.startTime = jQuery.now();\n\t\t\n\t\tvar arrTouches = g_functions.getArrTouches(event);\t\t\n\t\tg_temp.startArrTouches = g_functions.getArrTouchPositions(arrTouches);\n\t\t\n\t\tvar objPos = g_functions.getElementSize(g_objInner);\n\t\t\n\t\tg_temp.startPosx = objPos.left;\n\t\t\n\t\tg_temp.isInitDataValid = true;\n\t\t\n\t\t//check if video object need to be dragged\n\t\tg_temp.isDragVideo = false;\n\t\t\t\t\t\n\t\t\n\t\tg_functions.storeEventData(event, g_temp.storedEventID);\n\t}\n\t\n\t/**\n\t * disable touch active\n\t */\n\tfunction disableTouchActive(who){\n\t\t\n\t\tg_temp.touch_active = false;\n\t\t\n\t\t//debugLine(\"disable: \" + who, true, true);\n\t}\n\t\n\t/**\n\t * enable the touch active\n\t */\n\tfunction enableTouchActive(who, event){\n\t\t\n\t\tg_temp.touch_active = true;\n\t\tstoreInitTouchData(event);\n\t\t\n\t\t//debugLine(\"enable: \" + who, true, true);\n\t}\n\n\t\n\t/**\n\t * on touch slide start\n\t * \n\t */\n\tfunction onTouchStart(event){\n\t\t\n\t\tevent.preventDefault();\n\t\t\n\t\tg_temp.isDragging = false;\n\t\t\n\t\t//debugLine(\"touchstart\", true, true);\n\t\t\n\t\t//check if the slides are changing from another event.\n\t\tif(g_parent.isAnimating() == true){\n\t\t\tg_objInner.stop(true, true);\n\t\t}\n\t\t\n\t\t//check num touches\n\t\tvar arrTouches = g_functions.getArrTouches(event);\n\t\tif(arrTouches.length > 1){\n\t\t\t\n\t\t\tif(g_temp.touch_active == true){\n\t\t\t\tdisableTouchActive(\"1\");\n\t\t\t}\n\t\t\t\n\t\t\treturn(true);\n\t\t}\n\t\t\t\t\t\t\n\t\tif(g_temp.touch_active == true){\n\t\t\treturn(true);\n\t\t}\n\t\t\n\t\tenableTouchActive(\"1\", event);\n\t\t\n\t}\n\t\n\n\t/**\n\t * \n\t * on touch move event\n\t */\n\tfunction onTouchMove(event){\n\t\t\n\t\tif(g_temp.touch_active == false)\n\t\t\treturn(true);\n\t\t\n\t\t//detect moving without button press\n\t\tif(event.buttons == 0){\n\t\t\tdisableTouchActive(\"2\");\n\t\t\t\n\t\t\tcontinueSlideDragChange();\n\t\t\t\t\t\t\n\t\t\treturn(true);\n\t\t}\n\n\t\tg_functions.updateStoredEventData(event, g_temp.storedEventID);\n\t\t\t\t\n\t\tevent.preventDefault();\n\t\t\n\t\tvar mousePos = g_functions.getMousePosition(event);\n\t\tg_temp.lastMouseX = mousePos.pageX;\n\t\tg_temp.lastMouseY = mousePos.pageY;\n\t\t\t\t\n\t\t//debugLine(\"lastX:\" + g_temp.lastMouseX, true, true);\n\t\t\n\t\tvar scrollDir = null;\n\t\t\n\t\tif(g_options.slider_vertical_scroll_ondrag == true)\n\t\t\tscrollDir = g_functions.handleScrollTop(g_temp.storedEventID);\n\t\t\n\t\tif(scrollDir !== \"vert\")\n\t\t\thandleSliderDrag(event);\n\t\t\t\n\t}\n\t\n\t/**\n\t * on touch end event\n\t */\n\tfunction onTouchEnd(event){\n\t\t\n\t\t//debugLine(\"touchend\", true, true);\n\t\t\n\t\tvar arrTouches = g_functions.getArrTouches(event);\n\t\tvar numTouches = arrTouches.length;\n\t\tvar isParentInPlace = g_parent.isInnerInPlace();\n\t\t\n\t\tif(isParentInPlace == true && g_temp.touch_active == false && numTouches == 0){\n\t\t\t\n\t\t\treturn(true);\n\t\t}\n\t\t\t\t\n\t\tif(numTouches == 0 && g_temp.touch_active == true){\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\tdisableTouchActive(\"3\");\n\t\t\t\n\t\t\tvar isValid = false;\n\t\t\t\n\t\t\tvar wasVerticalScroll = g_functions.wasVerticalScroll(g_temp.storedEventID);\n\t\t\t\n\t\t\tif(wasVerticalScroll == false)\n\t\t\t\tisValid = isMovementValidForChange();\n\t\t\t\t\t\t\n\t\t\tif(isValid == true)\n\t\t\t\tcontinueSlideDragChange();\t\t//change the slide\n\t\t\telse\n\t\t\t\treturnToPlace();\t//return the inner object to place (if not in place)\n\t\t\t\n\t\t}else{\n\t\t\t\n\t\t\tif(numTouches == 1 && g_temp.touch_active == false){\n\t\t\t\t\t\t\t\t\n\t\t\t\tenableTouchActive(\"2\",event);\t\t\t\t\n\t\t\t}\n\t\t\t\t\n\t\t}\n\t\t\t\t\t\n\t}\n\n\n\t/**\n\t * init touch events\n\t */\n\tfunction initEvents(){\n\t\t\n\t\t//slider mouse down - drag start\n\t\tg_objSlider.bind(\"mousedown touchstart\",onTouchStart);\n\t\t\n\t\t//on body move\n\t\tjQuery(\"body\").bind(\"mousemove touchmove\",onTouchMove);\n\t\t\n\t\t//on body mouse up - drag end\n\t\tjQuery(window).add(\"body\").bind(\"mouseup touchend\", onTouchEnd);\n\t\t\n\t}\n\t\n\t\n\t\n\t/**\n\t * init function for avia controls\n\t */\n\tthis.init = function(objSlider, customOptions){\n\t\t\n\t\tg_parent = objSlider;\n\t\tg_objParent = jQuery(g_parent);\n\t\tg_objects = objSlider.getObjects();\n\t\t\t\t\n\t\tg_objSlider = g_objects.g_objSlider;\n\t\tg_objInner = g_objects.g_objInner;\n\n\t\tg_options = jQuery.extend(g_options, customOptions);\n\t\t\t\t\n\t\tinitEvents();\n\t}\n\t\n\t\n\t/**\n\t * get last mouse position\n\t */\n\tthis.getLastMousePos = function(){\n\t\tvar obj = {\n\t\t\tpageX: g_temp.lastMouseX,\n\t\t\tpageY: g_temp.lastMouseY\n\t\t};\n\t\t\n\t\treturn(obj);\n\t}\n\t\n\t\n\t/**\n\t * is touch active\n\t */\n\tthis.isTouchActive = function(){\n\t\t\n\t\treturn(g_temp.touch_active);\n\t\t\n\t}\n\t\n\t\n}\n/**\n * touch thumbs control class\n * addon to strip gallery\n */\nfunction UGZoomSliderControl(){\n\t\n\tvar g_objSlider, g_objInner, g_parent = new UGSlider(), g_objParent;\n\t\n\tvar g_functions = new UGFunctions();\n\t\n\tvar t = this;\n\t\n\tvar g_options = {\n\t\tslider_zoom_step: 1.2,\t\t\t\t\t\t\t//the step of zooming with mouse wheel or zoom button\n\t\tslider_zoom_max_ratio: 6,\t\t\t\t\t\t//max zoom ratio\n\t\tslider_zoom_return_pan_duration: 400,\t\t\t//the return from pan animation duration \n\t\tslider_zoom_return_pan_easing: \"easeOutCubic\"\t//the return from pan wasing function\n\t};\n\t\n\tvar g_temp = {\n\t\tisPanActive:false,\n\t\tstartMouseX:0,\n\t\tstartMouseY:0,\n\t\tlastMouseX:0,\n\t\tlastMouseY:0,\n\t\tstartImageX:0,\n\t\tstartImageY:0,\n\t\tpanXActive:false,\n\t\tpanYActive:false,\n\t\tobjImage:null,\n\t\tobjImageSize:null,\n\t\tobjParent:null,\n\t\tobjParentSize:null,\n\t\tobjSlide:null,\n\t\tstoreImageLastTime:0,\n\t\t\n\t\tisZoomActive: false,\n\t\tstartDistance:0,\n\t\tstartMiddlePoint:null,\n\t\timageOrientPoint:null,\n\t\tobjFitImageSize:null,\n\t\tisZoomedOnce:false\n\t};\n\n\t\n\t/**\n\t * init the object\n\t */\n\tfunction initObject(objSlider, customOptions){\n\t\t\n\t\tg_parent = objSlider;\n\t\tg_objParent = jQuery(g_parent);\n\t\tg_objects = objSlider.getObjects();\n\t\tg_objSlider = g_objects.g_objSlider;\n\t\tg_objInner = g_objects.g_objInner;\n\t\t\n\t\tg_options = jQuery.extend(g_options, customOptions);\n\t\t\t\t\n\t\tinitEvents();\n\t}\n\t\n\t\n\t/**\n\t * get fit image to slider scale mode\n\t * the fill become fit\n\t */\n\tfunction getFitScaleMode(){\n\t\t\n\t\tvar scaleMode = g_parent.getScaleMode();\n\t\t\n\t\tif(scaleMode != \"down\")\n\t\t\tscaleMode = \"fit\";\n\t\t\n\t\treturn(scaleMode);\n\t}\n\t\n\t\n\t/**\n\t * cache current slide and image\n\t */\n\tfunction storeCurrentImage(){\t\t\n\t\t\n\t\t//prevent continious image storring\n\t\tvar currentTime = jQuery.now();\n\t\tvar diff = currentTime - g_temp.storeImageLastTime;\n\t\t\n\t\tif(diff < 20)\n\t\t\treturn(false);\n\t\t\n\t\tvar slides = g_parent.getSlidesReference();\n\t\tg_temp.objSlide = slides.objCurrentSlide;\n\t\tg_temp.objImage = slides.objCurrentSlide.find(\"img\");\n\t\t\n\t\tif(g_temp.objImage.length == 0)\n\t\t\treturn(false);\n\t\t\t\n\t\tg_temp.objImageSize = g_functions.getElementSize(g_temp.objImage);\n\t\tg_temp.objParent = g_temp.objImage.parent();\n\t\tg_temp.objParentSize = g_functions.getElementSize(g_temp.objParent);\n\t\t\n\t\tvar scaleMode = getFitScaleMode();\n\t\t\n\t\tobjPadding = g_parent.getObjImagePadding();\n\t\t\n\t\tg_temp.objFitImageSize = g_functions.getImageInsideParentDataByImage(g_temp.objImage, scaleMode, objPadding);\n\t\t\n\t\tvar currentTime = jQuery.now();\n\t\tg_temp.storeImageLastTime = currentTime;\n\t\t\n\t\treturn(true);\n\t}\n\t\n\t\n\t/**\n\t * zoom current image\n\t * mode: in, out, back\n\t */\n\tfunction zoomCurrentImage(mode, mousePos){\n\t\t\n\t\tvar slides = g_parent.getSlidesReference();\n\t\tvar objImage = slides.objCurrentSlide.find(\"img\");\n\t\tvar scaleMode = getFitScaleMode();\n\t\t\n\t\tg_objParent.trigger(g_parent.events.ZOOM_START);\n\t\t\n\t\t//flag if the images zoomed\n\t\tvar isZoomed = true;\n\t\t\n\t\tvar objPadding = g_parent.getObjImagePadding();\n\t\t\t\t\n\t\tif(mode == \"back\"){\t\n\t\t\tvar objOriginalSize = g_functions.getImageOriginalSize(objImage);\n\t\t\tg_functions.scaleImageFitParent(objImage, objOriginalSize.width, objOriginalSize.height, scaleMode, objPadding);\n\t\t}\n\t\telse{\t\t\t\n\t\t\tvar zoomIn = (mode == \"in\")?true:false;\n\t\t\t\n\t\t\tisZoomed = g_functions.zoomImageInsideParent(objImage, zoomIn, g_options.slider_zoom_step, mousePos, scaleMode, g_options.slider_zoom_max_ratio, objPadding);\n\t\t}\n\t\t\n\t\tif(isZoomed == true){\n\t\t\tg_objParent.trigger(g_parent.events.ZOOMING);\n\t\t\tg_objParent.trigger(g_parent.events.ZOOM_CHANGE);\n\t\t\tg_objParent.trigger(g_parent.events.ZOOM_END);\n\t\t}\n\t\t\n\t}\n\t\n\t\n\tfunction ____________PAN_____________(){};\n\t\n\t\n\t/**\n\t * check if pan is posible for the current image\n\t * check if the image is bigger then the parent\n\t */\n\tfunction isPanPosible(objImage, event, stictTouchesCheck){\n\t\t\n\t\t//check num touches, strict means that even if 0 - pan not posible\n\t\tvar arrTouches = g_functions.getArrTouches(event);\n\t\t\n\t\tif(stictTouchesCheck === true){\n\t\t\t\n\t\t\tif(arrTouches.length != 1)\n\t\t\t\treturn(false);\t\t\t\n\t\t}else{\n\t\t\tif(arrTouches.length > 1)\n\t\t\t\treturn(false);\t\t\t\n\t\t}\n\t\t\n\t\tif(g_functions.isElementBiggerThenParent(objImage))\n\t\t\treturn(true);\n\t\t\n\t\treturn(false);\n\t}\n\t\n\t\n\t/**\n\t * store pan values\n\t */\n\tfunction storePanInitValues(event){\n\t\t\n\t\tvar mousePos = g_functions.getMousePosition(event);\n\t\t\n\t\tg_temp.startMouseX = mousePos.pageX;\n\t\tg_temp.startMouseY = mousePos.pageY;\n\t\t\n\t\tg_temp.lastMouseX = g_temp.startMouseX;\n\t\tg_temp.lastMouseY = g_temp.startMouseY;\n\t\t\n\t\tg_temp.startImageX = g_temp.objImageSize.left;\n\t\tg_temp.startImageY = g_temp.objImageSize.top;\n\t\t\n\t\tg_temp.panXActive = (g_temp.objImageSize.width > g_temp.objParentSize.width);\n\t\tg_temp.panYActive = (g_temp.objImageSize.height > g_temp.objParentSize.height);\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * check pan start, and start if posible\n\t */\n\tfunction startPan(event){\n\t\t\t\t\n\t\tg_temp.isPanActive = true;\n\t\tstorePanInitValues(event);\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * pan the image\n\t */\n\tfunction panImage(event){\n\t\t\n\t\tif(g_temp.objImage == undefined || g_temp.objImage.length == 0)\n\t\t\treturn(true);\n\t\t\n\t\tvar mousePos = g_functions.getMousePosition(event);\n\t\t\n\t\tvar diffX = mousePos.pageX - g_temp.startMouseX;\n\t\tvar diffY = mousePos.pageY - g_temp.startMouseY;\n\t\t\n\t\t//get active direction\n\t\tvar diffLastX = mousePos.pageX - g_temp.lastMouseX;\n\t\tvar diffLastY = mousePos.pageY - g_temp.lastMouseY;\n\t\t\n\t\tvar directionX = (diffLastX < 0) ? \"left\":\"right\";\n\t\tvar directionY = (diffLastY < 0) ? \"up\":\"down\";\n\t\t\n\t\tg_temp.lastMouseX = mousePos.pageX;\n\t\tg_temp.lastMouseY = mousePos.pageY;\n\t\t\n\t\tvar posImage = g_functions.getElementSize(g_temp.objImage);\n\t\t\n\t\t//var imageX = g_temp.startImageX + diffX;\n\t\t//var imageY = g_temp.startImageY + diffY;\n\t\t\t\t\n\t\t\n\t\t//slow down if no pan available in this point\n\t\t//slow down y\n\t\t\n\t\tif(g_temp.panYActive == false){\n\t\t\t\n\t\t\tdiffLastY = 0;\n\t\t\t\n\t\t}else{\t\t//zoom enabled\n\t\t\t\n\t\t\tif(directionY == \"down\" && posImage.top > 0){\t\t\t\n\t\t\t\t\n\t\t\t\tdiffLastY = diffLastY / 3;\t\t\t\t\n\t\t\t\t\n\t\t\t}else if(directionY == \"up\" && posImage.bottom < g_temp.objParentSize.height){\n\t\t\t\t\n\t\t\t\tdiffLastY = diffLastY / 3;\t\t\t\t\n\t\t\t\t\n\t\t\t}\n\t\t}\n\t\t\n\t\t//slow down x (only if the pan enabled)\n\t\tif(g_temp.panXActive == false || g_parent.isInnerInPlace() == false){\n\t\t\t\n\t\t\tdiffLastX = 0;\n\t\t\n\t\t}else{\t//zoom enabled\n\t\t\t\n\t\t\tif(directionX == \"right\" && posImage.left > 0){\t\t\t\t\n\t\t\t\tdiffLastX = diffLastX / 3;\t\t\t\t\n\t\t\t}\n\t\t\telse if(directionX == \"left\" && posImage.right < g_temp.objParentSize.width){\n\t\t\t\tdiffLastX = diffLastX / 3;\n\t\t\t}\n\t }\n\t\t\n\t\tvar imageX = posImage.left + diffLastX;\n\t\tvar imageY = posImage.top + diffLastY;\n\t\t\n\t\t\n\t\tg_functions.placeElement(g_temp.objImage, imageX, imageY);\n\t\t\n\t}\n\t\n\t\n\t\n\t\n\t/**\n\t * return the image to place if it's out of borders\n\t */\n\tfunction checkReturnAfterPan(){\n\t\t\t\t\n\t\tvar isReturnX = false, isReturnY = false, newX = 0, newY = 0;\n\t\tvar objSize = g_functions.getElementSize(g_temp.objImage);\n\t\tvar objImagePadding = g_parent.getObjImagePadding();\n\t\t\t\t\n\t\tvar objCenterPos = g_functions.getElementCenterPosition(g_temp.objImage, objImagePadding);\n\t\t\n\t\tg_temp.panXActive = (g_temp.objImageSize.width > g_temp.objParentSize.width);\n\t\tg_temp.panYActive = (g_temp.objImageSize.height > g_temp.objParentSize.height);\n\t\t\t\t\n\t\t\n\t\tif(g_temp.panYActive == true){\n\t\t\t\n\t\t\tif(objSize.top > 0){\t\t//off limit top\n\t\t\t\t\n\t\t\t\tnewY = 0;\n\t\t\t\tisReturnY = true;\n\t\t\t\t\n\t\t\t}else if(objSize.bottom < g_temp.objParentSize.height){\t\t//off limit bottom\n\t\t\t\t\n\t\t\t\tnewY = g_temp.objParentSize.height - objSize.height;\n\t\t\t\tisReturnY = true;\n\t\t\t\t\n\t\t\t}\n\t\t\t\n\t\t}else{\t\t//pan not active y - return to center\n\t\t\t\n\t\t\tif(objSize.top != objCenterPos.top){\n\t\t\t\tisReturnY = true;\n\t\t\t\tnewY = objCenterPos.top;\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\t\n\t\t//check return x to place\n\t\tif(g_temp.panXActive == true){\n\t\t\t\n\t\t\tif(objSize.left > 0){\t\t//off limit left\n\t\t\t\t\n\t\t\t\tnewX = 0;\n\t\t\t\tisReturnX = true;\n\t\t\t\t\n\t\t\t}else if(objSize.right < g_temp.objParentSize.width){\t\t//off limit right\n\t\t\t\t\t\t\t\t\n\t\t\t\tnewX = g_temp.objParentSize.width - objSize.width;\n\t\t\t\tisReturnX = true;\n\t\t\t\t\n\t\t\t}\n\t\t\t\n\t\t}else{\t\t//pan not active x - return to center\n\t\t\t\n\t\t//\tdebugLine(\"not active\", true);\n\t\t\t\n\t\t\tif(objSize.left != objCenterPos.left){\n\t\t\t\tisReturnX = true;\n\t\t\t\tnewX = objCenterPos.left;\n\t\t\t}\n\t\t}\n\t\t\n\t\t\n\t\t//do the animation\n\t\tvar objCss = {};\n\t\tif(isReturnY == true)\n\t\t\tobjCss.top = newY + \"px\";\n\t\t\n\t\tif(isReturnX == true)\n\t\t\tobjCss.left = newX + \"px\";\n\t\t\n\t\t\n\t\tif(isReturnY == true || isReturnX == true){\n\t\t\t\t\t\t\n\t\t\tg_temp.objImage.animate(objCss,{\n\t\t\t\tduration: g_options.slider_zoom_return_pan_duration,\n\t\t\t\teasing: g_options.slider_zoom_return_pan_easing,\n\t\t\t\tqueue: false\n\t\t\t});\n\n\t\t}\n\t\t\n\t}\n\t\n\t/**\n\t * check if the image animating or not\n\t */\n\tfunction isImageAnimating(){\n\t\t\n\t\tif(g_temp.objImage && g_temp.objImage.is(\":animated\"))\n\t\t\treturn(true);\n\t\t\n\t\treturn(false);\n\t}\n\t\n\tfunction ____________END_PAN_____________(){};\n\t\n\tfunction ________TOUCH_ZOOM_____________(){};\n\t\n\t/**\n\t * start touch zoom\n\t */\n\tfunction startTouchZoom(arrTouches){\n\t\t\t\t\n\t\tg_temp.isZoomActive = true;\n\t\t\n\t\t//store init diff\n\t\tg_temp.startDistance = g_functions.getDistance(arrTouches[0].pageX, arrTouches[0].pageY, arrTouches[1].pageX, arrTouches[1].pageY);\n\t\tif(g_temp.startDistance == 0)\n\t\t\tg_temp.startDistance = 1;\n\t\t\n\t\t\n\t\t//store init positions\n\t\tg_temp.startMiddlePoint = g_functions.getMiddlePoint(arrTouches[0].pageX, arrTouches[0].pageY, arrTouches[1].pageX, arrTouches[1].pageY);\n\t\t\t\t\n\t\tg_temp.objImageSize = g_functions.getElementSize(g_temp.objImage);\n\t\t\t\n\t\tg_temp.startImageX = g_temp.objImageSize.left;\n\t\tg_temp.startImageY = g_temp.objImageSize.top;\n\t\t\n\t\t//set orient point\n\t\tg_temp.imageOrientPoint = g_functions.getElementLocalPoint(g_temp.startMiddlePoint, g_temp.objImage);\n\t\t\n\t\tvar isInsideImage = g_functions.isPointInsideElement(g_temp.imageOrientPoint, g_temp.objImageSize);\n\t\tif(isInsideImage == false){\n\t\t\tg_temp.imageOrientPoint = g_functions.getElementCenterPoint(g_temp.objImage);\n\t\t}\n\t\t\n\t\t//trigger start zoom event\n\t\tg_objParent.trigger(g_parent.events.ZOOM_START);\n\t}\n\t\n\t\n\t/**\n\t * check num touches, if not 2 - end zoom\n\t */\n\tfunction checkTouchZoomEnd(event){\n\t\t\t\t\n\t\tif(g_temp.isZoomActive == false)\n\t\t\treturn(false);\n\t\t\n\t\tvar arrTouches = g_functions.getArrTouches(event);\t\t\t\n\t\tif(arrTouches.length != 2){\t\t//end touch zoom\n\t\t\t\n\t\t\tg_temp.isZoomActive = false;\n\t\t\t\n\t\t\t//trigger end zoom event\n\t\t\tg_objParent.trigger(g_parent.events.ZOOM_END);\t\t\t\n\t\t}\t\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * check start touch zoom\n\t */\n\tfunction checkTouchZoomStart(event){\n\t\t\t\t\n\t\tif(g_temp.isZoomActive == true)\n\t\t\treturn(true);\n\n\n\t\tvar arrTouches = g_functions.getArrTouches(event);\n\t\t\t\t\n\t\tif(arrTouches.length != 2)\n\t\t\treturn(true);\n\t\t\t\t\t\n\t\tstartTouchZoom(arrTouches);\t\t\n\t}\n\t\n\t\n\t/**\n\t * do touch zoom on touch devices\n\t */\n\tfunction doTouchZoom(event){\n\t\t\t\t\n\t\tvar arrTouches = g_functions.getArrTouches(event);\n\t\t\t\t\n\t\tvar distance = g_functions.getDistance(arrTouches[0].pageX, arrTouches[0].pageY, arrTouches[1].pageX, arrTouches[1].pageY);\t\t\n\t\tvar zoomRatio = distance / g_temp.startDistance;\n\t\t\n\t\tvar middlePoint = g_functions.getMiddlePoint(arrTouches[0].pageX, arrTouches[0].pageY, arrTouches[1].pageX, arrTouches[1].pageY);\n\t\t\n\t\t//set zoom data:\n\t\tvar newWidth = g_temp.objImageSize.width * zoomRatio;\n\t\tvar newHeight = g_temp.objImageSize.height * zoomRatio;\n\t\t\n\t\t//check max zoom ratio:\n\t\tvar objOriginalSize = g_functions.getImageOriginalSize(g_temp.objImage);\n\t\tvar expectedZoomRatio = 1;\t\t\n\t\tif(objOriginalSize.width > 0)\n\t\t\texpectedZoomRatio = newWidth / objOriginalSize.width;\n\t\t\n\t\tif(expectedZoomRatio > g_options.slider_zoom_max_ratio)\n\t\t\treturn(true);\n\t\t\n\t\t//set pan data:\n\t\tpanX = -(g_temp.imageOrientPoint.x * zoomRatio - g_temp.imageOrientPoint.x);\n\t\tpanY = -(g_temp.imageOrientPoint.y * zoomRatio - g_temp.imageOrientPoint.y);\n\t\t\n\t\tvar diffMiddleX = (middlePoint.x - g_temp.startMiddlePoint.x);\n\t var diffMiddleY = (middlePoint.y - g_temp.startMiddlePoint.y);\n\t\t\n\t var posx = g_temp.startImageX + panX + diffMiddleX;\n\t\tvar posy = g_temp.startImageY + panY + diffMiddleY;\t\t\n\t\t\t\t\n\t\t\n\t\t//resize and place:\n\t\tg_functions.setElementSizeAndPosition(g_temp.objImage, posx, posy, newWidth, newHeight);\n\t\t\n\t\t//trigger zooming event\n\t\tg_objParent.trigger(g_parent.events.ZOOMING);\t\t\t\n\t\tg_objParent.trigger(g_parent.events.ZOOM_CHANGE);\t\t\t\n\n\t\t/*\n\t\tdebugLine({\n\t\t\tmiddleStartX: g_temp.startMiddlePoint.x,\n\t\t\tmiddleX: middlePoint.x,\n\t\t\tdiffMiddleX: diffMiddleX\n\t\t});\n\t\t*/\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * check return the image from zoom\n\t */\n\tfunction checkReturnFromZoom(){\n\t\t\t\t\n\t\tif(g_temp.objImage == undefined || g_temp.objImage.length == 0)\n\t\t\treturn(true);\n\t\t\n\t\tvar objSize = g_functions.getElementSize(g_temp.objImage);\n\t\t\n\t\tif(objSize.width < g_temp.objFitImageSize.imageWidth){\n\t\t\t\n\t\t\tg_temp.objImage.css({\n\t\t\t\tposition:\"absolute\",\n\t\t\t\tmargin:\"none\"\n\t\t\t});\n\t\t\t\n\t\t\tvar objCss = {\n\t\t\t\ttop: g_temp.objFitImageSize.imageTop + \"px\",\n\t\t\t\tleft: g_temp.objFitImageSize.imageLeft + \"px\",\n\t\t\t\twidth: g_temp.objFitImageSize.imageWidth + \"px\",\n\t\t\t\theight: g_temp.objFitImageSize.imageHeight + \"px\"\n\t\t\t};\n\t\t\t\n\t\t\tg_temp.objImage.animate(objCss,{\n\t\t\t\tduration: g_options.slider_zoom_return_pan_duration,\n\t\t\t\teasing: g_options.slider_zoom_return_pan_easing,\n\t\t\t\tqueue: false\n\t\t\t});\n\t\t\t\n\t\t}else{\t\t\t\n\t\t\tcheckReturnAfterPan();\n\t\t}\n\t\t\n\t}\n\t\n\t\n\tfunction ________END_TOUCH_ZOOM_____________(){};\n\t\n\t\n\t/**\n\t * \n\t * touch start event - start pan, remember start pan data\n\t */\n\tfunction onTouchStart(event){\n\t\t\n\t\t//if no image type, exit\n\t\tif(g_parent.isCurrentSlideType(\"image\") == false)\n\t\t\treturn(true);\n\t\t\n\t\tvar isStored = storeCurrentImage();\n\t\t\n\t\tif(g_temp.objImage == undefined || g_temp.objImage.length == 0)\n\t\t\treturn(true);\n\t\t\n\t\tevent.preventDefault();\n\t\t\t\t\t\t\n\t\t//stop animation if exists\n\t\tif(isImageAnimating() == true){\t\t\t\n\t\t\tg_temp.objImage.stop(true);\n\t\t}\n\t\t\n\t\tif(g_temp.isZoomActive == true){\n\t\t\t\n\t\t\tcheckTouchZoomEnd(event);\n\t\t\t\n\t\t}else{\n\t\t\t\n\t\t\tcheckTouchZoomStart(event);\n\t\t\t\n\t\t}\n\t\t\n\t\t//if zoom started stop panning, if not, start panning\n\t\tif(g_temp.isZoomActive == true){\n\t\t\t\n\t\t\tg_temp.isPanActive = false;\n\t\t\n\t\t}else if(isPanPosible(g_temp.objImage, event) == true && g_temp.isZoomedOnce == true){\n\t\t\t\n\t\t\tstartPan(event);\n\t\t}\n\t\t\n\t\t/*\n\t\tdebugLine({\n\t\t\t\tpan: g_temp.isPanActive,\n\t\t\t\tzoom: g_temp.isZoomActive,\n\t\t\t\tevent: \"start\"\n\t\t\t}, true);\n\t\t*/\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * touch end event - bring the image to place\n\t */\n\tfunction onTouchEnd(event){\n\t\t\n\t\tif(g_parent.isCurrentSlideType(\"image\") == false)\n\t\t\treturn(true);\n\t\t\n\t\t//check if some gallery button clicked\n\t\tvar objTarget = jQuery(event.target);\n\t\tif(objTarget.data(\"ug-button\") == true){\n\t\t\t//event.preventDefault();\n\t\t\treturn(false);\n\t\t}\n\t\t\n\t\tvar isStored = storeCurrentImage();\n\n\t\tif(g_temp.objImage == undefined || g_temp.objImage.length == 0)\n\t\t\treturn(true);\n\t\t\t\t\n\t\tvar panWasActive = g_temp.isPanActive;\n\t\tvar zoomWasActive = g_temp.isZoomActive;\n\t\t\n\t\t//if the inner not in place, don't return noting, let the slide change\n\t\tif(g_parent.isInnerInPlace() == false){\n\t\t\tg_temp.isZoomActive = false;\n\t\t\tg_temp.isPanActive = false;\n\t\t\treturn(true);\n\t\t}\n\t\t\n\t\t//check end zoom\n\t\tif(g_temp.isZoomActive == true){\n\t\t\tcheckTouchZoomEnd(event);\n\t\t}else{\n\t\t\tcheckTouchZoomStart(event);\n\t\t}\n\t\t\n\t\t\n\t\tif(g_temp.isZoomActive == true){\n\t\t\t\n\t\t\tg_temp.isPanActive = false;\n\t\t\t\n\t\t}else{\n\t\t\t\n\t\t\tvar panPosible = isPanPosible(g_temp.objImage, event, true);\n\t\t\t\n\t\t\tif(g_temp.isPanActive == true ){\n\t\t\t\t\t\t\n\t\t\t\tg_temp.isPanActive = false;\n\t\t\t\t\n\t\t\t}else if(panPosible == true){\n\t\t\t\t\n\t\t\t\tstartPan(event);\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\t/*\n\t\tdebugLine({\n\t\t\tpan:g_temp.isPanActive,\n\t\t\tzoom: g_temp.isZoomActive\n\t\t}, true);\n\t\t*/\n\t\t\n\t\tif((panWasActive || zoomWasActive) && g_temp.isZoomActive == false && g_temp.isPanActive == false){\n\t\t\tcheckReturnFromZoom();\n\t\t}\n\t\t\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * \n\t * touch move event - pan\n\t */\n\tfunction onTouchMove(event){\n\t\t\n\t\tif(g_parent.isCurrentSlideType(\"image\") == false)\n\t\t\treturn(true);\n\t\t\t\t\n\t\t//check touch zoom (pinch gesture)\n\t\tif(g_temp.isZoomActive == true){\n\t\t\t\n\t\t\tdoTouchZoom(event);\n\t\t\t\n\t\t}else if(g_temp.isPanActive == true){\n\t\t\t\n\t\t\tpanImage(event);\n\t\t\t\n\t\t}\n\t\t\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * on slider mousewheel event\n\t */\n\tfunction onSliderMouseWheel(event, delta, deltaX, deltaY){\n\t\t\n\t\tif(g_options.slider_zoom_mousewheel == false)\n\t\t\treturn(true);\n\t\t\n\t\tif(g_parent.isCurrentSlideType(\"image\") == false)\n\t\t\treturn(true);\n\t\t\n\t\tevent.preventDefault();\n\t\t\n\t\t//prevent default only if needed\n\t\t//if(zoomIn == true || zoomIn == false && g_functions.isElementBiggerThenParent(objImage))\n\t\t//event.preventDefault();\n\t\t\n\t\t\n\t\tvar zoomIn = (delta > 0);\n\t\tvar mousePos = g_functions.getMousePosition(event);\n\t\tvar\tmode = (zoomIn == true) ? \"in\":\"out\";\n\t\t\n\t\tzoomCurrentImage(mode, mousePos);\n\t}\n\t\n\t\n\t/**\n\t * init touch events\n\t */\n\tfunction initEvents(){\n\t\t\n\t\t//debugLine(\"init\");\n\t\tg_objSlider.on(\"mousewheel\",onSliderMouseWheel);\n\t\t\n\t\t//slider mouse down - pan start\n\t\tg_objSlider.bind(\"mousedown touchstart\",onTouchStart);\n\t\t\n\t\t//on body move\n\t\tjQuery(\"body\").bind(\"mousemove touchmove\",onTouchMove);\n\t\t\n\t\t//on body mouse up - pan end\n\t\tjQuery(window).add(\"body\").bind(\"mouseup touchend\", onTouchEnd);\n\t\t\n\t\t//event before image returned to init position\n\t\tg_objParent.bind(g_parent.events.BEFORE_RETURN, function(){\n\t\t\t\n\t\t\tcheckReturnFromZoom();\n\t\t});\n\t\t\t\t\n\t\t//on item change update isZoomedOnce event. Allow panning only if zoomed once\n\t\tg_objParent.bind(g_parent.events.ITEM_CHANGED, function(){\n\t\t\tg_temp.isZoomedOnce = false;\n\t\t});\n\t\t\n\t\tg_objParent.bind(g_parent.events.ZOOM_CHANGE, function(){\n\t\t\tg_temp.isZoomedOnce = true;\n\t\t});\n\t\t\n\t}\n\t\n\tthis.________EXTERNAL_____________ = function(){};\n\t\n\t/**\n\t * check if the image is zoomed, and there is a place for left panning\n\t */\n\tthis.isPanEnabled = function(event, direction){\n\t\t\n\t\tstoreCurrentImage();\n\t\t\n\t\tif(g_temp.objImage == undefined || g_temp.objImage.length == 0)\n\t\t\treturn(false);\n\t\t\n\t\tif(g_temp.isZoomedOnce == false)\n\t\t\treturn(false);\n\t\t\n\t\tif(isPanPosible(g_temp.objImage, event) == false)\n\t\t\treturn(false);\n\t\t\n\t\tif(g_parent.isInnerInPlace() == false)\n\t\t\treturn(false);\n\t\t\n\t\tif(direction == \"left\"){\n\t\t\t\n\t\t\tif(g_temp.objImageSize.right <= g_temp.objParentSize.width)\n\t\t\t\treturn(false);\n\t\t\t\n\t\t}else{\t//right direction\n\t\t\t\n\t\t\tif(g_temp.objImageSize.left >= 0)\n\t\t\t\treturn(false);\n\t\t}\n\t\t\n\t\treturn(true);\n\t}\n\t\n\t\n\t/**\n\t * init function for avia controls\n\t */\n\tthis.init = function(objSlider, customOptions){\n\t\t\n\t\tinitObject(objSlider, customOptions);\n\t}\n\t\n\t/**\n\t * zoom in\n\t */\n\tthis.zoomIn = function(){\t\t\n\t\tzoomCurrentImage(\"in\");\t\n\t}\n\t\n\t/**\n\t * zoom out\n\t */\n\tthis.zoomOut = function(){\t\t\n\t\tzoomCurrentImage(\"out\");\t\t\n\t}\n\t\n\t/**\n\t * zoom back\n\t */\n\tthis.zoomBack = function(){\n\t\t\n\t\tzoomCurrentImage(\"back\");\t\t\n\t}\n}\n/** -------------- Wistia API ---------------------*/\n\nfunction UGWistiaAPI(){\n\t\n\tthis.isAPILoaded = false;\n\tvar t = this, g_objThis = jQuery(this), g_intHandle;\n\tvar g_player, g_isPlayerReady = false;\n\t\n\tthis.events = {\n\t\t\tSTART_PLAYING: \"start_playing\",\n\t\t\tSTOP_PLAYING: \"stop_playing\",\n\t\t\tVIDEO_ENDED: \"video_ended\"\n\t};\n\n\t\n\t/**\n\t * check if sound cloud active\n\t */\n\tfunction isWistiaActive(){\n\t\t\n\t\treturn(typeof Wistia != \"undefined\");\t\n\t}\n\t\n\t/**\n\t * load vimeo API\n\t */\n\tthis.loadAPI = function(){\n\t\t\n\t\tif(g_ugWistiaAPI.isAPILoaded == true)\n\t\t\treturn(true);\n\n\t\tif(isWistiaActive()){\n\t\t\tg_ugWistiaAPI.isAPILoaded = true;\n\t\t\treturn(true);\n\t\t}\n\t\t\n\t\tg_ugFunctions.loadJs(\"fast.wistia.com/assets/external/E-v1.js\", true);\n\t\t\n\t\tg_ugWistiaAPI.isAPILoaded = true;\t\t\n\t}\n\n\t\n\t/**\n\t * actually put the video\n\t */\n\tfunction putVideoActually(divID, videoID, width, height, isAutoplay){\n\t\t\n\t\tg_player = null;\n\t\tg_isPlayerReady = false;\n\t\t\n\t\tvar htmlID = divID + \"_video\";\n\t\t\n\t\tvar html = \"\";\n\t\t\t\t\n\t\tjQuery(\"#\"+divID).html(html);\n\t\t\n\t\tg_player = Wistia.embed(videoID, {\n\t\t\t version: \"v1\",\n\t\t\t videoWidth: width,\n\t\t\t videoHeight: height,\n\t\t\t container: htmlID,\n\t\t\t autoPlay: isAutoplay\n\t\t});\n\t\t\t\t\n\t\tg_isPlayerReady = true;\n\t\t\t\t\n\t\tinitEvents();\n\t}\n\t\n\t\n\t/**\n\t * init events\n\t */\n\tfunction initEvents(){\n\t\t\n\t\t//set \"play\" event\n\t\t\n\t\tg_player.bind('play', function(){\n\t\t\tg_objThis.trigger(t.events.START_PLAYING);\n\t\t});\n\t\t\n\t\t//set \"pause event\"\n\t\tg_player.bind('pause', function(){\n\t\t\tg_objThis.trigger(t.events.STOP_PLAYING);\n\t\t});\n\t\t\n\t\tg_player.bind('end', function(){\n\t\t\tg_objThis.trigger(t.events.STOP_PLAYING);\n\t\t\tg_objThis.trigger(t.events.VIDEO_ENDED);\n\t\t});\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * do some command\n\t */\n\tthis.doCommand = function(command){\n\t\t\n\t\tif(g_player == null)\n\t\t\treturn(false);\n\t\t\n\t\tif(g_isPlayerReady == false)\n\t\t\treturn(false);\n\t\t\n\t\tswitch(command){\n\t\t\tcase \"play\":\n\t\t\t\tg_player.play();\n\t\t\tbreak;\n\t\t\tcase \"pause\":\n\t\t\t\tg_player.pause();\n\t\t\tbreak;\t\t\n\t\t}\n\t\t\n\t}\n\t\n\t/**\n\t * do pause command\n\t */\n\tthis.pause = function(){\n\t\tt.doCommand(\"pause\");\n\t}\n\t\n\t/**\n\t * do play command\n\t */\n\tthis.play = function(){\n\t\tt.doCommand(\"play\");\n\t}\n\t\n\t\n\t/**\n\t * put the vimeo video\n\t */\n\tthis.putVideo = function(divID, videoID, width, height, isAutoplay){\n\t\t\n\t\tif(isWistiaActive()){\n\t\t\tputVideoActually(divID, videoID, width, height, isAutoplay);\n\t\t\treturn(true);\n\t\t}\n\t\t\n\t\t\n\t\t//if no API present, wait for the API being ready\n\t\tthis.loadAPI();\n\t\tg_intHandle = setInterval(function(){\n\t\t\t\n\t\t\tif(isWistiaActive()){\n\t\t\t\tputVideoActually(divID, videoID, width, height, isAutoplay);\n\t\t\t\tclearInterval(g_intHandle);\n\t\t\t}\n\t\t\t\n\t\t}, 500);\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * get if the player is ready\n\t */\n\tthis.isPlayerReady = function(){\n\t\t\t\t\n\t\tif(g_isPlayerReady && g_player)\n\t\t\treturn(true);\n\t\n\t\treturn(false);\n\t}\t\n\t\n\t\n}\n\n/** -------------- Sound Cloud API ---------------------*/\n\nfunction UGSoundCloudAPI(){\n\t\n\tthis.isAPILoaded = false;\n\tvar t = this, g_objThis = jQuery(this), g_intHandle;\n\tvar g_player, g_lastContainerID;\n\t\n\tthis.events = {\n\t\t\tSTART_PLAYING: \"start_playing\",\n\t\t\tSTOP_PLAYING: \"stop_playing\",\n\t\t\tVIDEO_ENDED: \"video_ended\"\n\t};\n\n\t/**\n\t * check if sound cloud active\n\t */\n\tfunction isSCActive(){\n\t\t\n\t\treturn(typeof SC != \"undefined\");\t\n\t}\n\t\n\t/**\n\t * load vimeo API\n\t */\n\tthis.loadAPI = function(){\n\t\t\n\t\tif(g_ugSoundCloudAPI.isAPILoaded == true)\n\t\t\treturn(true);\n\t\t\t\t\n\t\tif(isSCActive()){\n\t\t\tg_ugSoundCloudAPI.isAPILoaded = true;\n\t\t\treturn(true);\n\t\t}\n\t\t\n\t\tg_ugFunctions.loadJs(\"w.soundcloud.com/player/api.js\", true);\n\t\t\n\t\tg_ugSoundCloudAPI.isAPILoaded = true;\t\t\n\t}\n\t\n\t/**\n\t * actually put the video\n\t */\n\tfunction putSoundActually(divID, trackID, width, height, isAutoplay){\n\t\t\n\t\tg_player = null;\n\t\tg_isPlayerReady = false;\n\t\t\n\t\tvar iframeID = divID+\"_iframe\";\n\t\t\n\t\tvar url = location.protocol+\"//w.soundcloud.com/player/?url=http://api.soundcloud.com/tracks/\"+trackID;\n\t\turl += \"&buying=false&liking=false&download=false&sharing=false&show_artwork=true&show_comments=false&show_playcount=true&show_user=false&hide_related=true&visual=true&start_track=0&callback=true\";\n\t\t\n\t\tif(isAutoplay === true)\n\t\t\turl += \"&auto_play=true\";\n\t\telse\n\t\t\turl += \"&auto_play=false\";\n\t\t\n\t\tvar html = \"\";\n\t\t\n\t\tjQuery(\"#\"+divID).html(html);\n\t\t\n\t\t//get the player object\n\t\tg_player = SC.Widget(iframeID);\n\t\t\n\t\tg_player.bind(SC.Widget.Events.READY, function() {\n\t\t\t\n\t\t\tif(g_player){\n\t\t\t\tg_isPlayerReady = true;\n\t\t\t\tinitEvents();\n\t\t\t}\n\t\t\t\n\t\t});\n\t\t\n\t\tg_lastContainerID = divID;\n\t}\n\n\t\n\t/**\n\t * init events\n\t */\n\tfunction initEvents(){\n\t\t\n\t\t\n\t\t//set \"play\" event\n\t\tg_player.bind(SC.Widget.Events.PLAY, function(){\n\t\t\tg_objThis.trigger(t.events.START_PLAYING);\n\t\t});\n\t\t\n\t\t//set \"pause event\"\n\t\tg_player.bind(SC.Widget.Events.PAUSE, function(){\n\t\t\tg_objThis.trigger(t.events.STOP_PLAYING);\n\t\t});\n\t\t\n\t\tg_player.bind(SC.Widget.Events.FINISH, function(){\n\t\t\tg_objThis.trigger(t.events.STOP_PLAYING);\n\t\t\tg_objThis.trigger(t.events.VIDEO_ENDED);\n\t\t});\n\t\t\n\t}\n\t\t\n\t\n\t/**\n\t * put the youtube video\n\t */\n\tthis.putSound = function(divID, trackID, width, height, isAutoplay){\n\t\t\n\t\tif(isSCActive()){\n\t\t\tputSoundActually(divID, trackID, width, height, isAutoplay);\n\t\t\treturn(true);\n\t\t}\n\t\t\n\t\t\n\t\t//if no API present, wait for the API being ready\n\t\tthis.loadAPI();\n\t\tg_intHandle = setInterval(function(){\n\t\t\t\n\t\t\tif(isSCActive()){\n\t\t\t\tputSoundActually(divID, trackID, width, height, isAutoplay);\n\t\t\t\tclearInterval(g_intHandle);\n\t\t\t}\n\t\t\t\n\t\t}, 500);\n\t\t\n\t}\n\t\n\n\t/**\n\t * do some command\n\t */\n\tthis.doCommand = function(command){\n\t\t\n\t\tif(g_player == null)\n\t\t\treturn(false);\n\t\t\n\t\tif(g_isPlayerReady == false)\n\t\t\treturn(false);\n\t\t\n\t\tswitch(command){\n\t\t\tcase \"play\":\n\t\t\t\tg_player.play();\n\t\t\tbreak;\n\t\t\tcase \"pause\":\n\t\t\t\tg_player.pause();\n\t\t\tbreak;\n\t\t}\n\t\t\n\t}\t\n\t\n\t\n\t/**\n\t * pause video\n\t */\n\tthis.pause = function(){\n\t\tt.doCommand(\"pause\");\n\t}\n\t\n\t\n\t/**\n\t * play video\n\t */\n\tthis.play = function(){\n\t\tt.doCommand(\"play\");\n\t}\n\t\n\t/**\n\t * destroy the player\n\t */\n\tthis.destroy = function(){\n\t\t\n\t\tg_isPlayerReady = false;\n\t\tg_player = null;\n\t\t\n\t\tif(g_lastContainerID){\n\t\t\tjQuery(\"#\" + g_lastContainerID).html(\"\");\n\t\t\tg_lastContainerID = null;\n\t\t}\n\t\t\n\t}\n\t\n}\n\n/** -------------- html5 Video API ---------------------*/\n\nfunction UGHtml5MediaAPI(){\n\t\n\tthis.isAPILoaded = false;\n\tvar t = this, g_objThis = jQuery(this), g_intHandle;\n\tvar g_player;\n\t\n\tthis.events = {\n\t\t\tSTART_PLAYING: \"start_playing\",\n\t\t\tSTOP_PLAYING: \"stop_playing\",\n\t\t\tVIDEO_ENDED: \"video_ended\"\n\t};\n\t\n\t/**\n\t * load vimeo API\n\t */\n\tthis.loadAPI = function(){\n\t\t\n\t\tif(g_ugHtml5MediaAPI.isAPILoaded == true)\n\t\t\treturn(true);\n\t\t\n\t\t\n\t\tif(isMediaElementActive()){\n\t\t\tg_ugHtml5MediaAPI.isAPILoaded = true;\n\t\t\treturn(true);\n\t\t}\n\t\t\n\t\tg_ugFunctions.loadJs(\"cdnjs.cloudflare.com/ajax/libs/mediaelement/2.18.1/mediaelement.min.js\", true);\n\t\tg_ugFunctions.loadCss(\"cdnjs.cloudflare.com/ajax/libs/mediaelement/2.18.1/mediaelementplayer.min.css\", true);\n\t\t\n\t\tg_ugHtml5MediaAPI.isAPILoaded = true;\t\t\n\t}\n\t\n\t/**\n\t * return true if the mediaelement is active\n\t */\n\tfunction isMediaElementActive(){\n\t\t\t\t\n\t\treturn(typeof mejs != \"undefined\");\n\t}\n\t\n\t\n\t/**\n\t * actually put the video\n\t */\n\tfunction putVideoActually(divID, data, width, height, isAutoplay){\n\t\t\n\t\tg_player = null;\n\t\tg_isPlayerReady = false;\n\t\t\n\t\tvar urlFlash = location.protocol + \"//cdnjs.cloudflare.com/ajax/libs/mediaelement/2.18.1/flashmediaelement-cdn.swf\";\n\t\tvar urlSilverlight = location.protocol + \"//cdnjs.cloudflare.com/ajax/libs/mediaelement/2.18.1/silverlightmediaelement.xap\";\n\n\t\tvar htmlID = divID + \"_video\";\n\t\tvar htmlAutoplay = \"\";\n\t\tif(isAutoplay && isAutoplay === true)\n\t\t\thtmlAutoplay = \"autoplay='autoplay'\"\n\t\t\n\t\tvar htmlPoster = \"\";\n\t\tif(data.posterImage)\n\t\t\thtmlPoster = \"poster='\"+data.posterImage+\"'\";\n\t\t\n\t\tvar html = \"\";\n\t\t\n\t\tjQuery(\"#\"+divID).html(html);\n\t\t\n\t\tnew MediaElement(htmlID, {\t\t\t\n\t\t enablePluginDebug: false,\n\t\t flashName: urlFlash,\n\t\t silverlightName: urlSilverlight,\n\t\t success: function (mediaElement, domObject) { \n\t\t \tg_isPlayerReady = true;\n\t\t \tg_player = mediaElement;\n\t\t \t\t\t \t\n\t\t \tif(isAutoplay == false)\n\t\t \t\tg_player.pause();\n\t\t \t\n\t\t \tinitEvents();\n\t\t },\n\t\t error: function (objError) { \n\t\t \ttrace(objError);\n\t\t }\n\t\t});\t\t\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * init player events function\n\t */\n\tfunction initEvents(){\n\t\t\n\t\tg_ugFunctions.addEvent(g_player, \"play\", function(){\n\t\t\tg_objThis.trigger(t.events.START_PLAYING);\n\t\t});\n\t\t\n\t\tg_ugFunctions.addEvent(g_player, \"pause\", function(){\n\t\t\tg_objThis.trigger(t.events.STOP_PLAYING);\n\t\t});\n\t\t\n\t\tg_ugFunctions.addEvent(g_player, \"ended\", function(){\n\t\t\tg_objThis.trigger(t.events.STOP_PLAYING);\n\t\t\tg_objThis.trigger(t.events.VIDEO_ENDED);\n\t\t});\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * put the vimeo video\n\t */\n\tthis.putVideo = function(divID, data, width, height, isAutoplay){\n\t\t\n\t\tif(isMediaElementActive()){\n\t\t\tputVideoActually(divID, data, width, height, isAutoplay);\n\t\t\treturn(true);\n\t\t}\n\t\t\n\t\t\n\t\t//if no API present, wait for the API being ready\n\t\tthis.loadAPI();\n\t\tg_intHandle = setInterval(function(){\n\t\t\t\n\t\t\tif(isMediaElementActive()){\n\t\t\t\tputVideoActually(divID, data, width, height, isAutoplay);\n\t\t\t\tclearInterval(g_intHandle);\n\t\t\t}\n\t\t\t\n\t\t}, 500);\n\t\t\n\t}\n\n\t/**\n\t * do some command\n\t */\n\tthis.doCommand = function(command){\n\t\t\t\t\n\t\tif(g_player == null)\n\t\t\treturn(false);\n\t\t\n\t\tif(g_isPlayerReady == false)\n\t\t\treturn(false);\n\t\t\n\t\tswitch(command){\n\t\t\tcase \"play\":\n\t\t\t\tg_player.play();\n\t\t\tbreak;\n\t\t\tcase \"pause\":\n\t\t\t\tg_player.pause();\n\t\t\tbreak;\n\t\t}\n\t\t\n\t}\t\n\t\n\t\n\t/**\n\t * pause video\n\t */\n\tthis.pause = function(){\n\t\tt.doCommand(\"pause\");\n\t}\n\t\n\t\n\t/**\n\t * play video\n\t */\n\tthis.play = function(){\n\t\tt.doCommand(\"play\");\n\t}\n\t\n}\n\n\n/** -------------- Vimeo API class ---------------------*/\n\nfunction UGVimeoAPI(){\n\t\n\tthis.isAPILoaded = false;\n\t\n\tvar t = this, g_objThis = jQuery(this), g_intHandle;\n\tvar g_player = null, g_isPlayerReady = false, g_lastCotnainerID, g_cueChangeAutoplay = false;\n\t\n\t\n\tthis.events = {\n\t\t\tSTART_PLAYING: \"start_playing\",\n\t\t\tSTOP_PLAYING: \"stop_playing\",\n\t\t\tVIDEO_ENDED: \"video_ended\"\n\t};\n\t\n\t/**\n\t * load vimeo API\n\t */\n\tthis.loadAPI = function(){\n\t\t\n\t\tif(g_ugVimeoAPI.isAPILoaded == true)\n\t\t\treturn(true);\n\t\t\n\t\tif(isFroogaloopActive()){\n\t\t\tg_ugVimeoAPI.isAPILoaded = true;\n\t\t\treturn(true);\n\t\t}\n\n\t\tg_ugFunctions.loadJs(\"f.vimeocdn.com/js/froogaloop2.min.js\", true);\n\t\t\n\t\tg_ugVimeoAPI.isAPILoaded = true;\t\t\n\t}\n\t\n\t\n\t\n\t/**\n\t * tells if the froogaloop library active\n\t */\n\tfunction isFroogaloopActive(){\n\t\t\n\t\treturn(typeof Froogaloop != \"undefined\");\n\t}\n\t\n\t\n\t/**\n\t * actually put the video\n\t */\n\tfunction putVideoActually(divID, videoID, width, height, isAutoplay){\n\t\t\n\t\tg_player = null;\n\t\tg_isPlayerReady = false;\n\t\t\n\t\tvar url = location.protocol+\"//player.vimeo.com/video/\"+videoID+\"?api=1\";\n\t\t\n\t\tif(isAutoplay === true)\n\t\t url += \"&byline=0&autoplay=1&title=0&portrait=0\";\n\t\t\n\t\tvar html = \"\";\n\t\t\n\t\tjQuery(\"#\"+divID).html(html);\n\t\t\n\t\t//get the player object\n\t\tvar iframe = jQuery(\"#\"+divID + \" iframe\")[0];\n\t\t\n\t\tg_player = Froogaloop(iframe);\n\n\t\tg_player.addEvent('ready', function(){\n\t\t\t\n\t\t\tif(g_player){\n\t\t\t\tg_isPlayerReady = true;\n\t\t\t\tinitEvents();\n\t\t\t}\n\t\t\t\n\t\t});\n\t\t\n\t\tg_lastCotnainerID = divID;\t\t\n\t}\n\t\n\t/**\n\t * init events\n\t */\n\tfunction initEvents(){\n\t\t\n\t\tif(!g_player)\n\t\t\treturn(false);\n\t\t\t\t\n\t\t//set \"cuechange\" event\n\t\tg_player.addEvent('cuechange', function(){\n\t\t\t\n\t\t\tif(g_cueChangeAutoplay == true)\t\t\t\n\t\t\t\tt.play();\n\t\t\t\n\t\t});\n\t\t\n\t\t//set \"play\" event\n\t\tg_player.addEvent('play', function(){\n\t\t\tg_objThis.trigger(t.events.START_PLAYING);\n\t\t});\n\t\t\n\t\t//set \"pause event\"\n\t\tg_player.addEvent('pause', function(){\n\t\t\tg_objThis.trigger(t.events.STOP_PLAYING);\n\t\t});\n\t\t\n\t\tg_player.addEvent('finish', function(){\n\t\t\tg_objThis.trigger(t.events.STOP_PLAYING);\n\t\t\tg_objThis.trigger(t.events.VIDEO_ENDED);\n\t\t});\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * do some command\n\t */\n\tthis.doCommand = function(command){\n\t\t\n\t\tif(g_player == null)\n\t\t\treturn(false);\n\t\t\n\t\tif(g_isPlayerReady == false)\n\t\t\treturn(false);\n\t\t\n\t\tswitch(command){\n\t\t\tdefault:\n\t\t\t\tg_player.api(command);\n\t\t\tbreak;\n\t\t}\n\t\t\n\t}\n\t\n\t/**\n\t * do pause command\n\t */\n\tthis.pause = function(){\n\t\tt.doCommand(\"pause\");\n\t}\n\t\n\t/**\n\t * do play command\n\t */\n\tthis.play = function(){\n\t\tt.doCommand(\"play\");\n\t}\n\t\n\t/**\n\t * desrtoy the player and empty the div\n\t */\n\tthis.destroy = function(){\n\t\t\n\t\tif(g_player){\n\t\t\tg_player.api(\"unload\");\n\t\t\tg_player = null;\n\t\t\tg_isPlayerReady = false;\n\t\t}\n\t\t\n\t\tif(g_lastCotnainerID){\n\t\t\tjQuery(\"#\" + g_lastCotnainerID).html(\"\");\t\t\t\n\t\t}\n\t\n\t}\n\t\n\t/**\n\t * put the vimeo video\n\t */\n\tthis.putVideo = function(divID, videoID, width, height, isAutoplay){\n\t\t\n\t\tif(isFroogaloopActive()){\n\t\t\tputVideoActually(divID, videoID, width, height, isAutoplay);\n\t\t\treturn(true);\n\t\t}\n\t\t\n\t\t\n\t\t//if no API present, wait for the API being ready\n\t\tthis.loadAPI();\n\t\tg_intHandle = setInterval(function(){\n\t\t\t\n\t\t\tif(isFroogaloopActive()){\n\t\t\t\tputVideoActually(divID, videoID, width, height, isAutoplay);\n\t\t\t\tclearInterval(g_intHandle);\n\t\t\t}\n\t\t\t\n\t\t}, 500);\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * get if the player is ready\n\t */\n\tthis.isPlayerReady = function(){\n\t\t\n\t\tif(g_isPlayerReady && g_player)\n\t\t\treturn(true);\n\t\n\t\treturn(false);\n\t}\t\n\t\n\t/**\n\t * change the video\n\t */\n\tthis.changeVideo = function(videoID, isAutoplay){\n\t\t\n\t\tif(t.isPlayerReady() == false)\n\t\t\treturn(false);\n\t\t\n\t\tg_cueChangeAutoplay = isAutoplay;\n\t\t\n\t\tg_player.api(\"loadVideo\", videoID);\n\t}\n\t\n\t\n\t/**\n\t * get video images\n\t */\n\tthis.getVideoImages = function(videoID, itemIndex, onSuccessFunction){\n\t\t\n\t\tvar url = location.protocol+\"//vimeo.com/api/v2/video/\"+videoID+\".json\";\n\t\tjQuery.get(url, {}, function(data){\n\t\t\tvar obj = {};\n\t\t\tobj.preview = data[0].thumbnail_large;\n\t\t\tobj.thumb = data[0].thumbnail_medium;\n\t\t\tonSuccessFunction(itemIndex, obj);\n\t\t});\n\t}\n\t\n\t\n}\n\n\n/** -------------- Youtube API class ---------------------*/\n\nfunction UGYoutubeAPI(){\n\t\n\tthis.isAPILoaded = false;\t\n\tvar t = this, g_player = null, g_intHandle, g_isPlayerReady = false;\n\tvar g_objThis = jQuery(this), g_prevState = -1, g_lastContainerID;\t//unstarted\n\t\n\tvar g_options = {\n\t\t\tvideo_youtube_showinfo: true\n\t}\n\t\n\tthis.events = {\n\t\tSTART_PLAYING: \"start_playing\",\n\t\tSTOP_PLAYING: \"stop_playing\",\n\t\tVIDEO_ENDED: \"video_ended\"\n\t};\n\t\n\t\n\t/**\n\t * actually put the video\n\t */\n\tfunction putVideoActually(divID, videoID, width, height, isAutoplay){\n\t\t\t\t\n\t\tif(g_player && g_isPlayerReady){\t\t\t\n\t\t\tg_player.destroy();\n\t\t}\n\t\t\n\t\tvar playerVars = {\n\t\t\tcontrols:2,\n\t\t\tshowinfo:g_options.video_youtube_showinfo, \n\t\t\trel:0\n\t\t};\n\t\t\n\t\tif(isAutoplay === true)\n\t\t\tplayerVars.autoplay = 1;\n\t\t\t\n\t\tg_isPlayerReady = false;\n\n\t\tg_player = new YT.Player(divID, {\n\t\t height: height,\n\t\t width: width,\n\t\t videoId: videoID,\n\t\t playerVars: playerVars,\n\t\t events: {\n\t\t 'onReady': onPlayerReady,\n\t\t 'onStateChange': onPlayerStateChange\n\t\t }\n\t\t });\n\t\t\n\t\tg_lastContainerID = divID;\n\t}\n\t\n\t\n\t/**\n\t * check if YT active\n\t */\n\tfunction isYTActive(){\n\t\t\n\t\tif(typeof YT != \"undefined\" && typeof YT.Player != \"undefined\")\n\t\t\treturn(true);\n\t\t\n\t\treturn(false);\n\t}\n\t\n\t\n\t/**\n\t * set options\n\t */\n\tthis.setOptions = function(objOptions){\n\t\tg_options = jQuery.extend(g_options, objOptions);\n\t}\n\t\n\t\n\t/**\n\t * put the youtube video\n\t */\n\tthis.putVideo = function(divID, videoID, width, height, isAutoplay){\n\t\t\n\t\tif(isYTActive()){\n\t\t\tputVideoActually(divID, videoID, width, height, isAutoplay);\n\t\t\treturn(true);\n\t\t}\n\t\t\n\t\t//if no API present, wait for the API being ready\n\t\tthis.loadAPI();\n\t\tg_intHandle = setInterval(function(){\n\t\t\t\n\t\t\tif(isYTActive()){\n\t\t\t\tputVideoActually(divID, videoID, width, height, isAutoplay);\n\t\t\t\tclearInterval(g_intHandle);\n\t\t\t}\n\t\t\t\n\t\t}, 500);\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * on player ready event\n\t */\n\tfunction onPlayerReady(){\n\t\tg_isPlayerReady = true;\n\t}\n\t\n\t\n\t/**\n\t * on player state change event\n\t * trigger events\n\t */\n\tfunction onPlayerStateChange(){\n\t\t\n\t\tif(typeof g_player.getPlayerState != \"function\"){\n\t\t\ttrace(\"Youtube API error: can't get player state\");\n\t\t\treturn(false);\n\t\t}\n\t\t\n\t\tvar state = g_player.getPlayerState();\n\t\t\n\t\tswitch(state){\n\t\t\tcase YT.PlayerState.PLAYING:\n\t\t\t\tg_objThis.trigger(t.events.START_PLAYING);\n\t\t\tbreak;\n\t\t\tcase YT.PlayerState.ENDED:\n\t\t\t\tg_objThis.trigger(t.events.STOP_PLAYING);\t\t\t\t\t\n\t\t\t\tg_objThis.trigger(t.events.VIDEO_ENDED);\n\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tif(g_prevState == YT.PlayerState.PLAYING)\n\t\t\t\t\tg_objThis.trigger(t.events.STOP_PLAYING);\t\t\t\t\t\n\t\t\tbreak;\n\t\t}\n\t\t\n\t\tg_prevState = state;\n\t}\n\t\n\t\n\t/**\n\t * load youtube API\n\t */\n\tthis.loadAPI = function(){\n\t\t\n\t\tif(g_ugYoutubeAPI.isAPILoaded == true)\n\t\t\treturn(true);\n\t\t\n\t\tif(typeof YT != \"undefined\"){\n\t\t\tg_ugYoutubeAPI.isAPILoaded = true;\n\t\t\treturn(true);\n\t\t}\n\t\t\n\t\tg_ugFunctions.loadJs(\"https://www.youtube.com/player_api\", false);\n\t\t\n\t\tg_ugYoutubeAPI.isAPILoaded = true;\t\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * do some command\n\t */\n\tthis.doCommand = function(command, opt1){\n\t\t\n\t\tif(!g_player)\n\t\t\treturn(true);\n\t\t\n\t\tif(g_isPlayerReady == false)\n\t\t\treturn(false);\n\t\t\n\t\tswitch(command){\n\t\t\tcase \"play\":\n\t\t\t\tif(typeof g_player.playVideo != \"function\")\n\t\t\t\t\treturn(false);\n\t\t\t\t\n\t\t\t\tg_player.playVideo();\n\t\t\tbreak;\n\t\t\tcase \"pause\":\n\t\t\t\tif(typeof g_player.pauseVideo != \"function\")\n\t\t\t\t\treturn(false);\n\t\t\t\t\n\t\t\t\tg_player.pauseVideo();\n\t\t\tbreak;\n\t\t\tcase \"seek\":\n\t\t\t\tif(typeof g_player.seekTo != \"function\")\n\t\t\t\t\treturn(false);\n\n\t\t\t\tg_player.seekTo(opt1);\n\t\t\tbreak;\n\t\t\tcase \"stopToBeginning\":\n\t\t\t\tvar state = g_player.getPlayerState();\n\t\t\t\t\n\t\t\t\tg_player.pauseVideo();\n\t\t\t\t\n\t\t\t\tswitch(state){\n\t\t\t\t\tcase YT.PlayerState.PLAYING:\n\t\t\t\t\tcase YT.PlayerState.ENDED:\n\t\t\t\t\tcase YT.PlayerState.PAUSED:\n\t\t\t\t\t\tg_player.seekTo(0);\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\tbreak;\n\t\t}\n\t}\n\t\n\t/**\n\t * play video\n\t */\n\tthis.play = function(){\n\t\tt.doCommand(\"play\");\t\t\n\t}\n\t\n\t/**\n\t * stop the video\n\t */\n\tthis.pause = function(){\n\t\tt.doCommand(\"pause\");\n\t}\n\t\n\t/**\n\t * destroy player\n\t */\n\tthis.destroy = function(){\n\t\ttry{\n\t\t\t\n\t\t\tif(g_player){\n\t\t\t\tg_isPlayerReady = false;\t\n\t\t\t\tg_player.clearVideo();\n\t\t\t\tg_player.destroy();\n\t\t\t}\n\t\t\t\n\t\t}catch(objError){\n\t\t\t\n\t\t\tjQuery(\"#\"+g_lastContainerID).html(\"\");\n\t\t\t\n\t\t}\n\t\t\n\t}\n\t\n\t/**\n\t * stop the video and seek to start\n\t */\n\tthis.stopToBeginning = function(){\n\t\tt.doCommand(\"stopToBeginning\");\n\t}\n\t\n\t/**\n\t * change the video\n\t */\n\tthis.changeVideo = function(videoID, isAutoplay){\n\t\t\n\t\tif(t.isPlayerReady() == false)\n\t\t\treturn(false);\n\t\t\n\t\tif(isAutoplay && isAutoplay == true)\n\t\t\tg_player.loadVideoById(videoID, 0, \"large\");\n\t\telse\n\t\t\tg_player.cueVideoById(videoID, 0, \"large\");\n\t}\n\t\n\t\n\t/**\n\t * get if the player is ready\n\t */\n\tthis.isPlayerReady = function(){\n\t\t\n\t\tif(g_isPlayerReady && g_player)\n\t\t\treturn(true);\n\t\n\t\treturn(false);\n\t}\n\t\n\t\t\n\t\n\t/**\n\t * get preview and thumbs images according the ID\n\t */\n\tthis.getVideoImages = function(videoID){\n\t\tvar obj = {};\n\t\tobj.preview = \"https://i.ytimg.com/vi/\"+videoID+\"/sddefault.jpg\";\n\t\tobj.thumb = \"https://i.ytimg.com/vi/\"+videoID+\"/default.jpg\";\n\t\treturn(obj);\n\t}\n\t\n\t\n}\n\n/** -------------- Video Player Class ---------------------*/\n\n\nfunction UGVideoPlayer(){\n\t\n\tvar t = this, g_galleryID, g_objThis = jQuery(this), g_functions = new UGFunctions();\n\tvar g_youtubeAPI = new UGYoutubeAPI(), g_vimeoAPI = new UGVimeoAPI();\n\tvar g_html5API = new UGHtml5MediaAPI(), g_soundCloudAPI = new UGSoundCloudAPI(), g_wistiaAPI = new UGWistiaAPI();\n\tvar g_objPlayer, g_objYoutube, g_objVimeo, g_objHtml5, g_objButtonClose, g_objSoundCloud, g_objWistia;\n\tvar g_activePlayerType = null;\n\t\n\tvar g_options = {\n\t\t\tvideo_enable_closebutton: true\n\t};\n\t\n\tthis.events = {\n\t\t\tSHOW: \"video_show\",\n\t\t\tHIDE: \"video_hide\",\n\t\t\tPLAY_START: \"video_play_start\",\n\t\t\tPLAY_STOP: \"video_play_stop\",\n\t\t\tVIDEO_ENDED: \"video_ended\"\n\t};\n\t\n\tvar g_temp = {\n\t\t\tstandAloneMode: false,\n\t\t\tyoutubeInnerID:\"\",\n\t\t\tvimeoPlayerID:\"\",\n\t\t\thtml5PlayerID:\"\",\n\t\t\twistiaPlayerID:\"\",\n\t\t\tsoundCloudPlayerID:\"\"\n\t};\n\t\n\t\n\t/**\n\t * init the object\n\t */\n\tthis.init = function(optOptions, isStandAloneMode, galleryID){\n\t\tg_galleryID = galleryID;\n\t\t\n\t\tif(!g_galleryID)\n\t\t\tthrow new Error(\"missing gallery ID for video player, it's a must!\");\n\t\t\t\n\t\tg_options = jQuery.extend(g_options, optOptions);\n\t\t\n\t\tg_youtubeAPI.setOptions(g_options);\n\t\t\n\t\tif(isStandAloneMode && isStandAloneMode == true)\n\t\t\tg_temp.standAloneMode = true;\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * set the player html\n\t */\n\tthis.setHtml = function(objParent){\n\t\t\n\t\tg_temp.youtubeInnerID = g_galleryID + \"_youtube_inner\";\n\t\tg_temp.vimeoPlayerID = g_galleryID + \"_videoplayer_vimeo\";\n\t\tg_temp.html5PlayerID = g_galleryID + \"_videoplayer_html5\";\n\t\tg_temp.wistiaPlayerID = g_galleryID + \"_videoplayer_wistia\";\n\t\tg_temp.soundCloudPlayerID = g_galleryID + \"_videoplayer_soundcloud\";\n\t\t\n\t\t\n\t\tvar html = \"\";\n\t\t\n\t\tobjParent.append(html);\n\t\t\n\t\tg_objPlayer = objParent.children(\".ug-videoplayer\");\n\t\tg_objYoutube = g_objPlayer.children(\".ug-videoplayer-youtube\");\n\t\tg_objVimeo = g_objPlayer.children(\".ug-videoplayer-vimeo\");\n\t\tg_objHtml5 = g_objPlayer.children(\".ug-videoplayer-html5\");\n\t\tg_objSoundCloud = g_objPlayer.children(\".ug-videoplayer-soundcloud\");\n\t\tg_objWistia = g_objPlayer.children(\".ug-videoplayer-wistia\");\n\t\t\n\t\tif(g_temp.standAloneMode == false && g_options.video_enable_closebutton == true)\n\t\t\tg_objButtonClose = g_objPlayer.children(\".ug-videoplayer-button-close\")\n\t}\n\n\t\n\tfunction __________EVENTS___________(){};\t\n\t\n\t/**\n\t * on close button click event\n\t */\n\tfunction onCloseButtonClick(){\n\t\tt.hide();\n\t}\n\t\n\t/**\n\t * on some video play start\n\t */\n\tfunction onPlayStart(){\n\t\t\n\t\tg_objThis.trigger(t.events.PLAY_START);\n\t\t\n\t\tif(g_objButtonClose)\n\t\t\tg_objButtonClose.hide();\n\t}\n\t\n\t\n\t/**\n\t * on some video play stop\n\t */\n\tfunction onPlayStop(){\n\t\t\n\t\tg_objThis.trigger(t.events.PLAY_STOP);\n\t\t\n\t\tif(g_objButtonClose)\n\t\t\tg_objButtonClose.show();\n\t}\n\t\n\t/**\n\t * on video ended\n\t */\n\tfunction onVideoEnded(){\n\t\t\n\t\tg_objThis.trigger(t.events.VIDEO_ENDED);\n\t\t\n\t}\n\n\t\n\t/**\n\t * init events\n\t */\n\tfunction initEvents(){\n\t\t\n\t\t//close button events\n\t\tif(g_objButtonClose){\n\t\t\tg_functions.setButtonMobileReady(g_objButtonClose);\t\t\n\t\t\tg_functions.setButtonOnClick(g_objButtonClose, onCloseButtonClick);\t\t\t\t\t\n\t\t}\n\t\t\n\t\t//youtube events\n\t\tjQuery(g_youtubeAPI).on(g_youtubeAPI.events.START_PLAYING, onPlayStart);\n\t\tjQuery(g_youtubeAPI).on(g_youtubeAPI.events.STOP_PLAYING, onPlayStop);\n\t\tjQuery(g_youtubeAPI).on(g_youtubeAPI.events.VIDEO_ENDED, onVideoEnded);\n\t\t\n\t\t//vimeo events\n\t\tjQuery(g_vimeoAPI).on(g_vimeoAPI.events.START_PLAYING, onPlayStart);\n\t\tjQuery(g_vimeoAPI).on(g_vimeoAPI.events.STOP_PLAYING, onPlayStop);\n\t\tjQuery(g_vimeoAPI).on(g_vimeoAPI.events.VIDEO_ENDED, onVideoEnded);\n\t\t\n\t\t//html5 video events\n\t\tjQuery(g_html5API).on(g_html5API.events.START_PLAYING, onPlayStart);\n\t\tjQuery(g_html5API).on(g_html5API.events.STOP_PLAYING, onPlayStop);\n\t\tjQuery(g_html5API).on(g_html5API.events.VIDEO_ENDED, onVideoEnded);\n\t\t\n\t\tjQuery(g_soundCloudAPI).on(g_soundCloudAPI.events.START_PLAYING, onPlayStart);\n\t\tjQuery(g_soundCloudAPI).on(g_soundCloudAPI.events.STOP_PLAYING, onPlayStop);\n\t\tjQuery(g_soundCloudAPI).on(g_soundCloudAPI.events.VIDEO_ENDED, onVideoEnded);\n\t\t\n\t\tjQuery(g_wistiaAPI).on(g_wistiaAPI.events.START_PLAYING, onPlayStart);\n\t\tjQuery(g_wistiaAPI).on(g_wistiaAPI.events.STOP_PLAYING, onPlayStop);\n\t\tjQuery(g_wistiaAPI).on(g_wistiaAPI.events.VIDEO_ENDED, onVideoEnded);\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * destroy the video player events\n\t */\n\tthis.destroy = function(){\n\t\t\n\t\tif(g_objButtonClose){\n\t\t\tg_objButtonClose.off(\"click\");\n\t\t\tg_objButtonClose.off(\"touchend\");\n\t\t}\n\t\t\n\t\t//youtube events\n\t\tjQuery(g_youtubeAPI).off(g_youtubeAPI.events.START_PLAYING);\n\t\tjQuery(g_youtubeAPI).off(g_youtubeAPI.events.STOP_PLAYING);\n\t\t\n\t\t//vimeo events\n\t\tjQuery(g_vimeoAPI).off(g_vimeoAPI.events.START_PLAYING);\n\t\tjQuery(g_vimeoAPI).off(g_vimeoAPI.events.STOP_PLAYING);\n\t\t\n\t\t//html5 video events\n\t\tjQuery(g_html5API).off(g_html5API.events.START_PLAYING);\n\t\tjQuery(g_html5API).off(g_html5API.events.STOP_PLAYING);\n\t\t\n\t\tjQuery(g_soundCloudAPI).off(g_soundCloudAPI.events.START_PLAYING, onPlayStart);\n\t\tjQuery(g_soundCloudAPI).off(g_soundCloudAPI.events.STOP_PLAYING, onPlayStop);\n\t\t\n\t\tjQuery(g_wistiaAPI).off(g_wistiaAPI.events.START_PLAYING, onPlayStart);\n\t\tjQuery(g_wistiaAPI).off(g_wistiaAPI.events.STOP_PLAYING, onPlayStop);\n\t\t\n\t\tg_activePlayerType = null;\n\t}\n\t\n\t\n\t/**\n\t * init events\n\t */\n\tthis.initEvents = function(){\n\t\t\n\t\tinitEvents();\n\t}\n\t\n\t\n\t/**\n\t * set element size and position the button\n\t */\n\tthis.setSize = function(width, height){\n\t\t\n\t\tg_functions.setElementSize(g_objPlayer, width, height);\n\t\t\n\t\tif(g_objButtonClose)\n\t\t\tg_functions.placeElement(g_objButtonClose, \"right\", \"top\");\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * set video player position\n\t */\n\tthis.setPosition = function(left, top){\n\t\tg_functions.placeElement(g_objPlayer, left, top);\n\t}\n\t\n\t/**\n\t * get video player object for placing\n\t */\n\tthis.getObject = function(){\n\t\treturn(g_objPlayer);\n\t}\n\t\n\t\n\t/**\n\t * show the player\n\t */\n\tthis.show = function(){\t\t\n\t\t\n\t\tif(t.isVisible() == true)\n\t\t\treturn(true);\n\t\t\n\t\tg_objPlayer.show();\n\t\t\n\t\tg_objPlayer.fadeTo(0,1);\n\t\t\n\t\tif(g_objButtonClose)\n\t\t\tg_objButtonClose.show();\n\t\t\t\t\n\t\tg_objThis.trigger(t.events.SHOW);\n\t}\n\t\t\n\t\n\t/**\n\t * hide the player\n\t */\n\tthis.hide = function(){\n\t\t\n\t\tif(t.isVisible() == false)\n\t\t\treturn(true);\n\t\t\n\t\t//pause all players\n\t\tstopAndHidePlayers();\n\t\t\n\t\tg_activePlayerType = null;\n\t\t\n\t\tg_objPlayer.hide();\n\t\t\n\t\tg_objThis.trigger(t.events.HIDE);\n\t}\n\t\n\t\n\t/**\n\t * get active player\n\t */\n\tthis.getActiveAPI = function(){\n\t\t\n\t\tswitch(g_activePlayerType){\n\t\t\tcase \"youtube\":\n\t\t\t\treturn g_youtubeAPI;\n\t\t\tbreak;\n\t\t\tcase \"vimeo\":\n\t\t\t\treturn g_vimeoAPI;\n\t\t\tbreak;\n\t\t\tcase \"wistia\":\n\t\t\t\treturn g_wistiaAPI;\n\t\t\tbreak;\n\t\t\tcase \"soundcloud\":\n\t\t\t\treturn g_soundCloudAPI;\n\t\t\tbreak;\n\t\t\tcase \"html5\":\n\t\t\t\treturn g_html5API;\n\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\treturn null;\n\t\t\tbreak;\n\t\t}\n\t}\n\t\n\t\n\t/**\n\t * pause active player if playing\n\t */\n\tthis.pause = function(){\n\t\t\n\t\tvar activeAPI = t.getActiveAPI();\n\t\tif(activeAPI == null)\n\t\t\treturn(false);\n\t\t\n\t\tif(typeof activeAPI.pause == \"function\")\n\t\t\tactiveAPI.pause();\n\t\t\t\n\t}\n\t\n\t\n\t/**\n\t * return if the player is visible\n\t */\n\tthis.isVisible = function(){\n\t\t\n\t\treturn g_objPlayer.is(\":visible\");\n\t}\n\t\n\t\n\t/**\n\t * stop and hide other elements except some\n\t */\n\tfunction stopAndHidePlayers(except){\n\t\t\n\t\tvar arrPlayers = [\"youtube\", \"vimeo\", \"html5\", \"soundcloud\", \"wistia\"];\n\t\tfor(var index in arrPlayers){\n\t\t\tvar player = arrPlayers[index];\n\t\t\tif(player == except)\n\t\t\t\tcontinue;\n\t\t\tswitch(player){\n\t\t\t\tcase \"youtube\":\t\t\n\t\t\t\t\tg_youtubeAPI.pause();\n\t\t\t\t\tg_youtubeAPI.destroy();\t\n\t\t\t\t\tg_objYoutube.hide();\n\t\t\t\tbreak;\n\t\t\t\tcase \"vimeo\":\n\t\t\t\t\tg_vimeoAPI.pause();\n\t\t\t\t\tg_vimeoAPI.destroy();\n\t\t\t\t\tg_objVimeo.hide();\n\t\t\t\tbreak;\n\t\t\t\tcase \"html5\":\n\t\t\t\t\tg_html5API.pause();\n\t\t\t\t\tg_objHtml5.hide();\n\t\t\t\tbreak;\n\t\t\t\tcase \"soundcloud\":\n\t\t\t\t\tg_soundCloudAPI.pause();\n\t\t\t\t\tg_soundCloudAPI.destroy();\n\t\t\t\t\tg_objSoundCloud.hide();\n\t\t\t\tbreak;\n\t\t\t\tcase \"wistia\":\n\t\t\t\t\tg_wistiaAPI.pause();\n\t\t\t\t\tg_objWistia.hide();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * play youtube inside the video, isAutoplay - true by default\n\t */\n\tthis.playYoutube = function(videoID, isAutoplay){\n\t\t\t\t\n\t\tif(typeof isAutoplay == \"undefined\")\n\t\t\tvar isAutoplay = true;\n\t\t\n\t\tstopAndHidePlayers(\"youtube\");\n\t\t\n\t\tg_objYoutube.show();\n\t\t\n\t\tvar objYoutubeInner = g_objYoutube.children(\"#\"+g_temp.youtubeInnerID);\n\t\tif(objYoutubeInner.length == 0)\n\t\t\tg_objYoutube.append(\"\");\n\t\t\t\n\t\t\n\t\tif(g_youtubeAPI.isPlayerReady() == true && g_temp.standAloneMode == true)\n\t\t\tg_youtubeAPI.changeVideo(videoID, isAutoplay);\n\t\telse{\n\t\t\tg_youtubeAPI.putVideo(g_temp.youtubeInnerID, videoID, \"100%\", \"100%\", isAutoplay);\n\t\t}\n\t\t\n\t\tg_activePlayerType = \"youtube\";\n\t}\n\t\n\t\n\t/**\n\t * play vimeo\n\t */\n\tthis.playVimeo = function(videoID, isAutoplay){\n\t\t\n\t\tif(typeof isAutoplay == \"undefined\")\n\t\t\tvar isAutoplay = true;\n\t\t\n\t\tstopAndHidePlayers(\"vimeo\");\n\t\t\n\t\tg_objVimeo.show();\n\n\t\tg_vimeoAPI.putVideo(g_temp.vimeoPlayerID, videoID, \"100%\", \"100%\", isAutoplay);\n\t\t\n\t\t/*\n\t\tif(g_vimeoAPI.isPlayerReady() && g_temp.standAloneMode == true){\n\t\t\tg_vimeoAPI.changeVideo(videoID, isAutoplay);\n\t\t}\n\t\telse\n\t\t\tg_vimeoAPI.putVideo(g_temp.vimeoPlayerID, videoID, \"100%\", \"100%\", isAutoplay);\n\t\t */\n\t\t\n\t\tg_activePlayerType = \"vimeo\";\n\n\t}\n\t\n\t\n\t/**\n\t * play html5 video\n\t */\n\tthis.playHtml5Video = function(ogv, webm, mp4, posterImage, isAutoplay){\n\t\t\n\t\tif(typeof isAutoplay == \"undefined\")\n\t\t\tvar isAutoplay = true;\n\t\t\t\t\n\t\tstopAndHidePlayers(\"html5\");\n\t\t\n\t\tg_objHtml5.show();\n\t\t\n\t\t//trace(posterImage);\n\t\t\n\t\tvar data = {\n\t\t\t\togv: ogv, \n\t\t\t\twebm: webm, \n\t\t\t\tmp4: mp4, \n\t\t\t\tposterImage: posterImage \n\t\t\t};\n\t\t\n\t\tg_html5API.putVideo(g_temp.html5PlayerID, data, \"100%\", \"100%\", isAutoplay);\n\t\t\n\t\tg_activePlayerType = \"html5\";\n\n\t}\n\n\t/**\n\t * play sound cloud\n\t */\n\tthis.playSoundCloud = function(trackID, isAutoplay){\n\t\t\n\t\tif(typeof isAutoplay == \"undefined\")\n\t\t\tvar isAutoplay = true;\n\t\t\n\t\tstopAndHidePlayers(\"soundcloud\");\n\t\t\n\t\tg_objSoundCloud.show();\n\t\t\n\t\tg_soundCloudAPI.putSound(g_temp.soundCloudPlayerID, trackID, \"100%\", \"100%\", isAutoplay);\n\n\t\tg_activePlayerType = \"soundcloud\";\n\t\n\t}\n\t\n\t\n\t/**\n\t * play sound cloud\n\t */\n\tthis.playWistia = function(videoID, isAutoplay){\n\t\t\n\t\tif(typeof isAutoplay == \"undefined\")\n\t\t\tvar isAutoplay = true;\n\t\t\n\t\tstopAndHidePlayers(\"wistia\");\n\t\t\n\t\tg_objWistia.show();\n\t\t\n\t\tg_wistiaAPI.putVideo(g_temp.wistiaPlayerID, videoID, \"100%\", \"100%\", isAutoplay);\n\t\n\t\tg_activePlayerType = \"wistia\";\n\n\t}\n\t\n}\n\n\nvar g_ugYoutubeAPI = new UGYoutubeAPI();\nvar g_ugVimeoAPI = new UGVimeoAPI();\nvar g_ugHtml5MediaAPI = new UGHtml5MediaAPI();\nvar g_ugSoundCloudAPI = new UGSoundCloudAPI();\nvar g_ugWistiaAPI = new UGWistiaAPI();\n\n\n\t/**\n\t * prototype gallery funciton\n\t */\n\tjQuery.fn.unitegallery = function(options){\n\t\tvar element = jQuery(this);\n\t\tvar galleryID = \"#\" + element.attr(\"id\");\n\t\t\n\t\tif(!options)\n\t\t\tvar options = {};\n\t\t\t\t\n\t\tvar objGallery = new UniteGalleryMain();\n\t\tobjGallery.run(galleryID, options);\n\t\t\n\t\tvar api = new UG_API(objGallery);\n\t\t\n\t\treturn(api);\n\t}\n\n\t\n\t/**\n\t * check for min jquery version\n\t */\n\tfunction ugCheckForMinJQueryVersion(){\n\t\t\n\t\tvar isMinJQuery = g_ugFunctions.checkMinJqueryVersion(\"1.8.0\");\n\t\t\n\t\tif(isMinJQuery == false)\n\t\t\tthrow new Error(\"The gallery can run from jquery 1.8 You have jQuery \"+jQuery.fn.jquery+\" Please update your jQuery library.\");\n\t}\n\t\n\t\n\t/**\n\t * check for errors function\n\t */\n\tfunction ugCheckForErrors(galleryID, type){\n\n\t\t/**\n\t\t * check for jquery presents\n\t\t */\n\t\tfunction checkForJqueryPresents(){\n\t\t\tif(typeof jQuery == \"undefined\")\n\t\t\t\tthrow new Error(\"jQuery library not included\");\n\t\t}\n\t\t\n\t\t/**\n\t\t * check for double jquery error\n\t\t */\n\t\tfunction checkForDoubleJQuery(){\n\n\t\t\tif(typeof jQuery.fn.unitegallery == \"function\")\n\t\t\t\treturn(true);\n\t\t\t\n\t\t\tvar errorMessage = \"You have some jquery.js library include that comes after the gallery files js include.\";\n\t\t\terrorMessage += \"\";\n\t\t\n\t\tif(g_options.textpanel_enable_title == true)\n\t\t\thtml += \"\";\n\t\t\n\t\tif(g_options.textpanel_enable_description == true)\n\t\t\thtml += \"\";\n\t\t\n\t\thtml += \"
This include eliminates the gallery libraries, and make it not work.\";\n\t\t\t\n\t\t\tif(type == \"cms\"){\n\t\t\t\terrorMessage += \"
To fix it you can:
1. In the Gallery Settings -> Troubleshooting set option: Put JS Includes To Body option to true.\";\n\t\t\t\terrorMessage += \"
2. Find the double jquery.js include and remove it.\";\n\t\t\t}else{\n\t\t\t\terrorMessage += \"
Please find and remove this jquery.js include and the gallery will work.
* There should be only one jquery.js include before all other js includes in the page.\";\t\t\t\n\t\t\t}\n\t\t\t\n\t\t\t\n\t\t\tthrow new Error(errorMessage);\n\t\t}\n\t\t\n\t\ttry{\n\t\t\tif(type == \"jquery\"){\n\t\t\t\tcheckForJqueryPresents();\n\t\t\t\tugCheckForMinJQueryVersion();\n\t\t\t}else{\n\t\t\t\tugCheckForMinJQueryVersion();\n\t\t\t\tcheckForDoubleJQuery();\n\t\t\t}\n\t\t\t\n\t\t}catch(objError){\n\t\t\t\n\t\t\tvar message = objError.message;\n\t\t\tmessage = \"Unite Gallery Error: \"+ message;\n\t\t\tmessage = \"
\" + message + \"
\"\n\t\t\t\n\t\t\tif(type == \"jquery\"){\n\t\t\t\tvar objGallery = document.getElementById(galleryID);\n\t\t\t\tobjGallery.innerHTML = message;\n\t\t\t\tobjGallery.style.display = \"block\";\n\t\t\t}\n\t\t\telse\n\t\t\t\tjQuery(galleryID).show().html(message);\n\t\t\t\n\t\t\treturn(false);\n\t\t}\n\t\t\n\t\treturn(true);\n\t}\n\n\t\nfunction UniteGalleryMain(){\n\t\n\tvar t = this;\n\tvar g_galleryID;\n\tvar g_objGallery = jQuery(t), g_objWrapper, g_objParent;\n\tvar g_objThumbs, g_objSlider, g_functions = new UGFunctions(), g_objTabs, g_objLoadMore;\n\tvar g_arrItems = [], g_numItems, g_selectedItem = null, g_selectedItemIndex = -1;\n\tvar g_objTheme, g_objCache = {};\n\t\n\tthis.events = {\n\t\t\tITEM_CHANGE: \"item_change\",\n\t\t\tSIZE_CHANGE: \"size_change\",\n\t\t\tENTER_FULLSCREEN: \"enter_fullscreen\",\n\t\t\tEXIT_FULLSCREEN: \"exit_fullscreen\",\n\t\t\tSTART_PLAY: \"start_play\",\n\t\t\tSTOP_PLAY: \"stop_play\",\n\t\t\tPAUSE_PLAYING: \"pause_playing\",\n\t\t\tCONTINUE_PLAYING: \"continue_playing\",\n\t\t\tSLIDER_ACTION_START: \"slider_action_start\",\n\t\t\tSLIDER_ACTION_END: \"slider_action_end\",\n\t\t\tITEM_IMAGE_UPDATED: \"item_image_updated\",\n\t\t\tGALLERY_KEYPRESS: \"gallery_keypress\",\n\t\t\tGALLERY_BEFORE_REQUEST_ITEMS: \"gallery_before_request_items\",\t//before ajax load items\n\t\t\tOPEN_LIGHTBOX:\"open_lightbox\",\n\t\t\tCLOSE_LIGHTBOX:\"close_lightbox\"\t\t\t\n\t};\n\t\n\t\n\t//set the default gallery options\n\tvar g_options = {\t\t\t\t\n\t\t\tgallery_width:900,\t\t\t\t\t\t\t//gallery width\t\t\n\t\t\tgallery_height:500,\t\t\t\t\t\t\t//gallery height\n\t\t\t\n\t\t\tgallery_min_width: 150,\t\t\t\t\t\t//gallery minimal width when resizing\n\t\t\tgallery_min_height: 100,\t\t\t\t\t//gallery minimal height when resizing\n\t\t\t\n\t\t\tgallery_theme:\"default\",\t\t\t\t\t//default,compact,grid,slider - select your desired theme from the list of themes.\n\t\t\tgallery_skin:\"default\",\t\t\t\t\t\t//default, alexis etc... - the global skin of the gallery. Will change all gallery items by default.\n\t\t\t\n\t\t\tgallery_images_preload_type:\"minimal\",\t\t//all , minimal , visible - preload type of the images.\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t//minimal - only image nabours will be loaded each time.\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t//visible - visible thumbs images will be loaded each time.\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t//all - load all the images first time.\n\t\t\t\n\t\t\tgallery_autoplay:false,\t\t\t\t\t\t//true / false - begin slideshow autoplay on start\n\t\t\tgallery_play_interval: 3000,\t\t\t\t//play interval of the slideshow\n\t\t\tgallery_pause_on_mouseover: true,\t\t\t//true,false - pause on mouseover when playing slideshow true/false\n\t\t\t\n\t\t\tgallery_mousewheel_role:\"zoom\",\t\t\t\t//none, zoom, advance\n\t\t\tgallery_control_keyboard: true,\t\t\t\t//true,false - enable / disble keyboard controls\n\t\t\tgallery_carousel:true,\t\t\t\t\t\t//true,false - next button on last image goes to first image.\n\t\t\t\n\t\t\tgallery_preserve_ratio: true,\t\t\t\t//true, false - preserver ratio when on window resize\n\t\t\tgallery_background_color: \"\",\t\t\t\t//set custom background color. If not set it will be taken from css.\n\t\t\tgallery_debug_errors:false,\t\t\t\t\t//show error message when there is some error on the gallery area.\n\t\t\tgallery_shuffle:false,\t\t\t\t\t\t//randomise position of items at start.\n\t\t\tgallery_urlajax:null,\t\t\t\t\t\t//ajax url for requesting new items etc.\n\t\t\tgallery_enable_tabs: false,\t\t\t\t\t//enable/disable category tabs\n\t\t\tgallery_enable_loadmore: false,\t\t\t\t//enable / disable loadmore button\n\t\t\tgallery_enable_cache: true,\t\t\t\t\t//enable caching items\n\t\t\tgallery_initial_catid: \"\"\t\t\t\t\t//initial category id (for caching)\n\t};\n\t\n\t//gallery_control_thumbs_mousewheel\n\t\n\tvar g_temp = {\t\t\t\t\t//temp variables\n\t\tobjCustomOptions:{},\n\t\tisAllItemsPreloaded:false,\t//flag that tells that all items started preloading\n\t\tisFreestyleMode:false,\t\t//no special html additions\n\t\tlastWidth:0,\n\t\tlastHeigh:0,\n\t\thandleResize: null,\n\t\tisInited: false,\n\t\tisPlayMode: false,\n\t\tisPlayModePaused: false,\n\t\tplayTimePassed: 0,\n\t\tplayTimeLastStep: 0,\n\t\tplayHandle: \"\",\n\t\tplayStepInterval: 33,\n\t\tobjProgress: null,\n\t\tisFakeFullscreen: false,\n\t\tthumbsType:null,\n\t\tisYoutubePresent:false,\t\t\t//flag if present youtube items\n\t\tisVimeoPresent:false,\t\t\t//flag if present vimeo items\n\t\tisHtml5VideoPresent:false,\t\t//flag if present html5 video items\n\t\tisSoundCloudPresent:false,\t\t//flag if present soundcloud items\n\t\tisWistiaPresent: false,\t\t\t//flag if some wistia movie present\n\t\tresizeDelay: 100,\n\t\tisRunFirstTime: true,\n\t\toriginalOptions: {},\n\t\tfuncCustomHeight: null\t\t\t//custom height function, set by the theme if needed\n\t};\n\t\n\t\n\t\n\tfunction __________INIT_GALLERY_______(){};\n\t\n\t/**\n\t * get theme function from theme name\n\t */\n\tfunction getThemeFunction(themeName){\n\t\t var themeFunction = themeName;\n\t\tif(themeFunction.indexOf(\"UGTheme_\") == -1)\n\t\t\t themeFunction = \"UGTheme_\" + themeFunction;\n\t\t\n\t\treturn(themeFunction);\n\t}\n\n\t/**\n\t * init the theme\n\t */\n\tfunction initTheme(objCustomOptions){\n\t\t \n\t\t//set theme function:\n\t\t if(objCustomOptions.hasOwnProperty(\"gallery_theme\"))\n\t\t\t g_options.gallery_theme = objCustomOptions.gallery_theme;\n\t\t else{\n\t\t\t var defaultTheme = g_options.gallery_theme;\n\t\t\t if(g_ugFunctions.isThemeRegistered(defaultTheme) == false)\n\t\t\t\t g_options.gallery_theme = g_ugFunctions.getFirstRegisteredTheme();\n\t\t }\n\t\t \n\t\t var themeFunction = getThemeFunction(g_options.gallery_theme);\n\t\t \n\t\t try{\n\t\t\t g_options.gallery_theme = eval(themeFunction);\n\t\t }catch(e){\n\t\t\t //check registered themes\n\t\t };\n\t\t \n\t\t g_options.gallery_theme = eval(themeFunction);\n\t\t \n\t\t //init the theme\n\t\t g_objTheme = new g_options.gallery_theme();\n\t\t g_objTheme.init(t, objCustomOptions);\n\t}\n\t\n\t\n\t/**\n\t * reset all the options for the second time run\n\t */\n\tfunction resetOptions(){\n\t \t \n\t\t g_options = jQuery.extend({}, g_temp.originalOptions);\n\t\t \n\t\t g_selectedItemIndex = -1;\n\t\t g_selectedItem = null;\n\t\t g_objSlider = undefined;\n\t\t g_objThumbs = undefined;\n\t\t g_objSlider = undefined; \n\t}\n\t\n\t\n\t/**\n\t * check for some errors and fire error if needed\n\t */\n\tfunction checkForStartupErrors(){\n\t\t\n\t\t//protection agains old jquery version\n\t\ttry{\n\t\t\tugCheckForMinJQueryVersion();\n\t\t}catch(e){\n\t\t\tthrowErrorShowMessage(e.message);\n\t\t}\n\t\t\n\t\t//protection against some jquery ui function change\n\t if(typeof g_objWrapper.outerWidth() == \"object\")\n\t \t throwErrorShowMessage(\"You have some buggy script. most chances jquery-ui.js that destroy jquery outerWidth, outerHeight functions. The gallery can't run. Please update jquery-ui.js to latest version.\");\n\t \n\t //check for late jquery include\n\t setTimeout(function(){ugCheckForErrors(g_galleryID, \"cms\")} , 5000);\n\t \n\t}\n\t\n\t\n\t\n\t/**\n\t * the gallery\n\t */\n\tfunction runGallery(galleryID, objCustomOptions, htmlItems, cacheID){\n\t\t\t\n\t\t\tvar isCustomOptions = (typeof objCustomOptions == \"object\");\n\t\t\t\n\t\t\tif(isCustomOptions)\n\t\t g_temp.objCustomOptions = objCustomOptions;\n\t\t\t \t\t\t \n\t\t if(g_temp.isRunFirstTime == true){\n\t\t\t\t\n\t\t \t g_galleryID = galleryID;\n\t\t\t\t g_objWrapper = jQuery(g_galleryID);\n\t\t\t\t if(g_objWrapper.length == 0){\n\t\t\t\t\t trace(\"div with id: \"+g_galleryID+\" not found\");\n\t\t\t\t\t return(false);\n\t\t\t\t }\n\n\t\t\t\t g_objParent = g_objWrapper.parent();\n\t\t\t\t \n\t\t\t\t checkForStartupErrors();\n\t\t\t\t \n\t\t\t\t g_temp.originalOptions = jQuery.extend({}, g_options);\n\t\t\t\t \n\t\t\t\t //merge options\n\t\t\t\t if(isCustomOptions)\n\t\t\t\t\t g_options = jQuery.extend(g_options, objCustomOptions);\n\t\t\t\t \n\t\t\t\t //cache items\n\t\t\t\t if(g_options.gallery_enable_cache == true && g_options.gallery_initial_catid)\n\t\t\t\t\t cacheItems(g_options.gallery_initial_catid);\n\t\t\t\t\n\t\t\t\t //set size class\n\t\t\t\t t.setSizeClass();\n\t\t\t\t \n\t\t\t\t //fill arrItems\n\t\t\t\t var objItems = g_objWrapper.children();\n\t\t\t\t \n\t\t\t\t fillItemsArray(objItems);\n\t\t\t\t loadAPIs();\n\t\t\t\t \n\t\t\t\t //hide images:\n\t\t\t\t g_objWrapper.find(\"img\").fadeTo(0,0).hide();\n\t\t\t\t g_objWrapper.show();\n\t\t\n\t\t\t\t clearInitData();\n\t\t \t \n\t\t }else{\t\t//reset options - not first time run\n\t\t \t \n\t\t \t t.destroy();\n\t\t \t \n\t\t \t resetOptions();\n\n\t\t \t g_options = jQuery.extend(g_options, g_temp.objCustomOptions);\n\t \t\t \n\t\t \t if(htmlItems){\n\t\t \t\t \n\t\t \t\t //cache items\n\t\t \t\t if(cacheID && g_options.gallery_enable_cache == true)\n\t\t \t\t\t cacheItems(cacheID, htmlItems);\n\t\t \t\t \n\t\t \t\t if(htmlItems == \"noitems\"){\n\t\t \t\t\t showErrorMessage(\"No items in this category\",\"\");\n\t\t \t\t\t return(false);\n\t\t\t \t }\n\t\t \t\t \n\t\t \t\t g_objWrapper.html(htmlItems);\n\t\t \t\t \n\t\t \t\t var objItems = g_objWrapper.children();\n\t\t \t\t fillItemsArray(objItems);\n\t\t\t\t\t \n\t\t \t\t loadAPIs();\n\t\t\t\t\t \n\t\t\t\t\t g_objWrapper.children().fadeTo(0,0).hide();\n\t\t\t\t\t \n\t\t\t\t\t g_objWrapper.show();\n\t\t\t\t\t clearInitData();\n\t\t \t }\n\t\t \n\t\t }\n\t\t \n\t\t\t //init tabs\n\t\t\t if(g_temp.isRunFirstTime == true && g_options.gallery_enable_tabs == true){\n\t\t\t\t g_objTabs = new UGTabs();\n\t\t\t\t g_objTabs.init(t, g_options);\n\t\t\t }\n\t\t\t \n\t\t\t //init loadmore button\n\t\t\t if(g_temp.isRunFirstTime == true && g_options.gallery_enable_loadmore == true){\n\t\t\t\t g_objLoadMore = new UGLoadMore();\n\t\t\t\t g_objLoadMore.init(t, g_options);\n\t\t\t }\n\t\t\t \n\t\t\t //modify and verify the params\n\t\t\t if(isCustomOptions)\n\t\t\t\t modifyInitParams(g_temp.objCustomOptions);\n\t\t\t \t\t\t \n\t\t\t validateParams();\n\t\t\t \n\t\t\t //shuffle items\n\t\t\t if(g_options.gallery_shuffle == true)\n\t\t\t\t t.shuffleItems();\n\t\t\t \n\t\t\t //init the theme\n\t\t\t initTheme(g_temp.objCustomOptions);\n\t\t\t \t\t\t \t\t\t\t \n\t\t\t //set gallery html elements\n\t\t\t setGalleryHtml();\n\n\t\t\t //set html properties to all elements\n\t\t\t setHtmlObjectsProperties();\n\t\t\t \n\t\t\t var galleryWidth = g_objWrapper.width();\n\t\t\t \n\t\t\t if(galleryWidth == 0){\n\t\t\t\t g_functions.waitForWidth(g_objWrapper, runGalleryActually);\n\t\t\t }else\n\t\t\t\t runGalleryActually();\n\t\t\t \n\t}\n\t\n\t\n\t/**\n\t * actually run the gallery\n\t */\n\tfunction runGalleryActually(){\n\t\t \n\t\tt.setSizeClass();\n\t\t\n\t\tif(g_temp.isFreestyleMode == false){\n\t\t\t \t\n\t\t\t if(g_options.gallery_preserve_ratio == true)\n\t\t\t\t setHeightByOriginalRatio();\n\t\t }\n\t\t \n\t\t g_objTheme.run();\n\t\t \n\t\t if(g_objTabs && g_temp.isRunFirstTime)\n\t\t\t g_objTabs.run();\n\t\t \n\t\t \n\t\t preloadBigImages();\n\t\t \n\t\t initEvents();\n\t\t \n\t\t //select first item\n\t\t if(g_numItems > 0) \n\t\t\t t.selectItem(0);\n\t\t \n\t\t \n\t\t //set autoplay\n\t\t if(g_options.gallery_autoplay == true)\n\t\t\t t.startPlayMode();\n\t\t \n\t\t g_temp.isRunFirstTime = false;\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * \n\t * show error message\n\t */\n\tfunction showErrorMessage(message, prefix){\n\n\t\tif(typeof prefix == \"undefined\")\n\t\t\tvar prefix = \"Unite Gallery Error: \";\t\t\t\n\t\telse\n\t\t\tprefix = \"\"+prefix+\": \";\n\t\t\n\t\tmessage = prefix + message;\n\t\t\n\t\tvar html = \"\";\n\t\t\n\t\tg_objWrapper.children().remove();\n\t\t\n\t\tg_objWrapper.html(html);\n\t\tg_objWrapper.show();\t\t\n\t}\n\t\n\t/**\n\t * show error message and throw error\n\t */\n\tfunction throwErrorShowMessage(message){\n\t\tshowErrorMessage(message);\n\t\tthrow new Error(message);\n\t}\n\t\n\t\n\t/**\n\t * \n\t * @param objParams\n\t */\n\t function modifyInitParams(){\n\t\t \n\t\t //set default for preloading\n\t\t if(!g_options.gallery_images_preload_type)\n\t\t\t g_options.gallery_images_preload_type = \"minimal\";\n\t\t \n\t\t //normalize gallery min height and width\n\t\t if(g_options.gallery_min_height == undefined || g_options.gallery_height < g_options.gallery_min_height){\n\t\t\t g_options.gallery_min_height = 0;\n\t\t }\n\t\t \n\t\t if(g_options.gallery_min_width == undefined || g_options.gallery_width < g_options.gallery_min_width){\n\t\t\t g_options.gallery_min_width = 0;\n\t\t }\n\t\t \n\t }\n\n\t\n\t/**\n\t * validate the init parameters\n\t */\n\t function validateParams(){\n\t\t \n\t\t //validate theme:\n\t\t if(!g_options.gallery_theme)\n\t\t\t throw new Error(\"The gallery can't run without theme\");\n\t\t \t\t \n\t\t //if(typeof g_options.theme != \"function\")\n\t\t\t //throw new Error(\"Wrong theme function: \" + g_options.theme.toString());\n\t\t \n\t\t //validate height and width\n\t\t if(jQuery.isNumeric(g_options.gallery_height) && g_options.gallery_height < g_options.gallery_min_height)\n\t\t\t throw new Error(\"The gallery_height option must be bigger then gallery_min_height option\");\n\t\t \n\t\t if(g_options.gallery_width < g_options.gallery_min_width)\n\t\t\t throw new Error(\"The gallery_width option must be bigger then gallery_min_width option\");\n\t\t \n\t\t \n\t }\n\t \n\t \n\t /**\n\t * set gallery html\n\t */\n\tfunction setGalleryHtml(){\n\t\t\n\t\t //add classes and divs\n\t\t g_objWrapper.addClass(\"ug-gallery-wrapper\");\n\t\t \n\t\t g_objWrapper.append(\"\");\n\t\t \n\t\t t.setSizeClass();\n\t}\n\t\n\t\n\t/**\n\t * if the thumbs panel don't exists, delete initial images from dom\n\t */\n\tfunction clearInitData(){\n\t\t\n\t\tvar objItems = g_objWrapper.children().remove();\n\t}\n\t\n\t\n\t/**\n\t * store last gallery size\n\t */\n\tfunction storeLastSize(){\n\t\tvar objSize = t.getSize();\n\t\t\n\t\tg_temp.lastWidth = objSize.width;\n\t\tg_temp.lastHeight = objSize.height;\n\t}\n\t\n\t\n\t/**\n\t * set gallery height by original ratio\n\t */\n\tfunction setHeightByOriginalRatio(){\n\t\t\n\t\tvar objSize = t.getSize();\n\t\t\t\t\n\t\tvar ratio = objSize.width / objSize.height;\n\t\t\n\t\tif(ratio != objSize.orig_ratio){\n\t\t\t\n\t\t\tvar newHeight = objSize.width / objSize.orig_ratio;\n\t\t\tnewHeight = Math.round(newHeight);\n\t\t\t\n\t\t\tif(newHeight < g_options.gallery_min_height)\n\t\t\t\tnewHeight = g_options.gallery_min_height;\n\t\t\t\n\t\t\tg_objWrapper.height(newHeight);\n\t\t}\n\t\n\t}\n\n\t\n\t/**\n\t * set properties of the html objects\n\t */\n\tfunction setHtmlObjectsProperties(){\n\t\t \n\t\t\tvar optionWidth = g_functions.getCssSizeParam(g_options.gallery_width);\n\t\t\t\n\t\t //set size\t\t\n\t\t var objCss = {\n\t\t\t\t //\"width\":optionWidth,\t\t//make it work within tabs\n\t\t\t\t \"max-width\":optionWidth,\n\t\t\t\t\t\"min-width\":g_functions.getCssSizeParam(g_options.gallery_min_width)\n\t\t\t};\n\t\t \n\t\t if(g_temp.isFreestyleMode == false){\n\t\t\t \n\t\t\t var galleryHeight = g_functions.getCssSizeParam(g_options.gallery_height);\n\t\t\t objCss[\"height\"] = galleryHeight;\n\t\t \n\t\t }else{\n\t\t\t objCss[\"overflow\"] = \"visible\";\t\t\t \n\t\t }\n\t\t \n\t\t //set background color\n\t\t if(g_options.gallery_background_color)\n\t\t\t objCss[\"background-color\"] = g_options.gallery_background_color;\n\t\t \n\t\t \n\t\t g_objWrapper.css(objCss);\n\t\t \n\t}\n\n\t\n\t/**\n\t * fill item by html child\n\t */\n\tfunction fillItemByChild(objChild){\n\t\t\n\t\tvar isMobile = t.isMobileMode();\n\t\t\n\t\t var tagname = objChild.prop(\"tagName\").toLowerCase();\n\t\t \n\t\t //handle link wrapper\n\t\t var itemLink = \"\";\n\t\t if(tagname == \"a\"){\n\t\t\t itemLink = objChild.attr(\"href\");\n\t\t\t objChild = objChild.children();\n\t\t\t var tagname = objChild.prop(\"tagName\").toLowerCase();\t\t\t\t \n\t\t }\n\t\t \n\t\t var itemType = objChild.data(\"type\");\n\t\t if(itemType == undefined)\n\t\t\t itemType = \"image\";\n\t\t \n\t\t var objItem = {};\n\t\t objItem.type = itemType;\n\t\t \n\t\t if(tagname == \"img\"){\n\t\t\t \n\t\t\t //protection agains lasy load\n\t\t\t var lasyLoadSrc = objChild.data(\"lazyload-src\");\n\t\t\t if(lasyLoadSrc && lasyLoadSrc != \"\"){\n\t\t\t\t objChild.attr(\"src\", lasyLoadSrc);\n\t\t\t\t jQuery.removeData(objChild, \"lazyload-src\");\n\t\t\t }\n\t\t\t \n\t\t\t //src is thumb\n\t\t\t var urlImage = objChild.data(\"image\");\n\t\t\t var urlThumb = objChild.data(\"thumb\");\n\t\t\t \n\t\t\t if(typeof(urlImage) == \"undefined\")\n\t\t\t\t urlImage = null;\n\t\t\t \n\t\t\t if(typeof(urlThumb) == \"undefined\")\n\t\t\t\t urlThumb = null;\n\t\t\t \n\t\t\t var imageSrc = objChild.attr(\"src\");\n\t\t\t \n\t\t\t if(!urlImage)\n\t\t\t\t urlImage = imageSrc;\n\t\t\t\t \n\t\t\t if(!urlThumb)\n\t\t\t\t urlThumb = imageSrc;\n\t\t\t \n\t\t\t if(!urlThumb)\n\t\t\t\t urlThumb = urlImage;\n\t\t\t \n\t\t\t if(!urlImage)\n\t\t\t\t urlImage = urlThumb;\n\t\t\t \n\t\t\t objItem.urlThumb = urlThumb;\n\t\t\t objItem.urlImage = urlImage;\n\t\t\t \t\t\t\t \n\t\t\t objItem.title = objChild.attr(\"alt\");\n\t\t\t \n\t\t\t //always set thumb image to object\n\t\t\t objItem.objThumbImage = objChild;\n\t\t\t \n\t\t\t objItem.objThumbImage.attr(\"src\", objItem.urlThumb);\n\t\t\t \n\t\t }else{\n\t\t\t \n\t\t\t if(itemType == \"image\"){\n\t\t\t\t trace(\"Problematic gallery item found:\");\n\t\t\t\t trace(objChild);\n\t\t\t\t trace(\"Please look for some third party js script that could add this item to the gallery\");\n\t\t\t\t throw new Error(\"The item should not be image type\");\n\t\t\t }\n\t\t\t \n\t\t\t objItem.urlThumb = objChild.data(\"thumb\");\n\t\t\t objItem.title = objChild.data(\"title\");\n\t\t\t objItem.objThumbImage = null;\n\t\t\t objItem.urlImage = objChild.data(\"image\");\n\t\t }\n\t\t \n\t\t //trace(isMobile);\n\t\t \n\t\t //check mobile version images\n\t\t if(isMobile == true){\n\t\t\t \n\t\t\t var urlThumbMobile = objChild.data(\"thumb-mobile\");\n\t\t\t if(typeof urlThumbMobile != \"undefined\" && urlThumbMobile != \"\"){\n\t\t\t\t objItem.urlThumb = urlThumbMobile;\n \t\t\t \t \n\t\t\t\t if(tagname == \"img\")\n \t\t\t\t\t objChild.attr(\"src\",objItem.urlThumb);\n\t\t\t }\n\t\t\t \n\t\t\t var urlImageMobile = objChild.data(\"image-mobile\");\n\t\t\t if(typeof urlImageMobile != \"undefined\" && urlImageMobile != \"\")\n\t\t\t\t objItem.urlImage = urlImageMobile;\n\t\t }\n\t\t \n\t\t objItem.link = itemLink;\n\t\t \n\t\t //get description:\n\t\t objItem.description = objChild.attr(\"title\");\n\t\t if(!objItem.description)\t\t\t\t \n\t\t\t objItem.description = objChild.data(\"description\");\n\t\t \n\t\t if(!objItem.description)\n\t\t\t objItem.description = \"\";\n\t\t \n\t\t objItem.isNewAdded = false;\t\t//fill outside\n\t\t objItem.isLoaded = false;\n\t\t objItem.isThumbImageLoaded = false;\t//if the image loaded or error load\n\t\t objItem.objPreloadImage = null;\n\t\t objItem.isBigImageLoadStarted = false;\n\t\t objItem.isBigImageLoaded = false;\n\t\t objItem.isBigImageLoadError = false;\t\t\t \n\t\t objItem.imageWidth = 0;\n\t\t objItem.imageHeight = 0;\n\t\t \n\t\t //set thumb size\n\t\t objItem.thumbWidth = 0;\n\t\t objItem.thumbHeight = 0;\n\t\t objItem.thumbRatioByWidth = 0;\n\t\t objItem.thumbRatioByHeight = 0;\n\t\t \n\t\t var dataWidth = objChild.data(\"width\");\n\t\t var dataHeight = objChild.data(\"height\");\n\t\t if(dataWidth && typeof dataWidth == \"number\" && dataHeight && typeof dataHeight == \"number\"){\n\t\t\t objItem.thumbWidth = dataWidth;\n\t\t\t objItem.thumbHeight = dataHeight;\n\t\t\t objItem.thumbRatioByWidth = dataWidth / dataHeight;\n\t\t\t objItem.thumbRatioByHeight = dataHeight / dataWidth;\n\t\t }\n\t\t \n\t\t objItem.addHtml = null;\n\t\t \n\t\t var isImageMissing = (objItem.urlImage == undefined || objItem.urlImage == \"\");\n\t\t var isThumbMissing = (objItem.urlThumb == undefined || objItem.urlThumb == \"\");\n\t\t \n\t\t switch(objItem.type){\n\t\t \tcase \"youtube\":\t\t\t \t\t\n\t\t\t\t objItem.videoid = objChild.data(\"videoid\");\n\t\t \t\t \n\t\t\t\t if(isImageMissing || isThumbMissing){\n\t\t\t\t\t \n\t\t\t\t\t var objImages = g_ugYoutubeAPI.getVideoImages(objItem.videoid);\n\t\t\t\t \t\t\n\t\t\t \t\t //set preview image\n\t\t\t \t\t if(isImageMissing)\n\t\t\t \t\t\tobjItem.urlImage = objImages.preview;\n\t\t\t \t\t\n\t\t\t \t\t //set thumb image\n\t\t\t \t\t if(isThumbMissing){\n\t\t\t \t\t\t \tobjItem.urlThumb = objImages.thumb;\n\t\t\t \t\t\t\t\n\t\t\t \t\t\t \t if(tagname == \"img\")\n\t\t\t \t\t\t\t\t objChild.attr(\"src\",objItem.urlThumb);\n\t\t\t \t\t }\n\t\t\t\t\t \n\t\t\t\t }\n\t\t\t\t \n\t\t\t\t g_temp.isYoutubePresent = true;\n\t\t\tbreak;\n\t\t \tcase \"vimeo\":\n\t\t \t\t\n\t\t\t\tobjItem.videoid = objChild.data(\"videoid\");\n\t\t\t\t\t\t\t\t\t\n\t\t\t\tg_temp.isVimeoPresent = true;\n\t\t \tbreak;\n\t\t \tcase \"html5video\":\n\t\t \t\tobjItem.videoogv = objChild.data(\"videoogv\");\n\t\t \t\tobjItem.videowebm = objChild.data(\"videowebm\");\n\t\t \t\tobjItem.videomp4 = objChild.data(\"videomp4\");\n\t\t \t\t\n\t\t \t\tg_temp.isHtml5VideoPresent = true;\n\t\t \tbreak;\n\t\t \tcase \"soundcloud\":\n\t\t \t\tobjItem.trackid = objChild.data(\"trackid\");\n\t\t \t\tg_temp.isSoundCloudPresent = true;\n\t\t \tbreak;\n\t\t \tcase \"wistia\":\n\t\t\t\t objItem.videoid = objChild.data(\"videoid\");\n\t\t\t\t g_temp.isWistiaPresent = true;\n\t\t \tbreak;\n\t\t \tcase \"custom\":\n\t\t\t\tvar objChildImage = objChild.children(\"img\");\n\t\t \t\t\n\t\t\t\tif(objChildImage.length){\n\t\t\t\t\tobjChildImage = jQuery(objChildImage[0]);\n\t\t\t\t\t\n\t\t\t\t objItem.urlThumb = objChildImage.attr(\"src\");\n\t\t\t\t objItem.title = objChildImage.attr(\"alt\");\n\t\t\t\t objItem.objThumbImage = objChildImage;\n\t\t \t\t}\n\t\t \t\t\n\t\t\t\t//add additional html\n\t\t\t\tvar objChildren = objChild.children().not(\"img:first-child\");\n\t\t \t\t\n\t\t\t\tif(objChildren.length)\n\t\t\t\t\tobjItem.addHtml = objChildren.clone();\n\t\t \t\t\n\t\t \tbreak;\n\t\t }\n\t\t\n\t\t //clear not needed attributes\n\t\t if(objItem.objThumbImage){\n\t\t\t objItem.objThumbImage.removeAttr(\"data-description\", \"\");\n\t\t\t objItem.objThumbImage.removeAttr(\"data-image\", \"\");\t\t\t\t \n\t\t\t objItem.objThumbImage.removeAttr(\"data-thumb\", \"\");\t\t\t\t \n\t\t\t objItem.objThumbImage.removeAttr(\"title\", \"\");\t\t\t\t \n\t\t }\n\t\t \n\t\t \n\t\t return(objItem);\n\t}\n\t\n\t\n\t/**\n\t * fill items array from images object\n\t */\n\tfunction fillItemsArray(arrChildren, isAppend){\n\t\t\n\t\tif(isAppend !== true){\n\t\t\tg_arrItems = [];\n\t\t}else{\t //append\n\t\t\t\n\t\t\t//clear last new added items\n\t\t\tfor(var i=0;iin file: \"+fileName;\n\t\t\t\t\t message += \" line \" + lineNumber + \"\";\n\t\t\t\t\t \n\t\t\t\t\t trace(objError);\n\t\t\t\t\t \n\t\t\t\t }else{\n\t\t\t\t\t var message = objError;\n\t\t\t\t }\n\t\t\t\t \n\t\t\t\t //remove double \"error:\" text\n\t\t\t\t message = message.replace(\"Error:\",\"\");\n\t\t\t\t \n\t\t\t\t showErrorMessage(message);\n\t\t\t }\n\t\t\t \n\t\t }else{\n\t\t\t runGallery(galleryID, objParams);\n\t\t }\n\t\t \n\t\t \t\t \n\t\t \n\t }\n\t \t \t \n}\t//unitegallery object end\n\n\n/**\n * tiles class\n */\nfunction UGLightbox(){\n\n\tvar t = this, g_objThis = jQuery(this);\n\tvar g_gallery = new UniteGalleryMain(), g_objGallery, g_objWrapper;\n\tvar g_objSlider = new UGSlider(), g_objOverlay, g_objArrowLeft, g_objArrowRight, g_objButtonClose;\n\tvar g_functions = new UGFunctions(), g_objTextPanel = new UGTextPanel(), g_objNumbers;\n\tvar g_objTopPanel;\n\t\n\tvar g_options = {\n\t\t\tlightbox_type: \"wide\",\t\t\t\t\t\t\t//compact / wide - lightbox type\n\t\t\t\n\t\t\tlightbox_show_textpanel: true,\t\t\t\t\t//show the text panel\n\t\t\tlightbox_textpanel_width: 550,\t\t\t\t\t//the width of the text panel.\n\t\t\t\n\t\t\tlightbox_hide_arrows_onvideoplay: true,\t\t\t//hide the arrows when video start playing and show when stop\n\t\t\tlightbox_arrows_position: \"sides\",\t\t\t\t//sides, inside: position of the arrows, used on compact type\t\t\t\n\t\t\tlightbox_arrows_offset: 10,\t\t\t\t\t\t//The horizontal offset of the arrows\n\t\t\tlightbox_arrows_inside_offset: 10,\t\t\t\t//The offset from the image border if the arrows placed inside\n\t\t\tlightbox_arrows_inside_alwayson: false,\t\t\t//Show the arrows on mouseover, or always on.\n\t\t\t\n\t\t\tlightbox_overlay_color:null,\t\t\t\t\t//the color of the overlay. if null - will take from css\n\t\t\tlightbox_overlay_opacity:1,\t\t\t\t\t\t//the opacity of the overlay. if null - will take from css\n\t\t\tlightbox_top_panel_opacity: null,\t\t\t\t//the opacity of the top panel\n\t\t\t\n\t\t\tlightbox_show_numbers: true,\t\t\t\t\t//show numbers on the right side\n\t\t\tlightbox_numbers_size: null,\t\t\t\t\t//the size of the numbers string\n\t\t\tlightbox_numbers_color: null,\t\t\t\t\t//the color of the numbers\n\t\t\tlightbox_numbers_padding_top:null,\t\t\t\t//the top padding of the numbers (used in compact mode)\n\t\t\tlightbox_numbers_padding_right:null,\t\t\t//the right padding of the numbers (used in compact mode)\n\t\t\t\n\t\t\tlightbox_compact_closebutton_offsetx: 1,\t\t//the offsetx of the close button. Valid only for compact mode\n\t\t\tlightbox_compact_closebutton_offsety: 1,\t\t//the offsetx of the close button. Valid only for compact mode\n\t\t\t\n\t\t\tlightbox_close_on_emptyspace:true\t\t\t\t//close the lightbox on empty space\n\t};\n\t\n\tthis.events = {\n\t\t\tLIGHTBOX_INIT: \"lightbox_init\"\n\t};\n\t\n\tvar g_temp = {\n\t\t\ttopPanelHeight: 44,\n\t\t\tinitTextPanelHeight: 26,\t\t//init height for compact mode\n\t\t\tisOpened: false, \n\t\t\tisRightNowOpened:false,\n\t\t\tputSlider: true,\n\t\t\tisCompact: false,\n\t\t\tfadeDuration: 300,\n\t\t\tpositionFrom: null,\n\t\t\ttextPanelTop: null,\n\t\t\ttextPanelLeft: null,\n\t\t\tisArrowsInside: false,\n\t\t\tisArrowsOnHoverMode: false,\n\t\t\tlastMouseX: null,\n\t\t\tlastMouseY: null,\n\t\t\toriginalOptions: null,\n\t\t\tisSliderChangedOnce:false,\n\t\t\tisTopPanelEnabled:true\n\t};\n\t\n\tvar g_defaults = {\n\t\t\tlightbox_slider_controls_always_on: true,\n\t\t\tlightbox_slider_enable_bullets: false,\n\t\t\tlightbox_slider_enable_arrows: false,\n\t\t\tlightbox_slider_enable_progress_indicator: false,\n\t\t\tlightbox_slider_enable_play_button: false,\n\t\t\tlightbox_slider_enable_fullscreen_button: false,\n\t\t\tlightbox_slider_enable_zoom_panel: false,\n\t\t\tlightbox_slider_enable_text_panel: false,\n\t\t\tlightbox_slider_scale_mode_media: \"down\",\n\t\t\tlightbox_slider_scale_mode: \"down\",\n\t\t\tlightbox_slider_loader_type: 3,\n\t\t\tlightbox_slider_loader_color: \"black\",\n\t\t\tlightbox_slider_transition: \"fade\",\n\t\t\t\n\t\t\tlightbox_slider_image_padding_top: g_temp.topPanelHeight,\n\t\t\tlightbox_slider_image_padding_bottom: 0,\n\t\t\t\n\t\t\tlightbox_slider_video_padding_top: 0,\n\t\t\tlightbox_slider_video_padding_bottom: 0,\n\t\t\t\n\t\t\tlightbox_textpanel_align: \"middle\",\n\t\t\tlightbox_textpanel_padding_top: 5,\n\t\t\tlightbox_textpanel_padding_bottom: 5,\n\t\t\t\n\t\t\tslider_video_constantsize: false,\n\t\t\tlightbox_slider_image_border: false,\n\t\t\t\n\t\t\tlightbox_textpanel_enable_title: true,\n\t\t\tlightbox_textpanel_enable_description: false,\n\t\t\tlightbox_textpanel_desc_style_as_title: true,\n\t\t\t\n\t\t\tlightbox_textpanel_enable_bg:false,\n\t\t\t\n\t\t\tvideo_enable_closebutton: false,\n\t\t\tlightbox_slider_video_enable_closebutton: false,\n\t\t\tvideo_youtube_showinfo: false,\n\t\t\tlightbox_slider_enable_links:false\n\t};\n\t\n\tvar g_defaultsCompact = {\n\t\t\tlightbox_overlay_opacity:0.6,\n\t\t\t\n\t\t\tlightbox_slider_image_border: true,\n\t\t\tlightbox_slider_image_shadow:true,\n\t\t\tlightbox_slider_image_padding_top: 30,\n\t\t\tlightbox_slider_image_padding_bottom: 30,\n\t\t\t\n\t\t\tslider_video_constantsize: true,\n\t\t\t\t\t\t\n\t\t\tlightbox_textpanel_align: \"bottom\",\n\t\t\tlightbox_textpanel_title_text_align: \"left\",\n\t\t\tlightbox_textpanel_desc_text_align: \"left\",\n\t\t\tlightbox_textpanel_padding_left: 10,\t\t\t//the padding left of the textpanel\n\t\t\tlightbox_textpanel_padding_right: 10\n\t};\n\t\n\t\n\tfunction __________GENERAL_________(){};\n\t\n\t\n\t/**\n\t * init the gallery\n\t */\n\tfunction initLightbox(gallery, customOptions){\n\t\t\n\t\tg_gallery = gallery;\n\t\tg_objGallery = jQuery(gallery);\n\t\t\n\t\tg_options = jQuery.extend(g_options, g_defaults);\n\t\tg_options = jQuery.extend(g_options, customOptions);\n\t\t\n\t\tg_temp.originalOptions = jQuery.extend({}, g_options);\n\t\t\n\t\tif(g_options.lightbox_type == \"compact\"){\n\t\t\tg_temp.isCompact = true;\n\t\t\tg_options = jQuery.extend(g_options, g_defaultsCompact);\n\t\t\tg_options = jQuery.extend(g_options, customOptions);\n\t\t}\n\t\t\n\t\t//modify some options\n\t\tmodifyOptions();\n\t\t\n\t\tif(g_temp.putSlider == true){\n\t\t\t\n\t\t\tg_gallery.initSlider(g_options, \"lightbox\");\n\t\t\tg_objects = gallery.getObjects();\n\t\t\tg_objSlider = g_objects.g_objSlider;\t\t\t\n\t\t\t\n\t\t}else{\n\t\t\tg_objSlider = null;\n\t\t}\n\t\t\n\t\tif(g_options.lightbox_show_textpanel == true){\n\t\t\tg_objTextPanel.init(g_gallery, g_options, \"lightbox\");\n\t\t}\n\t\telse\n\t\t\tg_objTextPanel = null;\n\t\t\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * modify some options according user options\n\t */\n\tfunction modifyOptions(){\n\t\t\n\t\tif(g_temp.isCompact == true && g_options.lightbox_show_textpanel == true){\n\t\t\tg_options.lightbox_slider_image_padding_bottom = g_temp.initTextPanelHeight;\n\t\t}\n\t\t\n\t\tif(g_temp.isCompact == true && g_options.lightbox_arrows_position == \"inside\"){\n\t\t\tg_temp.isArrowsInside = true;\n\t\t}\n\n\t\tif(g_temp.isArrowsInside == true && g_options.lightbox_arrows_inside_alwayson == false)\n\t\t\tg_temp.isArrowsOnHoverMode = true;\n\t\t\n\t\t//disable top panel if no text panel enabled\n\t\tif(g_options.lightbox_show_textpanel == false){\n\t\t\tg_temp.isTopPanelEnabled = false;\n\t\t\tg_temp.topPanelHeight = 0;\n\t\t\tg_options.lightbox_slider_image_padding_top = 0;\n\t\t}\n\t\t\n\t\t//modify slider image border width\n\t\t\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * put the lightbox html\n\t */\n\tfunction putLightboxHtml(){\n\t\t\n\t\tvar html = \"\";\n\t\tvar classAddition = \"\";\n\t\tif(g_temp.isCompact == true){\n\t\t\tclassAddition = \" ug-lightbox-compact\";\n\t\t}\n\t\t\n\t\thtml += \"
\";\n\t\thtml += \"\";\n\t\t\n\t\t//set top panel only on wide mode\n\t\tif(g_temp.isCompact == false && g_temp.isTopPanelEnabled){\n\t\t\thtml += \"
\";\n\t\t\n\t\tg_objWrapper = jQuery(html);\n\t\t\n\t\tjQuery(\"body\").append(g_objWrapper);\n\t\t\n\t\tif(g_objSlider)\n\t\t\tg_objSlider.setHtml(g_objWrapper);\n\t\t\n\t\tg_objOverlay = g_objWrapper.children(\".ug-lightbox-overlay\");\n\t\t\n\t\tif(g_temp.isCompact == false && g_temp.isTopPanelEnabled == true){\n\t\t\tg_objTopPanel = g_objWrapper.children(\".ug-lightbox-top-panel\");\n\t\t\tif(g_objTopPanel.length == 0)\n\t\t\t\tg_objTopPanel = null;\n\t\t}\n\t\t\n\t\tg_objButtonClose = g_objWrapper.find(\".ug-lightbox-button-close\");\n\t\t\n\t\tif(g_options.lightbox_show_numbers)\n\t\t\tg_objNumbers = g_objWrapper.find(\".ug-lightbox-numbers\");\n\t\t\n\t\tg_objArrowLeft = g_objWrapper.children(\".ug-lightbox-arrow-left\");\n\t\tg_objArrowRight = g_objWrapper.children(\".ug-lightbox-arrow-right\");\n\t\t\t\t\n\t\tif(g_objTextPanel){\n\t\t\tif(g_objTopPanel)\n\t\t\t\tg_objTextPanel.appendHTML(g_objTopPanel);\n\t\t\telse\n\t\t\t\tg_objTextPanel.appendHTML(g_objWrapper);\n\t\t}\n\n\t}\n\t\n\t\n\t/**\n\t * set lightbox properties\n\t */\n\tfunction setProperties(){\n\t\t\n\t\tif(g_options.lightbox_overlay_color !== null)\n\t\t\tg_objOverlay.css(\"background-color\", g_options.lightbox_overlay_color);\n\t\t\n\t\tif(g_options.lightbox_overlay_opacity !== null)\n\t\t\tg_objOverlay.fadeTo(0, g_options.lightbox_overlay_opacity);\n\t\t\n\t\tif(g_objTopPanel && g_options.lightbox_top_panel_opacity !== null){\n\t\t\tg_objTopPanel.children(\".ug-lightbox-top-panel-overlay\").fadeTo(0, g_options.lightbox_top_panel_opacity);\n\t\t}\n\t\t\t\n\t\t//set numbers properties\n\t\tif(g_objNumbers){\n\t\t\tvar cssNumbers = {};\n\t\t\t\n\t\t\tif(g_options.lightbox_numbers_size !== null)\n\t\t\t\tcssNumbers[\"font-size\"] = g_options.lightbox_numbers_size+\"px\";\n\t\t\t\n\t\t\tif(g_options.lightbox_numbers_color)\n\t\t\t\tcssNumbers[\"color\"] = g_options.lightbox_numbers_color;\n\t\t\t\n\t\t\tif(g_options.lightbox_numbers_padding_right !== null)\n\t\t\t\tcssNumbers[\"padding-right\"] = g_options.lightbox_numbers_padding_right + \"px\";\n\t\t\t\n\t\t\tif(g_options.lightbox_numbers_padding_top !== null)\n\t\t\t\tcssNumbers[\"padding-top\"] = g_options.lightbox_numbers_padding_top + \"px\";\n\t\t\t\n\t\t\t\n\t\t\tg_objNumbers.css(cssNumbers);\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * refresh slider item with new height\n\t */\n\tfunction refreshSliderItem(newHeight){\n\t\t\n\t\tif(!g_objSlider)\n\t\t\treturn(true);\n\t\t\t\t\n\t\t//set slider new image position\n\t\tvar objOptions = {\n\t\t\t\tslider_image_padding_top: newHeight\n\t\t};\n\t\t\n\t\tg_objSlider.setOptions(objOptions);\n\t\tg_objSlider.refreshSlideItems();\n\t\n\t}\n\t\n\tfunction __________WIDE_ONLY_________(){};\n\t\n\t\n\t/**\n\t * handle panel height according text height\n\t */\n\tfunction handlePanelHeight(fromWhere){\n\t\t\n\t\tif(!g_objTopPanel)\n\t\t\treturn(false);\n\t\t\t\n\t\tif(!g_objTextPanel)\n\t\t\treturn(false);\n\t\t\n\t\t//check text panel size, get the panel bigger then\n\t\tvar panelHeight = g_objTopPanel.height();\n\t\tif(panelHeight == 0)\n\t\t\treturn(false);\n\t\t\n\t\tif(g_objTopPanel.is(\":visible\") == false)\n\t\t\treturn(false);\n\t\t\n\t\tvar newPanelHeight = panelHeight;\n\t\t\n\t\tvar objTextPanelSize = g_objTextPanel.getSize();\n\t\t\n\t\tvar textPanelHeight = objTextPanelSize.height;\n\t\t\n\t\tif(panelHeight != g_temp.topPanelHeight)\n\t\t\tnewPanelHeight = g_temp.topPanelHeight;\n\t\t\t\t\n\t\tif(textPanelHeight > newPanelHeight)\n\t\t\tnewPanelHeight = textPanelHeight;\n\t\t\t\t\n\t\tif(panelHeight != newPanelHeight){\n\t\t\tg_objTopPanel.height(newPanelHeight);\n\t\t\t\n\t\t\tif(g_objSlider && g_objSlider.isAnimating() == false)\n\t\t\t\trefreshSliderItem(newPanelHeight);\n\t\t}\n\t\t\t\t\n\t}\n\n\n\t/**\n\t * position text panel for wide\n\t * size - wrapper size\n\t */\n\tfunction positionTextPanelWide(size){\n\n\t\tvar objOptions = {};\n\t\t\n\t\tvar textWidth = g_options.lightbox_textpanel_width;\n\t\tvar minPaddingLeft = 47;\n\t\tvar minPaddingRight = 40;\n\t\tvar maxTextPanelWidth = size.width - minPaddingLeft - minPaddingRight;\n\t\t\n\t\tif(textWidth > maxTextPanelWidth){\t\t//mobile mode\n\t\t\t\n\t\t\tobjOptions.textpanel_padding_left = minPaddingLeft;\n\t\t\tobjOptions.textpanel_padding_right = minPaddingRight;\n\t\t\t\n\t\t\tobjOptions.textpanel_title_text_align = \"center\";\n\t\t\tobjOptions.textpanel_desc_text_align = \"center\";\t\t\t\n\t\t}else{\n\t\t\tobjOptions.textpanel_padding_left = Math.floor((size.width - textWidth) / 2);\n\t\t\tobjOptions.textpanel_padding_right = objOptions.textpanel_padding_left;\n\t\t\tobjOptions.textpanel_title_text_align = \"left\";\n\t\t\tobjOptions.textpanel_desc_text_align = \"left\";\n\t\t\t\n\t\t\tif(g_options.lightbox_textpanel_title_text_align)\n\t\t\t\t\tobjOptions.textpanel_title_text_align = g_options.lightbox_textpanel_desc_text_align;\n\t\t\t\n\t\t\tif(g_options.lightbox_textpanel_desc_text_align)\n\t\t\t\tobjOptions.textpanel_desc_text_align = g_options.lightbox_textpanel_desc_text_align;\n\t\t\t\n\t\t}\n\t\t\t\t\n\t\tg_objTextPanel.setOptions(objOptions);\n\t\t\n\t\tg_objTextPanel.refresh(true, true);\n\t\t\n\t\thandlePanelHeight(\"positionTextPanelWide\");\n\t\tg_objTextPanel.positionPanel();\n\t}\n\t\n\t/**\n\t * hide top panel\n\t */\n\tfunction hideTopPanel(){\n\t\t\t\t\n\t\tif(!g_objTopPanel)\n\t\t\treturn(false);\n\t\t\n\t\tg_objTopPanel.hide();\n\t}\n\t\n\t\n\t/**\n\t * show top panel\n\t */\n\tfunction showTopPanel(){\n\t\t\n\t\tif(!g_objTopPanel)\n\t\t\treturn(false);\n\t\t\n\t\tg_objTopPanel.show();\n\t}\n\t\n\t\n\tfunction __________COMPACT_ONLY_________(){};\n\n\t/**\n\t * handle slider image height according the textpanel height\n\t * refresh the slider if the height is not in place\n\t */\n\tfunction handleCompactHeight(objImageSize){\n\t\t\t\t\n\t\tif(g_temp.isOpened == false)\n\t\t\treturn(false);\n\t\t\n\t\tif(!g_objTextPanel)\n\t\t\treturn(false);\n\t\t\n\t\tif(!g_objSlider)\n\t\t\treturn(false);\n\t\t\n\t\tvar wrapperSize = g_functions.getElementSize(g_objWrapper);\n\t\tvar textPanelSize = g_objTextPanel.getSize();\n\t\t\n\t\tif(textPanelSize.width == 0 || textPanelSize.height > 120)\n\t\t\treturn(false);\n\t\t\n\t\tif(!objImageSize){\n\t\t\tvar objImage = g_objSlider.getSlideImage();\n\t\t\tvar objImageSize = g_functions.getElementSize(objImage);\n\t\t}\n\t\t\n\t\tif(objImageSize.height == 0 || objImageSize.width == 0)\n\t\t\treturn(false);\n\t\t\n\t\t//check elements end size\n\t\tvar totalBottom = objImageSize.bottom + textPanelSize.height;\n\t\t\n\t\tif(totalBottom < wrapperSize.height)\n\t\t\treturn(false);\n\t\t\n\t\tvar sliderOptions = g_objSlider.getOptions();\n\t\t\n\t\tvar imagePaddingBottom = textPanelSize.height;\n\t\t\n\t\tif(imagePaddingBottom != sliderOptions.slider_image_padding_bottom){\n\t\t\t\n\t\t\tvar objOptions = {\n\t\t\t\t\tslider_image_padding_bottom: imagePaddingBottom\n\t\t\t};\n\t\t\t\n\t\t\tif(g_objSlider.isAnimating() == false){\n\t\t\t\tg_objSlider.setOptions(objOptions);\n\t\t\t\tg_objSlider.refreshSlideItems();\n\t\t\t\treturn(true);\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\treturn(false);\n\t}\n\t\n\t/**\n\t * set text panel top of compact mode\n\t */\n\tfunction setCompactTextpanelTop(objImageSize, positionPanel){\n\t\t\n\t\tif(!objImageSize){\n\t\t\tvar objImage = g_objSlider.getSlideImage();\n\t\t\tvar objImageSize = g_functions.getElementSize(objImage);\n\t\t}\n\t\t\n\t\tg_temp.textPanelTop = objImageSize.bottom;\n\t\t\n\t\tif(positionPanel === true)\n\t\t\tg_objTextPanel.positionPanel(g_temp.textPanelTop, g_temp.textPanelLeft);\n\t}\n\t\n\t\n\t/**\n\t * handle text panel width on compact mode, \n\t * run when the image is ready. \n\t * Set top position of the panel as well\n\t * position numbers as well\n\t */\n\tfunction handleCompactTextpanelSizes(showTextpanel){\n\t\t\t\n\t\tvar wrapperSize = g_functions.getElementSize(g_objWrapper);\n\t\tvar objImage = g_objSlider.getSlideImage();\n\t\tvar objImageSize = g_functions.getElementSize(objImage);\n\t\t\n\t\tif(objImageSize.width == 0)\n\t\t\treturn(false);\n\t\t\n\t\t\n\t\tg_temp.textPanelLeft = objImageSize.left;\n\t\tg_temp.textPanelTop = objImageSize.bottom;\n\n\t\tvar textPanelWidth = objImageSize.width;\n\t\t\n\t\tif(g_objNumbers){\n\t\t\t\n\t\t\tvar objNumbersSize = g_functions.getElementSize(g_objNumbers);\n\t\t\ttextPanelWidth -= objNumbersSize.width;\n\t\t\t\n\t\t\t//place numbers object\n\t\t\tvar numbersLeft = objImageSize.right - objNumbersSize.width;\n\t\t\tg_functions.placeElement(g_objNumbers, numbersLeft, g_temp.textPanelTop);\n\t\t}\n\t\t\t\n\t\t\t\n\t\tif(g_objTextPanel){\n\t\t\tg_objTextPanel.show();\n\t\t\tg_objTextPanel.refresh(true, true, textPanelWidth);\n\t\t\tsetCompactTextpanelTop(objImageSize);\n\t\t}\n\t\t\n\t\tvar isChanged = handleCompactHeight(objImageSize);\n\t\t\n\t\tif(isChanged == false){\n\t\t\t\n\t\t\tg_temp.positionFrom = \"handleCompactTextpanelSizes\";\n\t\t\t\n\t\t\tif(g_objTextPanel){\n\t\t\t\tg_objTextPanel.positionPanel(g_temp.textPanelTop, g_temp.textPanelLeft);\n\t\t\t\tif(showTextpanel === true){\n\t\t\t\t\tshowTextpanel();\n\t\t\t\t\tshowNumbers();\n\t\t\t\t}\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\n\t/**\n\t * return that current slider image is in place\n\t */\n\tfunction isSliderImageInPlace(){\n\n\t\tif(g_objSlider.isCurrentSlideType(\"image\") == false)\n\t\t\treturn(true);\n\t\t\n\t\tvar isImageInPlace = (g_objSlider.isCurrentImageInPlace() == true);\n\t\t\t\t\n\t\treturn(isImageInPlace);\n\t}\n\t\n\t\n\t/**\n\t * position the arrows inside mode\n\t */\n\tfunction positionArrowsInside(toShow, isAnimation){\n\t\t\t\t\n\t\tif(g_temp.isArrowsInside == false)\n\t\t\treturn(false);\n\t\t\n\t\tif(!g_objArrowLeft)\n\t\t\treturn(false);\n\t\t\n\t\tvar isImageInPlace = isSliderImageInPlace();\n\t\t\n\t\tg_objArrowLeft.show();\n\t\tg_objArrowRight.show();\n\t\t\n\t\tg_temp.positionFrom = \"positionArrowsInside\";\n\t\t\n\t\tif(g_temp.isArrowsOnHoverMode == true && isImageInPlace == true && isMouseInsideImage() == false)\n\t\t\thideArrows(true);\n\t\t\n\t\tif(isImageInPlace == false){\n\t\t\tvar leftArrowLeft = g_functions.getElementRelativePos(g_objArrowLeft, \"left\", g_options.lightbox_arrows_offset);\n\t\t\tvar leftArrowTop = g_functions.getElementRelativePos(g_objArrowLeft, \"middle\");\n\t\t\t\t\t\t\n\t\t\tvar rightArrowLeft = g_functions.getElementRelativePos(g_objArrowRight, \"right\", g_options.lightbox_arrows_offset);\n\t\t\tvar rightArrowTop = leftArrowTop;\n\n\t\t}else{\n\t\t\t\n\t\t\tvar objImage = g_objSlider.getSlideImage();\n\t\t\tvar objImageSize = g_functions.getElementSize(objImage);\n\t\t\tvar objSliderSize = g_functions.getElementSize(g_objSlider.getElement());\n\t\t\t\t\t\t\n\t\t\tvar leftArrowLeft = g_functions.getElementRelativePos(g_objArrowLeft, \"left\", 0, objImage) + objImageSize.left + g_options.lightbox_arrows_inside_offset;\n\t\t\tvar leftArrowTop = g_functions.getElementRelativePos(g_objArrowLeft, \"middle\", 0, objImage) + objImageSize.top;\n\t\t\tvar rightArrowLeft = g_functions.getElementRelativePos(g_objArrowLeft, \"right\", 0, objImage) + objImageSize.left - g_options.lightbox_arrows_inside_offset;\n\t\t\tvar rightArrowTop = leftArrowTop;\n\t\t\t\n\t\t}\n\t\t\n\t\t\n\t\t//place the image with animation or not\n\t\tif(isAnimation === true){\n\n\t\t\tvar objCssLeft = {\n\t\t\t\t\tleft: leftArrowLeft,\n\t\t\t\t\ttop: leftArrowTop\n\t\t\t};\n\t\t\t\n\t\t\tvar objCssRight = {\n\t\t\t\t\tleft: rightArrowLeft,\n\t\t\t\t\ttop: rightArrowTop\n\t\t\t};\n\t\t\t\n\t\t\tg_objArrowLeft.stop().animate(objCssLeft,{\n\t\t\t\tduration: g_temp.fadeDuration\n\t\t\t});\n\t\t\t\n\t\t\tg_objArrowRight.stop().animate(objCssRight,{\n\t\t\t\tduration: g_temp.fadeDuration\n\t\t\t});\n\t\t\t\n\t\t\t\n\t\t}else{\n\t\t\tg_objArrowLeft.stop();\n\t\t\tg_objArrowRight.stop();\n\t\t\t\n\t\t\tg_functions.placeElement(g_objArrowLeft, leftArrowLeft, leftArrowTop);\n\t\t\tg_functions.placeElement(g_objArrowRight, rightArrowLeft, rightArrowTop);\n\t\t}\n\t\t\n\t\t\n\t\tif(toShow == true)\n\t\t\tshowArrows(isAnimation);\n\t\t\n\t}\n\t\n\t\n\t\n\t/**\n\t * position close button for compact type\n\t */\n\tfunction positionCloseButton(toShow, isAnimation){\n\t\t\n\t\tg_temp.positionFrom = null;\n\t\t\n\t\tvar isImageInPlace = isSliderImageInPlace();\n\t\t\n\t\tvar minButtonTop = 2;\n\t\tvar maxButtonLeft = g_functions.getElementRelativePos(g_objButtonClose, \"right\", 2, g_objWrapper);\n\t\t\n\t\tif(isImageInPlace == false){\t//put image to corner\n\t\t\t\n\t\t\tvar closeButtonTop = minButtonTop;\n\t\t\tvar closeButtonLeft = maxButtonLeft;\n\t\t\t\n\t\t}else{\n\t\t\tvar objImage = g_objSlider.getSlideImage();\n\t\t\tvar objImageSize = g_functions.getElementSize(objImage);\n\t\t\tvar objSliderSize = g_functions.getElementSize(g_objSlider.getElement());\n\t\t\tvar objButtonSize = g_functions.getElementSize(g_objButtonClose);\n\t\t\t\n\t\t\t//some strange bug\n\t\t\tif(objSliderSize.top == objSliderSize.height)\t\n\t\t\t\tobjSliderSize.top = 0;\n\t\t\t\n\t\t\tvar closeButtonLeft = objSliderSize.left + objImageSize.right - objButtonSize.width / 2 + g_options.lightbox_compact_closebutton_offsetx;\n\t\t\tvar closeButtonTop = objSliderSize.top + objImageSize.top - objButtonSize.height / 2 - g_options.lightbox_compact_closebutton_offsety;\n\t\t\t\n\t\t\tif(closeButtonTop < minButtonTop)\n\t\t\t\tcloseButtonTop = minButtonTop;\n\t\t\t\n\t\t\tif(closeButtonLeft > maxButtonLeft)\n\t\t\t\tcloseButtonLeft = maxButtonLeft;\n\t\t\t\n\t\t}\n\t\t\n\t\t//place the image with animation or not\n\t\tif(isAnimation === true){\n\t\t\tvar objCss = {\n\t\t\t\t\tleft: closeButtonLeft,\n\t\t\t\t\ttop: closeButtonTop\n\t\t\t};\n\t\t\t\n\t\t\tg_objButtonClose.stop().animate(objCss,{\n\t\t\t\tduration: g_temp.fadeDuration\n\t\t\t});\n\t\t\t\n\t\t}else{\n\t\t\tg_objButtonClose.stop();\n\t\t\tg_functions.placeElement(g_objButtonClose, closeButtonLeft, closeButtonTop);\n\t\t}\n\t\t\n\t\tif(toShow === true)\n\t\t\tshowCloseButton(isAnimation);\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * hide close button\n\t */\n\tfunction hideCompactElements(){\n\t\t\n\t\tif(g_objButtonClose)\n\t\t\tg_objButtonClose.stop().fadeTo(g_temp.fadeDuration, 0);\n\t\t\n\t\thideTextPanel();\n\t\t\n\t\thideNumbers();\n\t\t\n\t\tg_temp.positionFrom = \"hideCompactElements\";\n\t\tif(g_temp.isArrowsInside == true)\n\t\t\thideArrows();\n\t}\n\n\t\n\t/**\n\t * actual hide all compact type elements\n\t */\n\tfunction actualHideCompactElements(){\n\t\t\n\t\tif(g_objButtonClose)\n\t\t\tg_objButtonClose.hide();\n\t\t\n\t\tif(g_objArrowLeft && g_temp.isArrowsInside == true){\n\t\t\tg_objArrowLeft.hide();\n\t\t\tg_objArrowRight.hide();\n\t\t}\n\t\t\n\t\tif(g_objNumbers)\n\t\t\tg_objNumbers.hide();\n\t\t\n\t\tif(g_objTextPanel)\n\t\t\tg_objTextPanel.hide();\n\t\t\n\t}\n\t\n\t\n\tfunction __________COMMON_________(){};\n\t\n\t\n\t/**\n\t * position the elements\n\t */\n\tfunction positionElements(){\n\t\t\t\t\t\t\n\t\tvar size = g_functions.getElementSize(g_objWrapper);\n\t\t\n\t\t//position top panel:\n\t\tif(g_objTopPanel)\n\t\t\tg_functions.setElementSizeAndPosition(g_objTopPanel, 0, 0, size.width, g_temp.topPanelHeight);\n\t\t\n\t\t//position arrows\n\t\tif(g_objArrowLeft && g_temp.isArrowsInside == false){\n\t\t\t\n\t\t\tif(g_options.lightbox_hide_arrows_onvideoplay == true){\n\t\t\t\tg_objArrowLeft.show();\n\t\t\t\tg_objArrowRight.show();\n\t\t\t}\n\t\t\t\n\t\t\tg_functions.placeElement(g_objArrowLeft, \"left\", \"middle\", g_options.lightbox_arrows_offset);\n\t\t\tg_functions.placeElement(g_objArrowRight, \"right\", \"middle\", g_options.lightbox_arrows_offset);\n\t\t}\t\t\n\t\t\n\t\tif(g_temp.isCompact == false)\n\t\t\tg_functions.placeElement(g_objButtonClose, \"right\", \"top\", 2, 2);\n\t\t\n\t\t//place text panel\n\t\tif(g_objTextPanel){\n\t\t\t\n\t\t\tg_temp.positionFrom = \"positionElements\";\n\t\t\t\n\t\t\tif(g_temp.isCompact == false)\n\t\t\t\tpositionTextPanelWide(size);\n\t\t\telse{\n\t\t\t\tshowTextPanel();\n\t\t\t\tshowNumbers();\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tvar sliderWidth = size.width;\n\t\tvar sliderHeight = size.height;\t\n\t\tvar sliderTop = 0;\n\t\tvar sliderLeft = 0;\n\t\t\n\t\tif(g_objSlider){\n\t\t\t\n\t\t\tif(g_objTopPanel){\n\t\t\t\tvar topPanelHeight = g_objTopPanel.height();\n\t\t\t\tvar objOptions = {\n\t\t\t\t\t\tslider_image_padding_top: topPanelHeight\n\t\t\t\t};\n\t\t\t\tg_objSlider.setOptions(objOptions);\n\t\t\t}\n\t\t\t\n\t\t\tg_objSlider.setSize(sliderWidth, sliderHeight);\n\t\t\tg_objSlider.setPosition(sliderLeft, sliderTop);\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * hide the text panel\n\t */\n\tfunction hideTextPanel(){\n\t\t\n\t\tif(g_objTextPanel)\n\t\t\tg_objTextPanel.getElement().stop().fadeTo(g_temp.fadeDuration, 0);\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * hide the numbers text\n\t */\n\tfunction hideNumbers(){\n\t\t\n\t\tif(g_objNumbers)\n\t\t\tg_objNumbers.stop().fadeTo(g_temp.fadeDuration, 0);\n\t}\n\t\n\t\n\t/**\n\t * is mouse inside image\n\t */\n\tfunction isMouseInsideImage(){\n\t\tif(!g_temp.lastMouseX)\n\t\t\treturn(true);\n\t\tvar obj = {\n\t\t\t\tpageX: g_temp.lastMouseX, \n\t\t\t\tpageY: g_temp.lastMouseY\n\t\t\t};\n\t\n\t\tvar isMouseInside = g_objSlider.isMouseInsideSlideImage(obj);\n\t\t\n\t\treturn(isMouseInside);\n\t}\n\t\n\t\n\t/**\n\t * hide the arrows\n\t */\n\tfunction hideArrows(noAnimation, isForce){\n\t\t\n\t\tif(!g_objArrowLeft)\n\t\t\treturn(false);\n\t\t\t\t\n\t\t//don't hide the arrows if mouse inside image\n\t\tif(g_temp.isArrowsOnHoverMode == true && isForce === false){\n\t\t\tif(isMouseInsideImage() == true);\n\t\t\t\treturn(true);\n\t\t}\n\t\t\n\t\tif(noAnimation === true){\n\t\t\tg_objArrowLeft.stop().fadeTo(0, 0);\n\t\t\tg_objArrowRight.stop().fadeTo(0, 0);\n\t\t}else{\n\t\t\tg_objArrowLeft.stop().fadeTo(g_temp.fadeDuration, 0);\n\t\t\tg_objArrowRight.stop().fadeTo(g_temp.fadeDuration, 0);\n\t\t}\n\t\t\t\t\n\t}\n\t\n\t/**\n\t * get if the arrows are hidden\n\t */\n\tfunction isArrowsHidden(){\n\t\t\n\t\tif(!g_objArrowLeft)\n\t\t\treturn(true);\n\t\tif(g_objArrowLeft.is(\":visible\") == false)\n\t\t\treturn(true);\n\t\t\n\t\tvar opacity = g_objArrowLeft.css(\"opacity\");\n\t\tif(opacity != 1)\n\t\t\treturn(true);\n\t\t\n\t\treturn(false);\n\t}\n\t\n\t/**\n\t * show the arrows\n\t */\n\tfunction showArrows(noStop, fromHover){\n\t\t\n\t\tif(!g_objArrowLeft)\n\t\t\treturn(false);\n\t\t\n\t\t//don't show every time on arrowsonhover mode\n\t\tif(g_temp.isArrowsOnHoverMode == true && fromHover !== true && isSliderImageInPlace() == true)\n\t\t\treturn(true);\n\t\t\n\t\t//don't show if swiping\n\t\tif(g_objSlider.isSwiping() == true)\n\t\t\treturn(true);\n\t\t\t\n\t\tif(noStop !== true){\n\t\t\tg_objArrowLeft.stop();\n\t\t\tg_objArrowRight.stop();\n\t\t}\n\t\t\n\t\tg_objArrowLeft.fadeTo(g_temp.fadeDuration, 1);\n\t\tg_objArrowRight.fadeTo(g_temp.fadeDuration, 1);\n\t\t\n\t}\n\n\t\n\t\n\t\n\t\n\t/**\n\t * show close button\n\t */\n\tfunction showCloseButton(noStop){\n\t\t\n\t\tif(noStop !== true)\n\t\t\tg_objButtonClose.stop();\n\t\t\n\t\tg_objButtonClose.fadeTo(g_temp.fadeDuration, 1);\n\t}\n\t\n\t\n\t/**\n\t * update text panel text of the curren item\n\t */\n\tfunction updateTextPanelText(currentItem){\n\t\t\n\t\tif(!g_objTextPanel)\n\t\t\treturn(false);\n\t\t\n\t\tif(!currentItem)\n\t\t\tvar currentItem = g_objSlider.getCurrentItem();\n\t\t\n\t\tg_objTextPanel.setTextPlain(currentItem.title, currentItem.description);\n\t}\n\n\t\n\t/**\n\t * update numbers text\n\t */\n\tfunction updateNumbersText(currentItem){\n\t\t\n\t\tif(!g_objNumbers)\n\t\t\treturn(false);\n\t\t\n\t\tif(!currentItem)\n\t\t\tvar currentItem = g_objSlider.getCurrentItem();\n\t\t\n\t\tvar numItems = g_gallery.getNumItems();\n\t\tvar numCurrentItem = currentItem.index + 1;\n\t\tg_objNumbers.html(numCurrentItem + \" / \" + numItems);\n\t}\n\t\n\t\n\t/**\n\t * show the text panel\n\t */\n\tfunction showTextPanel(){\n\t\t\n\t\tif(!g_objTextPanel)\n\t\t\treturn(false);\n\t\t\n\t\tg_objTextPanel.getElement().show().stop().fadeTo(g_temp.fadeDuration, 1);\n\t\t\n\t}\n\n\t\n\t/**\n\t * Show the numbers object\n\t */\n\tfunction showNumbers(){\n\t\t\n\t\tif(g_objNumbers)\n\t\t\tg_objNumbers.stop().fadeTo(g_temp.fadeDuration, 1);\n\t}\n\t\n\t\n\tfunction __________EVENTS_________(){};\n\t\n\t\n\t/**\n\t * on start dragging slider item event. hide the elements\n\t */\n\tfunction onSliderDragStart(){\n\t\tif(g_temp.isCompact == false)\n\t\t\treturn(true);\n\t\t\n\t\thideCompactElements();\n\t}\n\n\t\n\t/**\n\t * on zoom change\n\t * move the assets of compact to their places\n\t */\n\tfunction onZoomChange(){\n\t\tif(g_temp.isCompact == false)\n\t\t\treturn(true);\n\t\t\n\t\tg_temp.positionFrom = \"onZoomChange\";\n\t\n\t\tpositionCloseButton(false, true);\n\t\tpositionArrowsInside(false, true);\n\t\t\n\t\t//handle compact text panel mode\n\t\tif(g_temp.isCompact == true){\n\t\t\tvar isImageInPlace = (g_objSlider.isCurrentSlideType(\"image\") && g_objSlider.isCurrentImageInPlace() == true);\n\t\t\tif(isImageInPlace == false){\n\t\t\t\thideTextPanel();\n\t\t\t\thideNumbers();\n\t\t\t}\n\t\t\telse{\n\t\t\t\tg_temp.positionFrom = \"onZoomChange\";\n\t\t\t\tshowTextPanel();\n\t\t\t\tshowNumbers();\n\t\t\t}\n\t\t}\n\t\t\n\t}\n\t\n\n\t/**\n\t * after return slider to it's place\n\t * show close button\n\t */\n\tfunction onSliderAfterReturn(){\n\t\t\n\t\tif(g_temp.isCompact == false)\n\t\t\treturn(true);\n\t\t\n\t\tg_temp.positionFrom = \"onSliderAfterReturn\";\n\t\t\n\t\tpositionCloseButton(true);\n\t\tpositionArrowsInside(true);\n\t\t\n\t\tvar isChanged = handleCompactHeight();\n\t\tif(isChanged == false)\n\t\t\thandleCompactTextpanelSizes();\n\t\t\n\t\tshowTextPanel();\n\t\tshowNumbers();\n\t}\n\t\n\t\n\t/**\n\t * after put image to the slide\n\t * position compact elements\n\t */\n\tfunction onSliderAfterPutImage(data, objSlide){\n\t\t\t\t\n\t\tobjSlide = jQuery(objSlide);\n\t\t\t\t\n\t\tif(g_temp.isCompact == false)\n\t\t\treturn(true);\n\n\t\tif(g_objSlider.isSlideCurrent(objSlide) == false)\n\t\t\treturn(true);\n\t\t\t\t\n\t\tg_temp.positionFrom = \"onSliderAfterPutImage\";\n\t\t\n\t\tpositionCloseButton(true);\n\t\t\n\t\tpositionArrowsInside(true);\n\t\t\n\t\thandleCompactTextpanelSizes();\n\t}\n\t\n\t\n\t/**\n\t * on slider transition end, handle panel height\n\t */\n\tfunction onSliderTransitionEnd(){\n\t\t\n\t\tvar sliderOptions = g_objSlider.getOptions();\n\t\tvar imagePaddingTop = sliderOptions.slider_image_padding_top;\n\t\t\n\t\t//handle wide\n\t\tif(g_objTopPanel){\n\t\t\tvar panelHeight = g_objTopPanel.height();\n\t\t\t\n\t\t\tif(panelHeight != imagePaddingTop)\n\t\t\t\trefreshSliderItem(panelHeight);\n\t\t}\n\t\t\n\t\t//handle compact\n\t\tif(g_temp.isCompact == true){\n\t\t\t\n\t\t\tupdateTextPanelText();\n\t\t\tupdateNumbersText();\n\t\t\t\n\t\t\tg_temp.positionFrom = \"onSliderTransitionEnd\";\n\t\t\t\n\t\t\tpositionCloseButton(true);\n\t\t\tpositionArrowsInside(true);\n\n\t\t\tif(g_objSlider.isSlideActionActive() == false){\n\t\t\t\tvar isChanged = handleCompactHeight();\n\t\t\t\tif(isChanged == false)\n\t\t\t\t\thandleCompactTextpanelSizes();\n\t\t\t}\n\t\t\t\n\t\t\tshowTextPanel();\n\t\t\tshowNumbers();\n\t\t\t\n\t\t}\n\t\t\n\t}\n\t\n\t\t\n\t/**\n\t * on item change\n\t * update numbers text and text panel text/position\n\t */\n\tfunction onItemChange(data, currentItem){\n\t\t\n\t\tif(g_temp.isCompact == false){\t//wide mode\n\t\t\t\n\t\t\tif(g_objNumbers)\n\t\t\t\tupdateNumbersText(currentItem);\n\t\t\t\n\t\t\tif(g_objTextPanel){\n\t\t\t\tupdateTextPanelText(currentItem);\n\t\t\t\t\n\t\t\t\t//update panel height only if the lightbox is already opened, and the items changed within it.\n\t\t\t\tif(g_temp.isRightNowOpened == false){\n\t\t\t\t\tg_objTextPanel.positionElements(false);\n\t\t\t\t\thandlePanelHeight(\"onchange\");\n\t\t\t\t\tg_objTextPanel.positionPanel();\n\t\t\t\t}\n\t\t\t\t\n\t\t\t}\n\t\t\t\n\t\t}else{\n\t\t\t\n\t\t\tif(g_objSlider.isAnimating() == false){\n\t\t\t\t\n\t\t\t\tif(g_objTextPanel)\n\t\t\t\t\tupdateTextPanelText(currentItem);\n\t\t\t\t\n\t\t\t\tif(g_objNumbers)\n\t\t\t\t\tupdateNumbersText(currentItem);\n\t\t\t}\n\t\t\n\t\t}\n\t\t\n\t\t\n\t\t//trigger lightbox init event\n\t\tif(g_temp.isSliderChangedOnce == false){\n\t\t\tg_temp.isSliderChangedOnce = true;\n\t\t\tg_objThis.trigger(t.events.LIGHTBOX_INIT);\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * on slider click\n\t */\n\tfunction onSliderClick(data, event){\n\t\t\n\t\tvar slideType = g_objSlider.getSlideType();\n\t\tif(slideType != \"image\" && g_temp.isCompact == false && g_objSlider.isSlideActionActive() )\n\t\t\treturn(true);\n\t\t\n\t\tvar isPreloading = g_objSlider.isPreloading();\n\t\tif(isPreloading == true){\n\t\t\tt.close(\"slider\");\n\t\t\treturn(true);\n\t\t}\n\t\t\n\t\t//close the lightbox on empty space click\n\t\tif(g_options.lightbox_close_on_emptyspace == true){\n\t\t\t\n\t\t\tvar isInside = g_objSlider.isMouseInsideSlideImage(event);\n\t\t\t\n\t\t\tif(isInside == false)\n\t\t\t\tt.close(\"slider_inside\");\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * on lightbox resize\n\t */\n\tfunction onResize(){\n\t\t\n\t\tpositionElements();\n\t}\n\t\n\t\n\t\n\t/**\n\t * on start play - hide the side buttons\n\t */\n\tfunction onPlayVideo(){\n\t\t\n\t\tif(g_objTopPanel){\n\t\t\thideTopPanel();\n\t\t}else{\n\t\t\tif(g_objNumbers)\n\t\t\t\tg_objNumbers.hide();\n\t\t}\n\t\t\n\t\tif(g_objArrowLeft && g_options.lightbox_hide_arrows_onvideoplay == true){\n\t\t\tg_objArrowLeft.hide();\t\t\t\n\t\t\tg_objArrowRight.hide();\t\t\t\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * on stop video - show the side buttons\n\t */\n\tfunction onStopVideo(){\n\n\t\tif(g_objTopPanel){\n\t\t\tshowTopPanel();\n\t\t\thandlePanelHeight(\"onStopVideo\");\n\t\t}else{\n\t\t\t\n\t\t\tif(g_objNumbers)\n\t\t\t\tg_objNumbers.show();\n\t\t}\n\t\t\n\t\tif(g_objArrowLeft && g_options.lightbox_hide_arrows_onvideoplay == true){\n\t\t\tg_objArrowLeft.show();\n\t\t\tg_objArrowRight.show();\t\t\t\n\t\t}\n\t\t\n\t}\n\t\n\t/**\n\t * on gallery keypres, do operations\n\t */\n\tfunction onKeyPress(data, key, event){\n\t\t\n\t\tvar isScrollKey = false;\n\t\t\n\t\tswitch(key){\n\t\t\tcase 27:\t\t//escape - close lightbox\n\t\t\t\tif(g_temp.isOpened == true)\n\t\t\t\t\tt.close(\"keypress\");\n\t\t\tbreak;\n\t\t\tcase 38:\t//up and down arrows\n\t\t\tcase 40:\n\t\t\tcase 33:\t//page up and down\n\t\t\tcase 34:\n\t\t\t\tisScrollKey = true;\n\t\t\tbreak;\n\t\t}\n\t\t\n\t\tif(g_temp.isOpened == true && isScrollKey == true)\n\t\t\tevent.preventDefault();\n\t\t\n\t\t\n\t}\n\t\n\t/**\n\t * on image mouse enter event\n\t */\n\tfunction onImageMouseEnter(){\n\t\t\n\t\tif(g_temp.isArrowsOnHoverMode == true)\n\t\t\tshowArrows(false, true);\n\t\t\n\t}\n\t\n\t/**\n\t * on image mouse leave\n\t */\n\tfunction onImageMouseLeave(event){\n\t\t\n\t\tg_temp.positionFrom = \"hideCompactElements\";\n\t\t\n\t\tif(g_temp.isArrowsOnHoverMode == true && isSliderImageInPlace() == true)\n\t\t\thideArrows(false, true);\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * on mouse move event\n\t * show arrows if inside image\n\t */\n\tfunction onMouseMove(event){\n\t\t g_temp.lastMouseX = event.pageX;\n\t\t g_temp.lastMouseY = event.pageY;\n\t\t\n\t\t var isHidden = isArrowsHidden()\n\t\t \n\t\t \n\t\t if(isHidden == true && isMouseInsideImage() && g_objSlider.isAnimating() == false){\n\t\t\t g_temp.positionFrom = \"onMouseMove\";\n\t\t\t if(g_objArrowLeft && g_objArrowLeft.is(\":animated\") == false)\n\t\t\t\t showArrows(false, true);\n\t\t }\n\t\t \n\t}\n\n\t\n\t/**\n\t * on mouse wheel\n\t */\n\tfunction onMouseWheel(event, delta, deltaX, deltaY){\n\t\t\n\t\tif(g_temp.isOpened == false)\n\t\t\treturn(true);\n\t\t\n\t\tswitch(g_options.gallery_mousewheel_role){\n\t\t\tdefault:\n\t\t\tcase \"zoom\":\n\t\t\t\tvar slideType = g_objSlider.getSlideType();\n\t\t\t\tif(slideType != \"image\")\n\t\t\t\t\tevent.preventDefault();\n\t\t\tbreak;\n\t\t\tcase \"none\":\n\t\t\t\tevent.preventDefault();\n\t\t\tbreak;\n\t\t\tcase \"advance\":\n\t\t\t\tg_gallery.onGalleryMouseWheel(event, delta, deltaX, deltaY);\n\t\t\tbreak;\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * init events\n\t */\n\tfunction initEvents(){\n\t\t\n\t\tg_objOverlay.on(\"touchstart\", function(event){\n\t\t\tevent.preventDefault();\n\t\t});\n\t\t\n\t\tg_objOverlay.on(\"touchend\", function(event){\n\t\t\tt.close(\"overlay\");\n\t\t});\n\t\t\n\t\t\n\t\tg_functions.addClassOnHover(g_objArrowRight, \"ug-arrow-hover\");\n\t\tg_functions.addClassOnHover(g_objArrowLeft, \"ug-arrow-hover\");\n\t\t\n\t\tg_functions.addClassOnHover(g_objButtonClose);\n\t\t\n\t\tg_gallery.setNextButton(g_objArrowRight);\n\t\tg_gallery.setPrevButton(g_objArrowLeft);\n\t\t\n\t\tg_objButtonClose.click(function(){\n\t\t\tt.close(\"button\");\n\t\t});\n\t\t\n\t\tg_objGallery.on(g_gallery.events.ITEM_CHANGE, onItemChange);\n\t\t\n\t\tif(g_objSlider){\n\t\t\tjQuery(g_objSlider).on(g_objSlider.events.TRANSITION_END, onSliderTransitionEnd);\n\t\t\t\n\t\t\t//on slider click event\n\t\t\tjQuery(g_objSlider).on(g_objSlider.events.CLICK, onSliderClick);\n\t\t\t\n\t\t\t//on slider video \n\t\t\tvar objVideo = g_objSlider.getVideoObject();\n\t\t\t\t\t\n\t\t\tjQuery(objVideo).on(objVideo.events.PLAY_START, onPlayVideo);\n\t\t\tjQuery(objVideo).on(objVideo.events.PLAY_STOP, onStopVideo);\n\t\t\t\n\t\t\t//handle close button hide / appear\n\t\t\tjQuery(g_objSlider).on(g_objSlider.events.START_DRAG, onSliderDragStart);\n\t\t\tjQuery(g_objSlider).on(g_objSlider.events.TRANSITION_START, onSliderDragStart);\n\t\t\t\n\t\t\tjQuery(g_objSlider).on(g_objSlider.events.AFTER_DRAG_CHANGE, onSliderAfterReturn);\n\t\t\tjQuery(g_objSlider).on(g_objSlider.events.AFTER_RETURN, onSliderAfterReturn);\n\t\t\tjQuery(g_objSlider).on(g_objSlider.events.AFTER_PUT_IMAGE, onSliderAfterPutImage);\n\t\t\t\n\t\t\tjQuery(g_objSlider).on(g_objSlider.events.ZOOM_CHANGE, onZoomChange);\n\t\t\t\n\t\t\tjQuery(g_objSlider).on(g_objSlider.events.IMAGE_MOUSEENTER, onImageMouseEnter);\n\t\t\tjQuery(g_objSlider).on(g_objSlider.events.IMAGE_MOUSELEAVE, onImageMouseLeave);\n\n\t\t}\n\t\t\n\t\t//on resize\n\t\t jQuery(window).resize(function(){\n\t\t\t \n\t\t\t if(g_temp.isOpened == false)\n\t\t\t\t return(true);\n\t\t\t \n\t\t\t g_functions.whenContiniousEventOver(\"lightbox_resize\", onResize, 100);\n\t\t });\n\t\t \n\t\t g_objGallery.on(g_gallery.events.GALLERY_KEYPRESS, onKeyPress);\n\t\t \n\t\t //store last mouse x and y\n\t\t if(g_temp.isArrowsOnHoverMode == true){\n\t\t\t \n\t\t\t jQuery(document).bind('mousemove', onMouseMove);\n\t\t \n\t\t }\n\t\t\n\t\t//on mouse wheel - disable functionality if video\n\t\tg_objWrapper.on(\"mousewheel\", onMouseWheel);\n\n\t}\n\n\t\n\t/**\n\t * destroy the lightbox events and the html it created\n\t */\n\tthis.destroy = function(){\n\t\t\n\t\tjQuery(document).unbind(\"mousemove\");\n\t\t\n\t\tg_objOverlay.off(\"touchstart\");\n\t\tg_objOverlay.off(\"touchend\");\n\t\tg_objButtonClose.off(\"click\");\n\t\tg_objGallery.off(g_gallery.events.ITEM_CHANGE);\n\t\t\n\t\tif(g_objSlider){\n\t\t\tjQuery(g_objSlider).off(g_objSlider.events.TRANSITION_END);\n\t\t\tjQuery(g_objSlider).off(g_objSlider.events.CLICK);\n\t\t\tjQuery(g_objSlider).off(g_objSlider.events.START_DRAG);\n\t\t\tjQuery(g_objSlider).off(g_objSlider.events.TRANSITION_START);\n\t\t\tjQuery(g_objSlider).off(g_objSlider.events.AFTER_DRAG_CHANGE);\n\t\t\tjQuery(g_objSlider).off(g_objSlider.events.AFTER_RETURN);\n\t\t\t\n\t\t\tvar objVideo = g_objSlider.getVideoObject();\n\t\t\tjQuery(objVideo).off(objVideo.events.PLAY_START);\n\t\t\tjQuery(objVideo).off(objVideo.events.PLAY_STOP);\n\n\t\t\tjQuery(g_objSlider).on(g_objSlider.events.IMAGE_MOUSEENTER, onImageMouseEnter);\n\t\t\tjQuery(g_objSlider).on(g_objSlider.events.IMAGE_MOUSELEAVE, onImageMouseLeave);\n\t\t\t\n\t\t\tg_objSlider.destroy();\n\t\t}\n\t\t\n\t\tjQuery(window).unbind(\"resize\");\n\t\tg_objGallery.off(g_gallery.events.GALLERY_KEYPRESS, onKeyPress);\n\t\t\n\t\tg_objWrapper.off(\"mousewheel\");\n\t\t\n\t\t//remove the html\n\t\tg_objWrapper.remove();\n\t}\n\t\n\t\n\t/**\n\t * open the lightbox with some item index\n\t */\n\tthis.open = function(index){\n\t\t\n\t\tvar objItem = g_gallery.getItem(index);\n\t\t\n\t\tg_temp.isOpened = true;\n\t\t\n\t\t//set if the panel right now opened\n\t\tg_temp.isRightNowOpened = true;\n\t\tsetTimeout(function(){g_temp.isRightNowOpened = false},100);\n\t\t\n\t\tif(g_objSlider){\n\t\t\tg_objSlider.setItem(objItem, \"lightbox_open\");\n\t\t}\n\t\t\n\t\tif(g_objTextPanel){\n\t\t\tg_objTextPanel.setTextPlain(objItem.title, objItem.description);\n\t\t}\n\t\t\n\t\tg_objOverlay.stop().fadeTo(0,0);\n\t\tg_objWrapper.show();\n\t\tg_objWrapper.fadeTo(0,1);\n\t\t\n\t\t//show the overlay\n\t\tg_objOverlay.stop().fadeTo(g_temp.fadeDuration, g_options.lightbox_overlay_opacity);\n\t\t\n\t\tpositionElements();\n\t\t\n\t\tif(g_temp.isCompact == true){\n\t\t\t\n\t\t\tvar isPreloading = g_objSlider.isPreloading();\n\t\t\tif(isPreloading == true){\n\t\t\t\t\n\t\t\t\tactualHideCompactElements();\n\t\t\t\t\n\t\t\t}else{\n\t\t\t\t\n\t\t\t\t//hide only arrows if they are inside\n\t\t\t\tif(g_temp.isArrowsInside == true){\n\t\t\t\t\tg_objArrowLeft.hide();\n\t\t\t\t\tg_objArrowRight.hide();\n\t\t\t\t}\n\t\t\t\t\n\t\t\t}\n\t\t\t\t\n\t\t}\n\t\t\n\t\tif(g_objSlider)\n\t\t\tg_objSlider.startSlideAction();\n\t\t\n\t\t//trigger gallery event\n\t\tg_objGallery.trigger(g_gallery.events.OPEN_LIGHTBOX, objItem);\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * close the lightbox\n\t */\n\tthis.close = function(fromWhere){\n\t\t\t\t\n\t\tg_temp.isOpened = false;\n\t\t\n\t\tif(g_temp.isCompact == true)\n\t\t\thideCompactElements();\n\t\t\n\t\tif(g_objSlider)\n\t\t\tg_objSlider.stopSlideAction();\n\t\t\n\t\tvar slideType = g_objSlider.getSlideType();\n\t\t\t\t\n\t\tif(slideType != \"image\")\n\t\t\tg_objWrapper.hide();\n\t\telse{\n\t\t\tg_objWrapper.fadeTo(g_temp.fadeDuration,0,function(){\n\t\t\t\tg_objWrapper.hide();\n\t\t\t});\n\t\t}\n\n\t\tg_objGallery.trigger(g_gallery.events.CLOSE_LIGHTBOX);\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * external init function\n\t */\n\tthis.init = function(gallery, customOptions){\n\t\t\n\t\tinitLightbox(gallery, customOptions);\n\t}\n\t\n\t\n\t/**\n\t * switch to wide mode from compact mode\n\t */\n\tfunction switchToWide(){\n\t\tg_temp.isCompact = false;\n\t\tmodifyOptions();\n\t\t\n\t\tg_temp.isArrowsInside = false;\n\t\tg_temp.isArrowsOnHoverMode = false;\n\t\n\t\tg_options = jQuery.extend({}, g_temp.originalOptions);\n\t\t\n\t\tg_options.lightbox_arrows_position = \"sides\";\n\t\t\n\t\tg_objSlider.setOptions(g_options);\n\t}\n\t\n\t\n\t/**\n\t * external put html function\n\t */\n\tthis.putHtml = function(){\n\t\t\n\t\t//check if switch to wide mode\n\t\tvar isSmallWindow = g_gallery.isSmallWindow();\n\t\t\n\t\tif(isSmallWindow && g_temp.isCompact == true)\n\t\t\tswitchToWide();\n\t\t\n\t\tputLightboxHtml();\n\t}\n\t\n\t\n\t/**\n\t * run lightbox elements\n\t */\n\tthis.run = function(){\n\t\t\n\t\tsetProperties();\n\t\t\n\t\tif(g_objSlider)\n\t\t\tg_objSlider.run();\n\t\t\n\t\tinitEvents();\n\t}\n\t\n\t\n\t\n}\n\n\n\n/**\n * carousel class\n */\nfunction UGCarousel(){\n\n\tvar t = this, g_objThis = jQuery(this);\n\tvar g_gallery = new UniteGalleryMain(), g_objGallery, g_objWrapper;\t\n\tvar g_functions = new UGFunctions(), g_arrItems, g_objTileDesign = new UGTileDesign();\n\tvar g_thumbs = new UGThumbsGeneral(), g_objCarouselWrapper, g_objInner, arrOrigTiles = [];\n\t\n\tvar g_options = {\n\t\t\tcarousel_padding: 8,\t\t\t\t\t\t\t//padding at the sides of the carousel\n\t\t\tcarousel_space_between_tiles: 20,\t\t\t\t//space between tiles\n\t\t\tcarousel_navigation_numtiles:3,\t\t\t\t\t//number of tiles to scroll when user clicks on next/prev button\n\t\t\tcarousel_scroll_duration:500,\t\t\t\t\t//duration of scrolling to tile\n\t\t\tcarousel_scroll_easing:\"easeOutCubic\",\t\t\t//easing of scrolling to tile animation\n\t\t\t\n\t\t\tcarousel_autoplay: true,\t\t\t\t\t\t//true,false - autoplay of the carousel on start\n\t\t\tcarousel_autoplay_timeout: 3000,\t\t\t\t//autoplay timeout\n\t\t\tcarousel_autoplay_direction: \"right\",\t\t\t//left,right - autoplay direction\n\t\t\tcarousel_autoplay_pause_onhover: true,\t\t\t//pause the autoplay on mouse over\n\t\t\tcarousel_vertical_scroll_ondrag: false\t\t\t//vertical screen scroll on carousel drag\n\t};\n\t\n\tthis.events = {\n\t\t\tSTART_PLAY: \"carousel_start_play\",\n\t\t\tPAUSE_PLAY: \"carousel_pause_play\",\n\t\t\tSTOP_PLAY: \"carousel_stop_play\"\n\t};\n\t\n\tvar g_temp = {\n\t\t\teventSizeChange: \"thumb_size_change\",\n\t\t\tisFirstTimeRun:true, //if run once\n\t\t\tcarouselMaxWidth: null,\n\t\t\ttileWidth:0,\n\t\t\tinitTileWidth:0,\n\t\t\tinitTileHeight:0,\n\t\t\tsideSpace:1500,\t\t\t\t//the space that must be filled with items\n\t\t\tspaceActionSize:500,\n\t\t\tnumCurrent:0,\n\t\t\ttouchActive: false,\n\t\t\tstartInnerPos: 0,\n\t\t\tlastTime:0,\n\t\t\tstartTime:0,\n\t\t\tstartMousePos:0,\n\t\t\tlastMousePos:0,\n\t\t\tscrollShortDuration: 200,\n\t\t\tscrollShortEasing: \"easeOutQuad\",\n\t\t\thandle:null,\n\t\t\tisPlayMode: false,\n\t\t\tisPaused: false,\n\t\t\tstoredEventID: \"carousel\"\n\t};\n\n\t\n\tfunction __________GENERAL_________(){};\n\t\n\t/**\n\t * init the gallery\n\t */\n\tfunction init(gallery, customOptions){\n\t\t\n\t\tg_objects = gallery.getObjects();\n\t\tg_gallery = gallery;\n\t\tg_objGallery = jQuery(gallery);\n\t\tg_objWrapper = g_objects.g_objWrapper;\n\t\tg_arrItems = g_objects.g_arrItems;\n\t\t\n\t\tg_options = jQuery.extend(g_options, customOptions);\n\t\t\n\t\tg_objTileDesign.setFixedMode();\t\t\n\t\tg_objTileDesign.setApproveClickFunction(isApproveTileClick);\n\t\tg_objTileDesign.init(gallery, g_options);\n\t\t\n\t\tg_thumbs = g_objTileDesign.getObjThumbs();\n\t\tg_options = g_objTileDesign.getOptions();\n\t\t\n\t\tg_temp.initTileWidth = g_options.tile_width;\n\t\tg_temp.initTileHeight = g_options.tile_height;\n\t\t\n\t\tg_temp.tileWidth = g_options.tile_width;\n\t}\n\t\n\t\n\t/**\n\t * set the grid panel html\n\t */\n\tfunction setHtml(objParent){\n\t\t\n\t\tif(!objParent)\n\t\t\tvar objParent = g_objWrapper;\n\t\t\n\t\tvar html = \"\";\n\t\t\thtml += \t\"\";\n\t\t\t\n\t\t\tif(g_options.lightbox_show_numbers)\n\t\t\t\thtml += \t\"\";\n\t\t\t\n\t\t\thtml += \"
\";\t//top panel\n\t\t}else{\n\t\t\t\n\t\t\t//put numbers without top panel\n\t\t\tif(g_options.lightbox_show_numbers)\n\t\t\t\thtml += \t\"\";\n\t\t\t\n\t\t}\n\t\t\n\t\t\n\t\thtml += \t\"\";\n\t\t\n\t\thtml += \"\";\t\t\n\t\thtml += \"\";\n\t\t\n\t\thtml += \"\";\n\t\tg_objWrapper.append(html);\n\t\t\n\t\tg_objCarouselWrapper = g_objWrapper.children(\".ug-carousel-wrapper\");\n\t\tg_objInner = g_objCarouselWrapper.children(\".ug-carousel-inner\");\n\t\t\n\t\tg_objTileDesign.setHtml(g_objInner);\n\t\t\n\t\tg_thumbs.getThumbs().fadeTo(0,1);\n\t\t\n\t}\n\t\n\t\n\t/**\n\t * resize tiles to new width / height\n\t */\n\tfunction resizeTiles(newTileWidth, newTileHeight){\n\t\t\n\t\tif(!newTileHeight){\n\t\t\t\n\t\t\tvar newTileHeight = g_temp.initTileHeight / g_temp.initTileWidth * newTileWidth;\n\t\t\t\n\t\t}\n\t\t\n\t\tg_temp.tileWidth = newTileWidth;\n\t\t\n\t\t//update all options\n\t\tvar optUpdate = {\n\t\t\t\ttile_width: newTileWidth, \n\t\t\t\ttile_height: newTileHeight\n\t\t};\n\t\t\n\t\tg_objTileDesign.setOptions(optUpdate);\n\t\t\n\t\tg_options.tile_width = newTileWidth;\n\t\tg_options.tile_height = newTileHeight;\n\t\t\n\t\t//resize all tiles\n\t\tg_objTileDesign.resizeAllTiles(newTileWidth);\n\t\t\n\t\t//reposition tiles\n\t\tpositionTiles(true);\t\t//must to position tiles right after size change, for inner size change\n\t}\n\t\n\t/**\n\t * run the gallery after init and set html\n\t */\n\tfunction run(){\n\t\t\n\t\t//validation\n\t\tif(g_temp.carouselMaxWidth === null){\n\t\t\tthrow new Error(\"The carousel width not set\");\n\t\t\treturn(false);\n\t\t}\n\t\t\n\t\t//if the size changed, change it anyway\n\t\tif(g_temp.tileWidth < g_temp.initTileWidth){\n\t\t\t\t\t\t\n\t\t\tvar newTileWidth = g_temp.carouselMaxWidth - g_options.carousel_padding * 2;\n\t\t\tif(newTileWidth > g_temp.initTileWidth)\n\t\t\t\tnewTileWidth = g_temp.initTileWidth;\n\t\t\t\n\t\t\tresizeTiles(newTileWidth);\n\t\t\t\n\t\t\tvar numTiles = g_functions.getNumItemsInSpace(g_temp.carouselMaxWidth, newTileWidth, g_options.carousel_space_between_tiles);\n\t\t\t\n\t\t}else{\n\t\t\t\n\t\t\t//check if need to lower tiles size\n\t\t\tvar numTiles = g_functions.getNumItemsInSpace(g_temp.carouselMaxWidth, g_temp.tileWidth, g_options.carousel_space_between_tiles);\n\t\t\t\n\t\t\t//if no tiles fit, resize the tiles\n\t\t\tif(numTiles <= 0){\n\t\t\t\tnumTiles = 1;\n\t\t\t\t\n\t\t\t\tvar newTileWidth = g_temp.carouselMaxWidth - g_options.carousel_padding * 2;\n\t\t\t\t\n\t\t\t\tresizeTiles(newTileWidth);\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\t\t\n\t\t//set wrapper width\n\t\tvar realWidth = g_functions.getSpaceByNumItems(numTiles, g_temp.tileWidth, g_options.carousel_space_between_tiles);\n\t\trealWidth += g_options.carousel_padding * 2;\n\t\t\n\t\tg_objCarouselWrapper.width(realWidth);\n\t\t\n\t\tif(g_temp.isFirstTimeRun == true){\n\t\t\t\n\t\t\tinitEvents();\n\t\t\t\n\t\t\tg_objTileDesign.run();\n\t\t\t\n\t\t\t//set data indexes to tiles\n\t\t\tjQuery.each(g_arrItems, function(index, item){\n\t\t\t\titem.objThumbWrapper.data(\"index\", index);\n\n\t\t\t\tg_objWrapper.trigger(g_temp.eventSizeChange, [item.objThumbWrapper,true]);\n\t\t\t\titem.objTileOriginal = item.objThumbWrapper.clone(true, true);\n\t\t\t});\n\t\t\t\t\t\t\n\t\t\tpositionTiles(true);\t\t//set heights at first time\n\t\t\t\n\t\t\tif(g_options.carousel_autoplay == true)\n\t\t\t\tt.startAutoplay();\n\t\t}else{\n\t\t\t\n\t\t\tif(g_options.carousel_autoplay == true)\n\t\t\t\tt.pauseAutoplay();\n\t\t\t\n\t\t\tscrollToTile(0, false);\n\t\t\t\n\t\t\tif(g_options.carousel_autoplay == true)\n\t\t\t\tt.startAutoplay();\n\t\t}\n\t\t\n\t\tpositionElements();\n\t\t\n\t\tg_temp.isFirstTimeRun = false;\n\t}\n\t\n\t\n\t\n\tfunction __________GETTERS_______(){};\n\t\n\t/**\n\t * get inner position\n\t */\n\tfunction getInnerPos(){\n\t\treturn g_functions.getElementSize(g_objInner).left;\n\t}\n\t\n\t/**\n\t * get mouse position\n\t */\n\tfunction getMousePos(event){\n\t\treturn g_functions.getMousePosition(event).pageX;\n\t}\n\t\n\t\n\t/**\n\t * get all tiles\n\t */\n\tfunction getTiles(){\n\t\t\n\t\tvar objTiles = g_objInner.children(\".ug-thumb-wrapper\");\n\t\t\n\t\treturn(objTiles);\n\t}\n\t\n\t\n\t/**\n\t * get num tiles in some space\n\t */\n\tfunction getNumTilesInSpace(space){\n\t\t\n\t\tvar numItems = g_functions.getNumItemsInSpace(space, g_temp.tileWidth, g_options.carousel_space_between_tiles)\n\t\t\t\t\n\t\treturn(numItems);\n\t}\n\t\n\t\n\t/**\n\t * get num tiles\n\t */\n\tfunction getNumTiles(){\n\t\treturn getTiles().length;\n\t}\n\t\n\t\n\t/**\n\t * get tile\n\t */\n\tfunction getTile(numTile){\n\t\tvalidateTileNum(numTile);\n\t\tvar objTiles = getTiles();\n\t\tvar objTile = jQuery(objTiles[numTile]);\n\t\t\n\t\treturn(objTile);\n\t}\n\t\n\t\n\t/**\n\t * get first tile in the inner object\n\t */\n\tfunction getFirstTile(){\n\t\t\t\t\n\t\treturn g_objInner.children(\".ug-thumb-wrapper\").first();\n\t}\n\t\n\t/**\n\t * get last tile in the inner object\n\t */\n\tfunction getLastTile(){\n\t\t\n\t\treturn g_objInner.children(\".ug-thumb-wrapper\").last();\t\t\n\t}\n\t\n\t\n\t\n\t/**\n\t * get clone of the time next or prev the given\n\t */\n\tfunction getTileClones(objTile, numClones, dir){\n\t\t\n\t\tvar index = objTile.data(\"index\");\n\t\tif(index == undefined){\n\t\t\tthrow new Error(\"every tile should have index!\");\t\t\t\n\t\t}\n\t\t\n\t\tvar arrClonedItems = [];\n\t\t\n\t\tfor(var i=0;i
\\n\\n
\\n
\";\n };\n\n AbstractChosen.prototype.get_multi_html = function() {\n return \"\\n \\n
\\n - \\n
- \\n \\n \\n
\\n
\";\n };\n\n AbstractChosen.prototype.get_no_results_html = function(terms) {\n return \"\\n
\\n
\\n \\n