PageRenderTime 71ms CodeModel.GetById 14ms RepoModel.GetById 0ms app.codeStats 2ms

/js/link.net.js

https://github.com/oligarch777/mobilesoft
JavaScript | 4278 lines | 3900 code | 237 blank | 141 comment | 986 complexity | 23a6e85e0261ac07b25ac9024fd6813a MD5 | raw file
    

  1. /**

    2. 

  2.  * VERSION: 1.0

    3. 

  3.  * DATE: 2012-09-20

    4. 

  4.  * 

    5. 

  5.  * @author: mediacreed, mediacreed.com

    6. 

  6.  **/

    7. 

  7.  

    8. 

  8.  /* start GENERAL CUSTOMIZATION PROPERTIES */

    9. 

  9. var templateBaseURL         = "http://localhost/YTS/mobilesoft/mobilesoft/";/*"http://themes.mediacreed.com/html/synergy/"*/

    10. 

  10. var themeColor              = "#008dd3";

    11. 

  11. var menuActive              = true;

    12. 

  12. var menuHoverActive         = true; /* it will change to false if menuActive == true. If 'menuActive' 

    13. 

  13.                                         is false and this true than on hover it will show the menu */ 

    14. 

  14. var menuTextOutColor        = "#777777"; 

    15. 

  15.  

    16. 

  16. var customPageStart         = true;

    17. 

  17. var customPageStartURL      = "#portfolio.html";

    18. 

  18. var customPageStartSide     = "none";

    19. 

  19. var customPageStartType     = "full_width_gallery";

    20. 

  20. 

    21. 

  21. var phpUrlPath             = "php/contact_mobilesoft.php";

    22. 

  22. var contactFormDemo         = false; /* SET IT TO FALSE FOR CONTACT FORM TO WORK */

    23. 

  23.  /* end   GENERAL CUSTOMIZATION PROPERTIES */ 

    24. 

  24.  

    25. 

  25. 

    26. 

  26. /* start ready function */

    27. 

  27. $(document).ready(function(){

    28. 

  28. 	readyAndLoad++;

    29. 

  29.     $(window).error(function(msg, url, line){

    30. 

  30.         console.log("error: ", msg, " url: ", url, " line: ", line  );    

    31. 

  31.     });

    32. 

  32. 	if( readyAndLoad == 2 ){ checkIfTouchDevice(); }	

    33. 

  33. }); 

    34. 

  34. /* end ready function */

    35. 

  35. 

    36. 

  36. /* start load function */

    37. 

  37. $(window).load(function(){ 

    38. 

  38. 	readyAndLoad++;

    39. 

  39.     if(templateBaseURL == "http://www.your_domain.com/" || templateBaseURL == "null"){

    40. 

  40.         $("body").empty().css("visibility", "visible").append("<br/><span>Please check the documentation on page 4 on how to change the 'templateBaseURL' path!!!</span>");        

    41. 

  41.         return;

    42. 

  42.     }

    43. 

  43. 	if( readyAndLoad == 2 ){            

    44. 

  44.        checkIfTouchDevice();

    45. 

  45. 	}

    46. 

  46. }); 

    47. 

  47. /* end load function */

    48. 

  48. 

    49. 

  49. /* start GENERAL JS PROPERTIES */

    50. 

  50.     var readyAndLoad            = 0;

    51. 

  51.     var firstRun                = true;

    52. 

  52.     var isOverMenu              = false;

    53. 

  53.     var templateMenuW           = 0;

    54. 

  54.     var videojsHolder           = "";

    55. 

  55. /* end GENERAL JS PROPERTIES */

    56. 

  56. 

    57. 

  57.  /*================= GENERAL  TXT NAMES ==========================*/

    58. 

  58.     var t_scrBarV1              = "#module-scrollbar-holder";

    59. 

  59.     var t_scrBarV2              = "#module-scrollbar-holder_v2";

    60. 

  60.     var txt_modCont             = "#module-container #module-container-holder";  

    61. 

  61. 	

    62. 

  62.     

    63. 

  63.     var touchDevice = 0;   

    64. 

  64.     function checkIfTouchDevice(){

    65. 

  65.         touchDevice = !!("ontouchstart" in window) ? 1 : 0;  

    66. 

  66.         prepareTemplate();       

    67. 

  67.     }

    68. 

  68.     //remove the template loader

    69. 

  69.     function removeTemplateLoader(){

    70. 

  70.         $(".main-template-loader").remove();

    71. 

  71.         var browserVersion  = $.browser.version  + "";

    72. 

  72.         var documentMode    = document.documentMode;

    73. 

  73.         var indexOfChar     = browserVersion.indexOf(".");

    74. 

  74.         browserVersion = browserVersion.substring(0, indexOfChar);

    75. 

  75.         if ($.browser.msie && (browserVersion < 8 || ( browserVersion >=  8 && documentMode < 8))){            

    76. 

  76.             $("body").empty().css("visibility", "visible");

    77. 

  77.             $("body").append("Your browser is too old for this website. Please upgrade your browser version or experience this website in: Firefox, Chrome, Opera or Safari")

    78. 

  78.             return;

    79. 

  79.         }                 

    80. 

  80.         if ( ($.browser.msie && ( browserVersion.substr(0,1) >  8 && documentMode > 8 )) ||  !$.browser.msie ){

    81. 

  81.              if( $("#menu-container").hasClass("shadow-side-all") == false )

    82. 

  82.                 $("#menu-container").addClass("shadow-side-all");             

    83. 

  83.         }    

    84. 

  84.         /*FIRST RUN CONFIGURATION*/        

    85. 

  85.         prepareTemplate();        

    86. 

  86.     }  

    87. 

  87.     /*prepare the settings for the template*/

    88. 

  88.     var templateFirstRun = true;

    89. 

  89.     var templateFirstRunDone = false;

    90. 

  90.     function prepareTemplate(){

    91. 

  91.        if( templateFirstRun == true ){

    92. 

  92.             $("#template-logo").click(function(event){

    93. 

  93.                event.preventDefault(); 

    94. 

  94.                if( $(this).attr("data-href") != undefined && $(this).attr("data-href") != ""){

    95. 

  95.                     window.location.hash = $(this).attr("data-href");

    96. 

  96.                }

    97. 

  97.                else{

    98. 

  98.                     window.location.href = templateBaseURL;

    99. 

  99.                }  

    100. 

  100.             });

    101. 

  101.             storeMenuArr();            

    102. 

  102. 	        menuListeners();   

    103. 

  103.             checkWhatToLoad();

    104. 

  104.             templateFirstRun = false;

    105. 

  105.        } 

    106. 

  106.        else{  settingsForScreens(); }

    107. 

  107.     }   

    108. 

  108.     /* check what page to load - only on the first run */ 

    109. 

  109.     function checkWhatToLoad(){     

    110. 

  110.          var hrefPath    = "";

    111. 

  111.          var url = "";

    112. 

  112.         currModuleType  = $("#template-menu").attr("data-current-module-type");

    113. 

  113.         sideType        = $("#template-menu").attr("data-side");

    114. 

  114.         url             = $("#template-menu").attr("data-href").replace('#','');

    115. 

  115.         prevURL         = "#" + url;

    116. 

  116.         if( templateFirstRun == true ){

    117. 

  117.             var  checkURL = document.URL;

    118. 

  118.             checkURL = checkURL.replace(templateBaseURL, "");

    119. 

  119.             var hashURL = "";

    120. 

  120.             if(checkURL.indexOf("#") == -1 && checkURL != ""){                

    121. 

  121.                 if( checkURL == "index.html" || checkURL == "index.htm" ){ 

    122. 

  122.                     checkURL = "";

    123. 

  123.                     if( checkURL == "" && customPageStart == true ){

    124. 

  124.                         checkURL = customPageStartURL;

    125. 

  125.                         checkURL = checkURL.replace(templateBaseURL, "");

    126. 

  126.                     }

    127. 

  127.                     checkURL = checkURL.replace("#", "");

    128. 

  128.                     checkURL = checkURL.substring( checkURL.lastIndexOf("/") + 1);

    129. 

  129.                     hashURL = updateMenu(checkURL, prevURL, false, true);

    130. 

  130.                     window.location.hash = hashURL;

    131. 

  131.                 }

    132. 

  132.                 else{

    133. 

  133.                     window.location.href = templateBaseURL +  checkURL;

    134. 

  134.                 }

    135. 

  135.             }

    136. 

  136.             else{

    137. 

  137.                 if( checkURL == "" && customPageStart == true ){

    138. 

  138.                     checkURL = customPageStartURL;

    139. 

  139.                     checkURL = checkURL.replace(templateBaseURL, "");

    140. 

  140.                     url = customPageStartURL.replace("#", "");

    141. 

  141.                 }else{

    142. 

  142.                     checkURL = checkURL.replace("#", "");

    143. 

  143.                     checkURL = checkURL.substring( checkURL.lastIndexOf("/") + 1);

    144. 

  144.                     checkURL = (checkURL != "" && checkURL != "#") ? checkURL : url;

    145. 

  145.                     url = checkURL;

    146. 

  146.                     if( checkURL.indexOf("index.html") != -1 || checkURL.indexOf("index.htm") != -1){

    147. 

  147.                         checkURL = checkURL.substring( checkURL.lastIndexOf("#") + 1);    

    148. 

  148.                     }

    149. 

  149.                 }

    150. 

  150.                 checkURL = checkURL.replace("#", "");

    151. 

  151.                 checkURL = checkURL.substring( checkURL.lastIndexOf("/") + 1);

    152. 

  152.                 hashURL = updateMenu(checkURL, prevURL, false, true);

    153. 

  153.                 window.location.hash = hashURL;

    154. 

  154.             }

    155. 

  155.         }

    156. 

  156.         hrefPath    = oldMenuData[3];

    157. 

  157.         hrefPath    = (hrefPath == undefined) ? "" : hrefPath;

    158. 

  158.         

    159. 

  159.         setMobileMenuOption(oldMenuData[2]);

    160. 

  160.         $("#module-container").empty();

    161. 

  161. 		$("#module-container").load( hrefPath + url + ' #module-container > *', firstRunLoaded );

    162. 

  162.     }

    163. 

  163.     /* select the current mobile option */ 

    164. 

  164.     function setMobileMenuOption( option ){

    165. 

  165.         var i =0;

    166. 

  166.         option = option.replace("#", "");

    167. 

  167.         $("#template-smpartphone-menu select").find("option").each(function(){            

    168. 

  168.             var optVal = $(this).attr("value").replace("#", "");

    169. 

  169.              if( optVal == option ) {

    170. 

  170.                 $(this).attr("selected","selected");

    171. 

  171.              }

    172. 

  172.              i++;

    173. 

  173.          });

    174. 

  174.     }

    175. 

  175.     /* on template hash change */ 

    176. 

  176.     function onTemplateHashChange( event, runLoad ){

    177. 

  177.         var url = window.location.hash + "",

    178. 

  178.             oldMenuID = menuOptionID,

    179. 

  179.             oldSubID  = submenuOptionID,

    180. 

  180.             disabMenu = true,

    181. 

  181.             tempMenuData = menuData;   

    182. 

  182.                  

    183. 

  183.         url = url.replace("#", "");

    184. 

  184.         url = url.substring( url.lastIndexOf("/") + 1);

    185. 

  185.         

    186. 

  186.         updateMenu( url, prevURL, undefined, true);

    187. 

  187.         oldMenuData = tempMenuData;

    188. 

  188.         if( oldMenuID != menuOptionID ){ 

    189. 

  189.             disabMenu = undefined; 

    190. 

  190.         }

    191. 

  191.         menuOptionOut(oldMenuID, oldSubID, disabMenu);

    192. 

  192.         menuData = ( menuOptionsArr[ menuOptionID ][ 1 ] != "null" ) ? menuOptionsArr[ menuOptionID ][ 1 ]: menuOptionsArr[ menuOptionID ][ 6 ][ submenuOptionID ][ 1 ] ;

    193. 

  193.         setMobileMenuOption(menuData[2]);

    194. 

  194.         touchContainer();

    195. 

  195.         urlChanged();

    196. 

  196.     }

    197. 

  197.     /* update menu */

    198. 

  198.     function updateMenu( currentURL, prevURL, sameURLParent, animate ){        

    199. 

  199.         currentURL  =  currentURL.replace("#", ""); 

    200. 

  200.         prevURL     =  prevURL.replace("#", "");

    201. 

  201.         

    202. 

  202.         var returnURL = "",

    203. 

  203.             i = 0,

    204. 

  204.             j = 0, 

    205. 

  205.             tempMenuID = 0,

    206. 

  206.             tempSubmID = 0, 

    207. 

  207.             idx = menuOptionsArr.length;

    208. 

  208.             

    209. 

  209.         while(idx--){

    210. 

  210.             if( menuOptionsArr[ idx ][ 1 ] != "null" ){

    211. 

  211.                 if(currentURL == menuOptionsArr[ idx ][ 1 ][ 2 ]){

    212. 

  212.                   returnURL = "#" + menuOptionsArr[ idx ][ 1 ][ 2 ];                  

    213. 

  213.                   setMenuData(menuOptionsArr[ idx ][ 1 ]);

    214. 

  214.                   menuOptionID = idx;

    215. 

  215.                   submenuOptionID = -1;

    216. 

  216.                   if( animate == true ){

    217. 

  217.                      menuOptionIn(menuOptionID, submenuOptionID); 

    218. 

  218.                   }                  

    219. 

  219.                   idx = 0;  

    220. 

  220.                 }    

    221. 

  221.             }

    222. 

  222.             else{

    223. 

  223.                 var subMenu = menuOptionsArr[ idx ][ 6 ];

    224. 

  224.                 var subLength = subMenu.length;

    225. 

  225.                 while( subLength-- ){

    226. 

  226.                    if( currentURL == subMenu[ subLength ][ 1 ][ 2 ]){

    227. 

  227.                         returnURL = subMenu[ subLength ][ 0 ];

    228. 

  228.                         setMenuData(subMenu[ subLength ][ 1 ]);

    229. 

  229.                         menuOptionID = idx;

    230. 

  230.                         submenuOptionID = subLength;

    231. 

  231.                         if( animate == true ){

    232. 

  232.                             menuOptionIn(menuOptionID, submenuOptionID); 

    233. 

  233.                         }                        

    234. 

  234.                         idx = 0; 

    235. 

  235.                    } 

    236. 

  236.                 }

    237. 

  237.             }            

    238. 

  238.         }     

    239. 

  239.         return returnURL;

    240. 

  240.     }

    241. 

  241.     /* on first run loaded html page */ 

    242. 

  242.     function firstRunLoaded(response, status, xhr){

    243. 

  243.         $(window).bind('hashchange', onTemplateHashChange);

    244. 

  244. 		switch ( status ){

    245. 

  245. 			case "error":console.log( "Error loading the INDEX page: " + response );

    246. 

  246. 				break;

    247. 

  247. 			case "success":  TweenMax.to($(".main-template-loader"), .3, { css:{opacity: "0"}, ease:Sine.easeOut, onComplete: removeTemplateLoader }); 

    248. 

  248. 				break;		

    249. 

  249. 		}	

    250. 

  250. 	}    

    251. 

  251.     /* menu width */ 

    252. 

  252.     function getMenuWidth(){

    253. 

  253.         return $("#menu-container").width();

    254. 

  254.     }

    255. 

  255.     /* menu height */ 

    256. 

  256.     function getMenuHeight(){

    257. 

  257.         return $("#menu-container").height();

    258. 

  258.     }

    259. 

  259.     /* settings for screen resolutions */ 

    260. 

  260.     function settingsForScreens(){     

    261. 

  261.         $("body").css("visibility", "visible" );        

    262. 

  262.         var menuWidth = parseInt( $("#menu-container .menu-content-holder").css("width"), 10 );

    263. 

  263.         var menuHider = parseInt( $("#menu-container #menu-hider").width(), 10 );

    264. 

  264.         var menuHiderIcon = parseInt( $("#menu-container #menu-hider #menu-hider-icon").width(), 10 ); 

    265. 

  265.         var menuHeight = parseInt( $("#menu-container").css("height"), 10 );

    266. 

  266.         

    267. 

  267.         var menuHiderH = parseInt( $("#menu-container #menu-hider").height(), 10 );

    268. 

  268.         var menuHiderIconH = parseInt( $("#menu-container #menu-hider #menu-hider-icon").height(), 10 );       

    269. 

  269.         templateMenuW = menuWidth + menuHider;

    270. 

  270.         $("#menu-hider-icon").click(menuHideClick);        

    271. 

  271.         $("#module-container").css( "width", ($(window).width() - templateMenuW) + "px" );

    272. 

  272.         

    273. 

  273.         if( $(window).width() > 767){

    274. 

  274.             $("#menu-container").css('left', -(menuWidth + menuHider + menuHiderIcon) + 'px');

    275. 

  275. 		    $("#menu-container").css( 'visibility', 'visible' );

    276. 

  276.                 		

    277. 

  277.             $("#menu-hider").css( 'display', 'inline' );

    278. 

  278.             $("#menu-hider").css( 'visibility', 'visible' );

    279. 

  279.             

    280. 

  280.             /*start-up animation*/            

    281. 

  281.             $("#module-container").css( "opacity", 1 );

    282. 

  282.     		$("#module-container").css( "left", menuWidth + menuHider + "px" );

    283. 

  283.             

    284. 

  284.             $("footer").css( 'display', 'inline' );

    285. 

  285. 		    TweenMax.to( $("#menu-container"), .4, { css:{left: "0px"}, ease:Sine.easeInOut, delay: 0.5, onComplete: endStartupAnimation });

    286. 

  286.             /*end start-up animation*/

    287. 

  287.         }

    288. 

  288.         if( $(window).width() <= 767 ){            

    289. 

  289.             templateMenuW = 0;

    290. 

  290.             var containerH = $(window).height() - (menuHeight + menuHiderH);

    291. 

  291.             $("#menu-container").css("left", "0px");

    292. 

  292.             $("#menu-container").css("top", -(menuHeight + menuHiderH + menuHiderIconH) + "px");

    293. 

  293. 		    $("#menu-container").css( "visibility", "visible" );

    294. 

  294.                 

    295. 

  295.             $("#menu-hider").css( "display", "inline" );

    296. 

  296.             $("#menu-hider").css( "visibility", "visible" );

    297. 

  297.             

    298. 

  298.             /*start-up animation*/

    299. 

  299.             $("#module-container").css( "opacity", "1" );

    300. 

  300.     		$("#module-container").css( "left", "0px" );

    301. 

  301.             $("#module-container").css( "top", (menuHeight + menuHiderH) + "px" );

    302. 

  302.             $("#module-container").css( "height", containerH );

    303. 

  303.             

    304. 

  304. 		    TweenMax.to( $("#menu-container"), .4, { css:{top: "0px"}, ease:Sine.easeInOut, delay: 0.5, onComplete: endStartupAnimation });

    305. 

  305.             /*end start-up animation*/

    306. 

  306.         }

    307. 

  307.         $("#template-smpartphone-menu select").change(

    308. 

  308.                 function(){

    309. 

  309.                     if( $(this).val() != "#"){

    310. 

  310.                         var hashURL = updateMenu( $(this).val(), prevURL, undefined, false);

    311. 

  311.                         window.location.hash = hashURL;

    312. 

  312.                     }

    313. 

  313.         }); 

    314. 

  314.         /*

    315. 

  315.         if( touchDevice == 1){            

    316. 

  316.             $("#theme-panel").css("display", "none");

    317. 

  317.             $("#console-log").css("display", "inline");

    318. 

  318.             $("#console-log").css("left", "300px");

    319. 

  319.             $("#console-log").css("top", "10px") 

    320. 

  320.         }*/

    321. 

  321.     }    

    322. 

  322.     var delayInterval = "";

    323. 

  323.     function endStartupAnimation(){

    324. 

  324.         templateFirstRunDone = true;       

    325. 

  325.         delayInterval = setInterval(function()

    326. 

  326.         {            

    327. 

  327.             showModule();

    328. 

  328.             clearInterval( delayInterval );            

    329. 

  329.         }, 200);

    330. 

  330.     }

    331. 

  331.     /*end module start*/

    332. 

  332.     function endModuleStart(){

    333. 

  333.         

    334. 

  334.     }

    335. 

  335.     /*menu hide click*/

    336. 

  336.     function menuHideClick(){

    337. 

  337.         var winW = $(window).width(),

    338. 

  338.             winH = $(window).height();

    339. 

  339.         if( menuActive == true ){

    340. 

  340.             menuActive = false;

    341. 

  341.             alwaysUpdate();

    342. 

  342.             if( winW >= 768 ){

    343. 

  343.                 var menuHider = ($("#menu-hider").length > 0 ) ? parseInt($("#menu-hider").width(), 10) : 0,

    344. 

  344.                     menuWidth = parseInt( $("#menu-container").css("width"), 10 ) - menuHider,

    345. 

  345.                     menuVal = 0;         

    346. 

  346.                 TweenMax.to( $("#template-wrapper"), .4, { css:{left: -(menuWidth ) + "px"}, ease:Sine.easeInOut });

    347. 

  347.                 TweenMax.to( $("#menu-container"), .4, { css:{left: menuVal + "px"}, ease:Sine.easeInOut, onComplete:function()

    348. 

  348.                     {if(touchDevice == 0)activateHoverMenu();} 

    349. 

  349.                 });    

    350. 

  350.             }

    351. 

  351.             else{

    352. 

  352.                 var menuHiderH = parseInt( $("#menu-container #menu-hider").height(), 10 ),

    353. 

  353.                     menuHeight = parseInt( $("#menu-container").css("height"), 10 ) - menuHiderH,

    354. 

  354.                     menuVal = 0;

    355. 

  355.                 

    356. 

  356.                 TweenMax.to( $("#template-wrapper"), .4, { css:{top: -(menuHeight ) + "px"}, ease:Sine.easeInOut });

    357. 

  357.                 TweenMax.to( $("#menu-container"), .4, { css:{top: menuVal + "px"}, ease:Sine.easeInOut, onComplete:function()

    358. 

  358.                     {if(touchDevice == 0)activateHoverMenu();} 

    359. 

  359.                 });

    360. 

  360.             }

    361. 

  361.         }

    362. 

  362.         else{

    363. 

  363.             if(touchDevice == 0)disableHoverMenu();

    364. 

  364.             menuActive = true;

    365. 

  365.             isOverMenu = false;

    366. 

  366.             alwaysUpdate();

    367. 

  367.             TweenMax.to( $("#template-wrapper"), .4, { css:{left: "0px", top: "0px"}, ease:Sine.easeInOut });

    368. 

  368.             TweenMax.to( $("#menu-container"), .4, { css:{left: "0px"}, top: "0px", ease:Sine.easeInOut });

    369. 

  369.         }        

    370. 

  370.         

    371. 

  371.     }

    372. 

  372.     /* activate hover menu */

    373. 

  373.     function activateHoverMenu(){      

    374. 

  374.         $("#menu-container").bind( "mouseenter", overMenu );

    375. 

  375.         $("#menu-hider-icon").bind( "mouseenter", menuHiderOver );

    376. 

  376.         $("#menu-hider-icon").bind( "mouseleave", menuHiderOver );

    377. 

  377.         $("#menu-container").bind( "mouseleave", outMenu );

    378. 

  378.     }

    379. 

  379.     /* menu hider over */

    380. 

  380.     function menuHiderOver(event){

    381. 

  381.         event.stopPropagation();

    382. 

  382.     }

    383. 

  383.     /* disable hover menu */

    384. 

  384.     function disableHoverMenu(){

    385. 

  385.         $("#menu-container").unbind( "mouseenter", overMenu );

    386. 

  386.         $("#menu-hider-icon").unbind( "mouseenter", menuHiderOver );

    387. 

  387.         $("#menu-hider-icon").unbind( "mouseleave", menuHiderOver );

    388. 

  388.         $("#menu-container").unbind( "mouseleave", outMenu );

    389. 

  389.     }

    390. 

  390.     /* over menu */

    391. 

  391.     function overMenu(){

    392. 

  392.         if( menuActive == true) return;

    393. 

  393.         isOverMenu = true;

    394. 

  394.         TweenMax.to( $("#template-wrapper"), .4, { css:{left: "0px", top:"0px"}, ease:Sine.easeInOut });

    395. 

  395.         TweenMax.to( $("#menu-container"), .4, { css:{left: "0px", top:"0px"}, ease:Sine.easeInOut });

    396. 

  396.         alwaysUpdate();

    397. 

  397.     }

    398. 

  398.     /* out menu */

    399. 

  399.     function outMenu(){

    400. 

  400.         if( menuActive == true) return;

    401. 

  401.         isOverMenu = false;        

    402. 

  402.         var winW = $(window).width(),

    403. 

  403.             winH = $(window).height();

    404. 

  404.         if(winW >= 768){

    405. 

  405.             var menuWidth = parseInt( $("#menu-container").css("width"), 10 ) - parseInt($("#menu-hider").width(), 10),

    406. 

  406.                 menuVal = 0;

    407. 

  407.             TweenMax.to( $("#template-wrapper"), .4, { css:{left: -(menuWidth ) + "px", top:"0px"}, ease:Sine.easeInOut });

    408. 

  408.             TweenMax.to( $("#menu-container"), .4, { css:{left: menuVal + "px", top:"0px"}, ease:Sine.easeInOut });    

    409. 

  409.         }else{

    410. 

  410.             var menuHiderH = parseInt( $("#menu-container #menu-hider").height(), 10 ),

    411. 

  411.                 menuHeight = parseInt( $("#menu-container").css("height"), 10 ) - menuHiderH,

    412. 

  412.                 menuVal = 0;

    413. 

  413.             

    414. 

  414.             TweenMax.to( $("#template-wrapper"), .4, { css:{top: -(menuHeight ) + "px", left: "0px"}, ease:Sine.easeInOut });

    415. 

  415.             TweenMax.to( $("#menu-container"), .4, { css:{top: menuVal + "px", left: "0px"}, ease:Sine.easeInOut, onComplete:function()

    416. 

  416.                 {if(touchDevice == 0)activateHoverMenu();} 

    417. 

  417.             });

    418. 

  418.         }     

    419. 

  419.         alwaysUpdate()

    420. 

  420.     }

    421. 

  421.     /* always update */

    422. 

  422.     function alwaysUpdate(){

    423. 

  423.         if( currentSlide != null )resizeImage(currentSlide, true);/* ONLY IF SLIDESHOW ACTIVE */       

    424. 

  424.         if( $showModuleBackground != null )resizeImage( $showModuleBackground, true );/*BACKGROUND CHECK*/

    425. 

  425.         

    426. 

  426.         var winW = $(window).width();

    427. 

  427.         var winH = $(window).height();

    428. 

  428.         var newModContW =  winW - get_OffsetWidth();

    429. 

  429.         var newModContH =  winH;

    430. 

  430.         var cModuleType = $("#template-menu").attr("data-current-module-type")

    431. 

  431.         if( winW < 768 ){

    432. 

  432.             var menuHiderH = parseInt( $("#menu-container #menu-hider").height(), 10 ),

    433. 

  433.                 menuHeight = winH  - menuHiderH;                    

    434. 

  434.             newModContH  = menuHeight;      

    435. 

  435.         }

    436. 

  436.         

    437. 

  437.         TweenMax.to( $("#module-container"), .4, { css:{width: newModContW + "px", height: newModContH + "px"}, ease:Sine.easeInOut });

    438. 

  438.         

    439. 

  439.         if( $("#module-container-old") != null && $("#module-container-old").length > 0 ){

    440. 

  440.             if($("#module-container-old #module-background-holder").length > 0){resizeImage($("#module-container-old #module-background-holder"), true);}

    441. 

  441.             if($("#module-container-old #slide-current").length > 0){resizeImage($("#module-container-old #slide-current"), true);}

    442. 

  442.         }

    443. 

  443.         

    444. 

  444.         var thumbsHolder = $('#slideshow-thumbs');

    445. 

  445.         if( thumbsHolder.length > 0){

    446. 

  446.             var val = (newModContW - thumbsHolder.width() )* .5;

    447. 

  447.             TweenMax.to( thumbsHolder, .4, {css:{marginLeft: val}, easing:Sine.easeOut});

    448. 

  448.         }

    449. 

  449.         var slideHolder = $("#slideshow .slideshow-slide", $("#module-container"));

    450. 

  450.         if( slideHolder.length > 0 ){

    451. 

  451.             $("#slideshow-captions", slideHolder ).each(function(){

    452. 

  452.                 $(this ).css("top", (newModContH * 0.3) + "px");

    453. 

  453.                 TweenMax.to( $(this ), .4, { css:{width: (newModContW * 0.5) + "px"}, ease:Sine.easeInOut });

    454. 

  454.             });

    455. 

  455.         }

    456. 

  456.         

    457. 

  457.         var moduleContainerHolder = $(txt_modCont);

    458. 

  458.         var modulePosition = moduleContainerHolder.attr("data-id");        

    459. 

  459.         if( modulePosition == "module-position-bc" || modulePosition == "module-position-cc" ){

    460. 

  460.             if( moduleContainerHolder.length > 0 ){

    461. 

  461.                 var value = Math.round(( newModContW - $(":first", moduleContainerHolder).width() )  * 0.5 );

    462. 

  462.                 TweenMax.to( moduleContainerHolder, .4, {css:{left: value}, easing:Sine.easeOut});

    463. 

  463.             }

    464. 

  464.         }

    465. 

  465.         

    466. 

  466.         var fullWidGalModule = $("#module-full-width-gallery");

    467. 

  467.         if( fullWidGalModule.length > 0 ){

    468. 

  468.             if( initialThumbW <= 0)

    469. 

  469.             return;            

    470. 

  470.             moduleUpdate_full_width_gallery();

    471. 

  471.             

    472. 

  472.         }

    473. 

  473.         var contactModule = $("#module-contact #module-contact-holder");

    474. 

  474.         if( contactModule.length > 0 ){

    475. 

  475.             moduleUpdate_contact();

    476. 

  476.             TweenMax.to( contactModule, .4, {css:{left: (newModContW - contactModule.width())*.5}, easing:Sine.easeOut});

    477. 

  477.         }

    478. 

  478.         var fullWidModule = $("#module-full-width");

    479. 

  479.         if( fullWidModule.length > 0 ){

    480. 

  480.             moduleUpdate_full_width( true );

    481. 

  481.         }

    482. 

  482.         var fullscreenVideo = $("#module-fullscreen-video");

    483. 

  483.         if( fullscreenVideo.length > 0 ){

    484. 

  484.             moduleUpdate_fullscreen_video( true )

    485. 

  485.         }

    486. 

  486. 		

    487. 

  487.         if( cModuleType == "text_page"){

    488. 

  488.             moduleUpdate_text_page();

    489. 

  489.         }

    490. 

  490.                 

    491. 

  491.     }

    492. 

  492. 	/*----------------- start showTemplate --------------------*/ 

    493. 

  493.     

    494. 

  494.     var $showModuleBackground = null;

    495. 

  495.     var $showModuleBackgroundSolid = null;

    496. 

  496.     var showDone = false;

    497. 

  497. 	function showModule(){

    498. 

  498. 	    if( templateFirstRunDone == false ){return;}

    499. 

  499. 		if( moduleList != null ){

    500. 

  500.             moduleList.destroy();

    501. 

  501.             moduleList = null;

    502. 

  502.         }

    503. 

  503. 		if( $("#template-menu").attr("data-current-module-type")  == "slideshow" ){

    504. 

  504. 		       if(firstMediaLoaded == false ){return;}

    505. 

  505.                firstMediaLoaded = false;

    506. 

  506.                TweenMax.to( $("#loading-animation"), .3, { css:{right:"-104px"}, delay: .3, ease:Circ.easeOut });

    507. 

  507.                if( isOtherURL == true ){urlChanged();}               

    508. 

  508. 		       else{

    509. 

  509. 		          loadedContent = true;

    510. 

  510.                   moduleSlideshow();

    511. 

  511.                }

    512. 

  512. 		}

    513. 

  513. 		else{		  

    514. 

  514. 			$showModuleBackground = $("#module-container #module-background-holder #module-background");

    515. 

  515.             $showModuleBackgroundSolid = $("#module-container #module-background-holder div");

    516. 

  516.             showDone = true;

    517. 

  517. 			if( $showModuleBackground != null && $showModuleBackground.length > 0 ){                

    518. 

  518. 				if( backLoaded  == true){

    519. 

  519.                     showDone = true;

    520. 

  520.                     animateModuleBackground();

    521. 

  521.                 }

    522. 

  522. 			}

    523. 

  523.             else if( $showModuleBackgroundSolid != null && $showModuleBackgroundSolid.length > 0 ){

    524. 

  524.                 backLoaded = true;

    525. 

  525.                 if( backLoaded  == true){

    526. 

  526.                     showDone = true;

    527. 

  527.                     $showModuleBackground = null;

    528. 

  528.                     $showModuleBackgroundSolid.css('display', 'inline').css("opacity", "0").css("visibility", "visible");

    529. 

  529.                     TweenMax.to( $showModuleBackgroundSolid, .4, { css:{opacity:"1"}, delay: .4, ease:Sine.easeOut, onComplete:

    530. 

  530.                         function(){

    531. 

  531.                             if( isOtherURL == true ){urlChanged();}               

    532. 

  532. 		                    else{startModule();}

    533. 

  533.                         }  

    534. 

  534.                     });

    535. 

  535.                     TweenMax.to( $("#loading-animation"), .3, { css:{right:"-104px"},  ease:Circ.easeOut });

    536. 

  536.                 }

    537. 

  537.             }

    538. 

  538. 			else{

    539. 

  539. 			    $showModuleBackground = null;

    540. 

  540.                 backLoaded = false;

    541. 

  541.                 if( isOtherURL == true ){urlChanged();}               

    542. 

  542.                 else{TweenMax.to( $("#loading-animation"), .3, { css:{right:"-104px"}, delay: .3, ease:Circ.easeOut, onComplete: startModule });}                

    543. 

  543. 			}

    544. 

  544. 		}

    545. 

  545. 	}

    546. 

  546.     var backLoaded = false;

    547. 

  547.     /* animate module background */

    548. 

  548.     function animateModuleBackground(){

    549. 

  549.         backLoaded = true;

    550. 

  550.         if( showDone == true ){

    551. 

  551.             showDone = false;

    552. 

  552.             backLoaded = false; 

    553. 

  553.             TweenMax.to( $("#loading-animation"), .3, { css:{right:"-104px"}, delay: .3, ease:Circ.easeOut, onComplete:

    554. 

  554.                 function(){

    555. 

  555.                     if( isOtherURL == true ){urlChanged();}               

    556. 

  556.                     else{hideAnimationCompleted();}

    557. 

  557.                 }  

    558. 

  558.             });

    559. 

  559.         }

    560. 

  560.     }

    561. 

  561.     /* hide animation completed */

    562. 

  562.     function hideAnimationCompleted(){        

    563. 

  563. 		$showModuleBackground = $("#module-container #module-background");

    564. 

  564.         if( $showModuleBackground.length > 0 ){

    565. 

  565.             resizeImage( $showModuleBackground );

    566. 

  566.     		$showModuleBackground.css('display', 'inline').css("opacity", "0").css("visibility", "visible").css("left", (- 60) + "px");

    567. 

  567.     		TweenMax.to(  $showModuleBackground, .6, { css:{opacity:"1", left: "0px" },  ease:Circ.easeOut, onComplete:

    568. 

  568.                 function(){

    569. 

  569.                     if( isOtherURL == true ){urlChanged();}               

    570. 

  570.                     else{startModule();}

    571. 

  571.                 }  

    572. 

  572.             });    

    573. 

  573.         }        

    574. 

  574. 	}

    575. 

  575.     var endModuleFunction = null;

    576. 

  576.     var endPreviousModule = false;

    577. 

  577.     var previousModuleType = "";

    578. 

  578.     /* start module */

    579. 

  579. 	function startModule(){	    

    580. 

  580.         loadedContent = true;

    581. 

  581. 		var moduleType = $("#template-menu").attr("data-current-module-type"); 

    582. 

  582.         if( menuData[2] != oldMenuData[2] && menuData[2] != undefined ){

    583. 

  583.             clearCustomInterval( showModuleInterval );

    584. 

  584.             urlChanged();

    585. 

  585.             return;   

    586. 

  586.         }

    587. 

  587.         previousModuleType = moduleType;

    588. 

  588. 		endShowPage();

    589. 

  589.         templateCollectGarbage();

    590. 

  590. 		switch( moduleType ){

    591. 

  591. 			case "slideshow":           moduleSlideshow();

    592. 

  592. 				break;

    593. 

  593.             case "home2":               moduleHome2();

    594. 

  594.                 break; 

    595. 

  595.             case "home3":               moduleHome3();

    596. 

  596.                 break;       

    597. 

  597. 			case "banner":              moduleBanner();

    598. 

  598. 				break;

    599. 

  599. 			case "text_page":           moduleTextPage();	

    600. 

  600. 				break;	

    601. 

  601.             case "news":                moduleNews();	

    602. 

  602. 				break;    

    603. 

  603. 			case "contact":             moduleContact();	

    604. 

  604. 				break;	

    605. 

  605. 			case "showreel":            moduleShowreel();	

    606. 

  606. 				break;	

    607. 

  607. 			case "gallery":             moduleGallery();	

    608. 

  608. 				break;

    609. 

  609.             case "full_width":          moduleFullWidth();	

    610. 

  610. 				break;    

    611. 

  611.             case "full_width_gallery":  moduleFullWidthGallery();	

    612. 

  612. 				break; 

    613. 

  613.             case "page_columns":        modulePageColumns();    	

    614. 

  614. 				break;

    615. 

  615.             case "fullscreen_video":    moduleFullscreenVideo();	

    616. 

  616. 				break;

    617. 

  617.             case "pricing_tables":      modulePricingTables();	

    618. 

  618. 				break; 			

    619. 

  619. 		}

    620. 

  620. 	}

    621. 

  621.     /* end show page */

    622. 

  622. 	function endShowPage(){

    623. 

  623. 	    if( firstRun == true ){

    624. 

  624.             firstRun = false;

    625. 

  625.             /*endModuleStart();*/

    626. 

  626.         }    	

    627. 

  627.     	if( $("#module-container-old").length > 0 ){

    628. 

  628.     	      $("body").find("#module-container-old").each( function(){ $(this).empty().remove(); });

    629. 

  629.     	}		

    630. 

  630. 	}

    631. 

  631. 	/*----------------- end showTemplate ----------------------*/

    632. 

  632. 	

    633. 

  633. 	/*----------------- start Modules Methods -----------------*/

    634. 

  634. 	    

    635. 

  635. 	/*================= SLIDESHOW =============================*/

    636. 

  636. 	var slideshowLimit	    = 0;

    637. 

  637. 	var slideshowCurrID     = 0;

    638. 

  638. 	var slideshowPrevID     = 0;	

    639. 

  639. 	var oldSlide		    = '';

    640. 

  640. 	var slidesArray		    = new Array();

    641. 

  641.     var thumbsList          = null;

    642. 

  642.     var currentSlide        = null;

    643. 

  643.     var slideshowAutoPlay   = false;

    644. 

  644.     var timerSec            = 5;

    645. 

  645.     var timerSlideshow      = null;

    646. 

  646.     var firstMediaLoaded    = false;

    647. 

  647. 	function moduleSlideshow(){	

    648. 

  648.         slideshowCurrID  = 0;

    649. 

  649.         slideshowPrevID  = 0;       

    650. 

  650.         currentSlide = $("#slide-current");

    651. 

  651.         currentSlide.attr("style", "display:list-item; visibility: visible; left:" + (-60) +  "px;");        

    652. 

  652.     	resizeImage( currentSlide );  

    653. 

  653.     	currentSlide.css( "opacity", "0");

    654. 

  654.     	storeAllSlides();

    655. 

  655.         $("#module-container").css( 'visibility', 'visible' );	

    656. 

  656.     	TweenMax.to(  currentSlide, .6, { css:{opacity:"1", left:  "0px" },  ease:Circ.easeOut, onComplete: slideshowShowThumbs });              

    657. 

  657. 	}

    658. 

  658.     function onFirstMediaLoaded() {

    659. 

  659.         firstMediaLoaded = true;

    660. 

  660.         showModule();

    661. 

  661.         $("#slide-current").attr("onload", "");

    662. 

  662.     }

    663. 

  663. 	function storeAllSlides(){

    664. 

  664. 		 var i = 0;

    665. 

  665. 		 $("#slideshow").children().each(function() {    

    666. 

  666. 			slidesArray[ i ] = new Array();

    667. 

  667.             if( i != 0){

    668. 

  668.                 var imgSrc = $('#slide-src', this);

    669. 

  669.                 var imgTag = '<img src="'+ imgSrc.attr("data-src") + '" alt="" />';

    670. 

  670.                 imgSrc.after(imgTag).remove();                

    671. 

  671.             }

    672. 

  672. 			slidesArray[ i ][ 0 ] = $('img', this);

    673. 

  673. 			var captions = new Array();

    674. 

  674.             var captionsW = new Array();

    675. 

  675. 			var j = 0;

    676. 

  676.             $('#slideshow-captions', this ).css("top", ($(window).height() * 0.3) + "px");

    677. 

  677.             $('#slideshow-captions', this ).css("left", ($("#module-container").width() * 0.5) + "px");

    678. 

  678. 			$('#slideshow-captions', this ).children().each(function(){

    679. 

  679. 				captions[ j ] = $(this);

    680. 

  680.                 captionsW[ j ] = $(this).width();

    681. 

  681. 				j++;

    682. 

  682. 			});                        

    683. 

  683. 			slidesArray[ i ][ 1 ] = captions;

    684. 

  684.             slidesArray[ i ][ 2 ] = captionsW;

    685. 

  685. 			i++;

    686. 

  686. 		});

    687. 

  687. 		slideshowLimit = i++;

    688. 

  688. 		if( slidesArray[ 0 ][ 1 ].length != 0 )captionAvailable = true;		  

    689. 

  689.         currentThumb = $('#slideshow-thumbs-container .slideshow-thumb-holder').slice( 0, 1);

    690. 

  690. 		if( currentThumb.hasClass( 'thumb-selected' ) == false ){

    691. 

  691. 		      $(currentThumb).addClass( 'thumb-selected' );

    692. 

  692.               $("#thumb-image-hover", currentThumb).removeClass().attr("style", "left: 0px; top: 0px;");

    693. 

  693.               $("img", $(currentThumb)).attr("style", "border-color:" + themeColor + ";");        

    694. 

  694. 		}	             

    695. 

  695. 	}

    696. 

  696.     function startTimer(){

    697. 

  697.         if( timerSlideshow == null ){

    698. 

  698.             timerSlideshow = $.timer(checkSlideshowTimer);            

    699. 

  699.             timerSlideshow.set({ time : timerSec * 1000, autostart : false });    

    700. 

  700.         }        

    701. 

  701.     }

    702. 

  702.     function checkSlideshowTimer(){

    703. 

  703.         timerSlideshow.stop();

    704. 

  704.         if( slideshowCurrID < slideshowLimit-1 ){

    705. 

  705.             slideshowPrevID = slideshowCurrID;

    706. 

  706.             slideshowCurrID++;

    707. 

  707.         }

    708. 

  708.         else{

    709. 

  709.             slideshowPrevID = slideshowCurrID;

    710. 

  710.             slideshowCurrID = 0;

    711. 

  711.         }

    712. 

  712.         var spanEmpty = document.getElementById("slideshow-thumbs-counter").getElementsByTagName("span");     

    713. 

  713.         $(spanEmpty).empty().append( (slideshowCurrID+1) + '/' + total);       

    714. 

  714. 		stopOrHidePrevCaptions();

    715. 

  715.     }

    716. 

  716.     function stopSlideshowTimer(){ timerSlideshow.stop(); }

    717. 

  717.     function deleteSlideshowTimer(){

    718. 

  718.         if( timerSlideshow != null ){

    719. 

  719.             timerSlideshow.stop();

    720. 

  720.             timerSlideshow = null;

    721. 

  721.         }

    722. 

  722.     }

    723. 

  723.     /* END SHOW PAGE WHEN SLIDESHOW MODULE IS NEXT */

    724. 

  724. 	function slideshowShowThumbs(){ 

    725. 

  725. 		endShowPage();        

    726. 

  726.         if( thumbsList != null ){

    727. 

  727.             thumbsList.destroy();

    728. 

  728.             thumbsList = null;

    729. 

  729.         }

    730. 

  730.         if(touchDevice == 0){

    731. 

  731.             thumbsList = $("#slideshow-thumbs-content").McCustomList({ scrollDirection: "horizontal", scrollType: "linear" });                                                            

    732. 

  732.             thumbsList.setupList({

    733. 

  733.                             scrollContainer:    $('#slideshow-thumbs-container'),

    734. 

  734.                             mouseWheelSupport:  "yes", 

    735. 

  735.                             buttonsSupport:     "no",

    736. 

  736.                             draggerContainer:   null,

    737. 

  737.                             draggerScroll:      null,

    738. 

  738.                             totalMinusSize:     0,

    739. 

  739.                             scrollSpeed:        112,

    740. 

  740.                             offsetSize:         -4, /* this is the margin right of the thumbs. On the last thumbs we have this margin */

    741. 

  741.                             horizFixHolder:     $('.horizontal-fix-slideshow-thumbs')

    742. 

  742.                          });

    743. 

  743.             $("#slideshow-thumbs-container").find(".slideshow-thumb-holder").hover(

    744. 

  744.                 			function(event) {				        

    745. 

  745.                         						if( $(this).hasClass( 'thumb-selected' ) == false )

    746. 

  746.                         						{

    747. 

  747.                         						    customHoverAnimation( "over", event, $(this), $("#thumb-image-hover", this) );

    748. 

  748.                                                     TweenMax.to( $("img", this), .6, { css:{borderColor: themeColor}, ease:Circ.easeOut });

    749. 

  749.                         						}						

    750. 

  750.                 					   }, 

    751. 

  751.                 			function(event) {

    752. 

  752.                                                 var color = '#ffffff';                       					

    753. 

  753.                         						if( $(this).hasClass( 'thumb-selected' ) == false )

    754. 

  754.                         						{							      

    755. 

  755.                                                     customHoverAnimation( "out", event, $(this), $("#thumb-image-hover", this) );

    756. 

  756.                                                     TweenMax.to( $("img", this), .6, { css:{borderColor: color}, ease:Circ.easeOut });

    757. 

  757.                         						}					

    758. 

  758.                 					   }

    759. 

  759.                 		); 

    760. 

  760.             var instanceArr = $(".slideshow-thumbs-arrow-backward .slideshow-thumbs-arrow-backg");

    761. 

  761.             var initOpacity = instanceArr.css("opacity");

    762. 

  762.             var initBackColor = rgb2hex( instanceArr.css("background-color") );

    763. 

  763.             var bothArrows = $(".slideshow-thumbs-arrow-backward, .slideshow-thumbs-arrow-forward");

    764. 

  764.             var thumbArrBack = $("#slideshow-thumbs-holder .slideshow-thumbs-arrow-backward");

    765. 

  765.             var thumbArrForw = $("#slideshow-thumbs-holder .slideshow-thumbs-arrow-forward");

    766. 

  766.             bothArrows.unbind('mouseenter mouseleave');

    767. 

  767.             bothArrows.hover(

    768. 

  768.     			function() {

    769. 

  769.                                 TweenMax.to( $(".slideshow-thumbs-arrow-backg", this), 0.3, {css:{opacity: "1", backgroundColor: themeColor }, easing:Sine.easeOut });							

    770. 

  770.     					   }, 

    771. 

  771.     			function() {

    772. 

  772.         						TweenMax.to( $(".slideshow-thumbs-arrow-backg", this), 0.3, {css:{opacity: initOpacity, backgroundColor: initBackColor}, easing:Sine.easeOut });					

    773. 

  773.     					   }

    774. 

  774.     		);

    775. 

  775.             thumbArrBack.unbind("click");thumbArrForw.unbind("click");        

    776. 

  776.             thumbArrForw.click(function() {

    777. 

  777.                 if( thumbsList != null )thumbsList.listAutoScroll(-1);						

    778. 

  778.             });

    779. 

  779.             thumbArrBack.click(function(){

    780. 

  780.                 if( thumbsList != null )thumbsList.listAutoScroll(1);						

    781. 

  781.             });                                                                                     

    782. 

  782.         }

    783. 

  783.         else{

    784. 

  784.             if( touchDevice == 1 ){

    785. 

  785.                 var thumbArrBack = $("#slideshow-thumbs-holder .slideshow-thumbs-arrow-backward");

    786. 

  786.                 var thumbArrForw = $("#slideshow-thumbs-holder .slideshow-thumbs-arrow-forward");

    787. 

  787.                 thumbArrBack.css("display", "none");

    788. 

  788.                 thumbArrForw.css("display", "none");

    789. 

  789.                 

    790. 

  790.             }

    791. 

  791.         }                                                            

    792. 

  792.         var total = slidesArray.length;  

    793. 

  793.         var spanEmpty = document.getElementById("slideshow-thumbs-counter").getElementsByTagName("span");     

    794. 

  794.         $(spanEmpty).empty().append( (slideshowCurrID+1) + '/' + total);

    795. 

  795.                               

    796. 

  796.         /*'[id^="matchItem_"]'   "#slideshow-thumb-holder" //'div[id^="matchItem_"]'*/       

    797. 

  797.         var slideshowThumbsCont = $("#slideshow-thumbs-container .slideshow-thumb-holder");               

    798. 

  798.         slideshowThumbsCont.click(function() {

    799. 

  799.                     var index = slideshowThumbsCont.index( this );

    800. 

  800. 					if( slideshowCurrID == index ) return;                                   

    801. 

  801. 					slideshowPrevID = slideshowCurrID;

    802. 

  802. 					slideshowCurrID = index;

    803. 

  803.                     if(timerSlideshow != null )timerSlideshow.stop();   

    804. 

  804.                     $(spanEmpty).empty().append( (index+1) + '/' + total);                                  

    805. 

  805. 					changeThumbsSelection( this );                        

    806. 

  806.                     stopOrHidePrevCaptions();

    807. 

  807.       	});            

    808. 

  808.         var thumbsHolder = $('#slideshow-thumbs');

    809. 

  809. 		var val = -Math.abs(thumbsHolder.width() - get_OffsetWidth()) / 2;

    810. 

  810.         thumbsHolder.attr("style", "margin-left:" + val + "px; bottom: -84px; visibility: visible;");

    811. 

  811.         if(touchDevice == 1){

    812. 

  812.                $('.horizontal-fix-slideshow-thumbs').css( "width", 999999 );		

    813. 

  813.     		   $('#slideshow-thumbs-container').css("width",  $('#slideshow-thumbs-container').width() );

    814. 

  814.     		   $('.horizontal-fix-slideshow-thumbs').css("width", '');

    815. 

  815.             $("#slideshow-thumbs-content").css("overflow", "auto");

    816. 

  816.             $("#slideshow-thumbs-content").css("-webkit-overflow-scrolling", "touch");  

    817. 

  817.         } 

    818. 

  818.         startTimer();

    819. 

  819.         initialThumbContW = $("#slideshow-thumbs-content").width();        

    820. 

  820.         moduleUpdate_slideshow();

    821. 

  821. 		TweenMax.to( thumbsHolder, .6, { css:{bottom:"4px"}, delay:0.6, ease:Circ.easeOut, onComplete: checkCaption });		

    822. 

  822. 	}

    823. 

  823.     var initialThumbContW = 0;

    824. 

  824. 	function changeThumbsSelection( cThumb ) {

    825. 

  825.         oldThumb = $('#slideshow-thumbs-container .thumb-selected');

    826. 

  826.         var color = "#ffffff";

    827. 

  827. 		if( oldThumb.length > 0 ){

    828. 

  828. 			oldThumb.removeClass('thumb-selected');   

    829. 

  829.             TweenMax.to( $("#thumb-image-hover", oldThumb), .3, { css:{ left:"-100%", top: "0%"},  ease:Sine.easeInOut});

    830. 

  830.             TweenMax.to( $('img', oldThumb), .6, { css:{borderColor: color}, ease:Circ.easeOut });		

    831. 

  831. 		}		

    832. 

  832.         currentThumb = $(cThumb);

    833. 

  833. 		if( currentThumb.hasClass( 'thumb-selected' ) == false ){

    834. 

  834. 			currentThumb.addClass('thumb-selected');

    835. 

  835.             TweenMax.to( $("#thumb-image-hover", currentThumb), .3, { css:{ left:"0", top: "0%"},  ease:Sine.easeInOut });

    836. 

  836.             TweenMax.to( $('img', currentThumb), .6, { css:{borderColor: themeColor}, ease:Circ.easeOut });		

    837. 

  837. 		}

    838. 

  838. 	}

    839. 

  839. 	function changeSlideshowSlides( prevSlideID, currSlideID ){

    840. 

  840. 		if( slidesArray[ prevSlideID ][ 0 ].attr('id') == 'slide-current' ){

    841. 

  841. 			slidesArray[ prevSlideID ][ 0 ].removeAttr("id");	

    842. 

  842. 			oldSlide = slidesArray[ prevSlideID ][ 0 ];

    843. 

  843.             oldSlide.css("style", "z-index: 1;"); 

    844. 

  844. 		}

    845. 

  845.         slidesArray[ currSlideID ][ 0 ].attr( "id", "slide-current" );

    846. 

  846. 		currentSlide = slidesArray[ currSlideID ][ 0 ];

    847. 

  847.         if(currentSlide.css("style") != undefined)currentSlide.removeAttr('style');

    848. 

  848. 		

    849. 

  849.         currentSlide.attr("style", "z-index: 2; display:list-item; left: 0px; visibility: visible;");

    850. 

  850.         resizeImage( currentSlide );  

    851. 

  851.         currentSlide.css("opacity", "0");

    852. 

  852. 		TweenMax.to(  currentSlide, .6, { css:{opacity:"1" },  ease:Sine.easeOut, onComplete: completeSlideTransition });              

    853. 

  853. 	}	

    854. 

  854. 	function completeSlideTransition(){

    855. 

  855. 	    var i = 0;

    856. 

  856. 		var total = slidesArray.length;       

    857. 

  857. 		for( i = 0; i < total; i++ ){

    858. 

  858. 			if( i != slideshowPrevID && i != slideshowCurrID )slidesArray[ i ][ 0 ].attr("style", "display:none; opacity: 0; visibility: hidden;");

    859. 

  859. 		}

    860. 

  860. 		if( oldSlide != '' )oldSlide.attr("style", "display:none; opacity: 0; visibility: hidden;");

    861. 

  861.         checkCaption();        

    862. 

  862. 	}

    863. 

  863.     var showingInProgress = 0;

    864. 

  864.     function checkCaption(){

    865. 

  865.         if( showingInProgress == 1)return;

    866. 

  866.         if( slideshowAutoPlay == true && timerSlideshow != null ){

    867. 

  867.             /*checkSlideshowTimer();*/

    868. 

  868.             timerSlideshow.play(true);            

    869. 

  869.         }           

    870. 

  870.         if( slidesArray[ slideshowCurrID ][ 1 ].length != 0 ){

    871. 

  871.             showingInProgress = 1;

    872. 

  872.             var i = 0;

    873. 

  873.             var total = slidesArray[ slideshowCurrID ][ 1 ].length;

    874. 

  874.             var windowH = $(window).height();

    875. 

  875.             var windowW = $(window).width();

    876. 

  876.             for( i = 0; i < total; i++ ){

    877. 

  877.                 var obj = slidesArray[ slideshowCurrID ][ 1 ][ i ];

    878. 

  878.     			obj.css( 'width', '' );

    879. 

  879.     			var width = slidesArray[ slideshowCurrID ][ 2 ][ i ] + 10; 

    880. 

  880.     			var topY =   i * 45;

    881. 

  881.                 var val = (i == total - 1) ? windowW * .5 : -(width + windowW * .5); 

    882. 

  882.                 var styleValue = "top:" + topY + "px; left:" + val + "px; display:inline-block; opacity:1;";

    883. 

  883.                 obj.attr("style", styleValue);                

    884. 

  884.     			if( i == total - 1 ){ TweenMax.to( obj, 5, { css:{left: -(width + windowW * .5) +'px'}, ease:SlowMo.ease.config(0.7, 0.96), onComplete:resetShowing }); }

    885. 

  885.     			else{ TweenMax.to( obj, 5, { css:{left: windowW * .5 +'px'}, ease:SlowMo.ease.config(0.7, 0.96) }); }    			

    886. 

  886.     		}

    887. 

  887.         }       

    888. 

  888.     }

    889. 

  889.     function resetShowing(){ 

    890. 

  890.         showingInProgress = 0;

    891. 

  891.         if( slidesArray[ slideshowCurrID ][ 1 ].length != 0 ){

    892. 

  892.             var i = 0;

    893. 

  893.             var total = slidesArray[ slideshowCurrID ][ 1 ].length; 

    894. 

  894.              for( i = 0; i < total; i++ ){

    895. 

  895.                 slidesArray[ slideshowCurrID ][ 1 ][ i ].css("opacity", "0");   

    896. 

  896.              }

    897. 

  897.         }

    898. 

  898.     }

    899. 

  899.     function stopOrHidePrevCaptions()

    900. 

  900.     {        

    901. 

  901.         var slideHolder = $("#slideshow .slideshow-slide");

    902. 

  902.         if( slideHolder.length > 0 ){

    903. 

  903.             $("#slideshow-captions", slideHolder ).each(function(){

    904. 

  904.                 $(this ).css("top", ($(window).height() * 0.3) + "px");

    905. 

  905.                 $(this ).css("left", ($("#module-container").width() * 0.5) + "px");    

    906. 

  906.             });

    907. 

  907.         }

    908. 

  908.         if( slidesArray[ slideshowPrevID ][ 1 ].length != 0 ){

    909. 

  909.             showingInProgress = 0;

    910. 

  910.             var i = 0;

    911. 

  911.             var total = slidesArray[ slideshowPrevID ][ 2 ].length;

    912. 

  912.             var windowH = $(window).height();

    913. 

  913.             var windowW = $(window).width();

    914. 

  914.             for( i = 0; i < total; i++ ){

    915. 

  915.     			var width = slidesArray[ slideshowPrevID ][ 2 ][ i ]; 

    916. 

  916.     			var topY = windowH * .3 + i * 45;

    917. 

  917.                 var obj = slidesArray[ slideshowPrevID ][ 1 ][ i ];

    918. 

  918.     			if( i == total - 1 ){ TweenMax.to( obj, .2, { css:{left: -(width + windowW * .5) +'px', opacity:"0"}, ease:Sine.easeOut, onComplete: runOtherSlide }); }

    919. 

  919.     			else{ TweenMax.to( obj, .2, { css:{left: windowW * .5 +'px', opacity:"0"}, ease:Sine.easeOut }); }    			

    920. 

  920.     		}

    921. 

  921.         }        

    922. 

  922.         else{ changeSlideshowSlides( slideshowPrevID, slideshowCurrID); }         

    923. 

  923.     }

    924. 

  924.     function runOtherSlide(){ changeSlideshowSlides( slideshowPrevID, slideshowCurrID); }

    925. 

  925. 	

    926. 

  926.     /*================= HOME 2 ================================*/

    927. 

  927.     var stdCurrIndex = 0;

    928. 

  928.     var stdPrevIndex = 0;

    929. 

  929.     function moduleHome2(){     

    930. 

  930.         var textPageInstanceHolder    = $( txt_modCont);

    931. 

  931.         var textPageInstance          = $( "#module-home-layout2", textPageInstanceHolder);

    932. 

  932.         if( textPageInstance.length <= 0 )return;

    933. 

  933.         

    934. 

  934.         moduleUpdate_home2();

    935. 

  935.         

    936. 

  936. 		var val = parseInt( textPageInstanceHolder.css("left"), 10);                        

    937. 

  937.         textPageInstanceHolder.attr("style", "left: 100%; visibility: visible;");	

    938. 

  938. 		TweenMax.to(  textPageInstanceHolder, .6, { css:{ left: val },  ease:Circ.easeOut   });  

    939. 

  939.         

    940. 

  940.         var slidesBannArray = [];

    941. 

  941.         var stdBannCont = $("#standard-banner-controls");

    942. 

  942.         var controlPin = $("#control-pin", stdBannCont);

    943. 

  943.         var controlPinArr = [];

    944. 

  944.         var i = 0;

    945. 

  945.         stdBannCont.css("margin-left", -(stdBannCont.width()*.5) );

    946. 

  946.         

    947. 

  947.         $("#standard-banner").find("a").each(

    948. 

  948.             function(){

    949. 

  949.                 var dataSrc = $("#dataSrc", this);

    950. 

  950.                 if(dataSrc. length > 0 ){

    951. 

  951.                     var imgTag = '<img src="' + dataSrc.attr("data-src") +'" />'; 

    952. 

  952.                     dataSrc.after( imgTag ).remove();

    953. 

  953.                 }

    954. 

  954.                 slidesBannArray[ i ] = $(this)

    955. 

  955.                 i++;

    956. 

  956.             }

    957. 

  957.         );

    958. 

  958.         i = 0;

    959. 

  959.         stdBannCont.find("#control-pin").each(

    960. 

  960.             function(){

    961. 

  961.                 controlPinArr[ i ] = $(this)

    962. 

  962.                 i++;

    963. 

  963.             }

    964. 

  964.         );

    965. 

  965.         

    966. 

  966.         controlPin.hover(

    967. 

  967.             function(){

    968. 

  968.                 if( $(this).hasClass("selected") == false )

    969. 

  969.                 TweenMax.to( $(".control-pin-hover", this), .3, {css:{opacity:"1"}, easing:Sine.easeOut});

    970. 

  970.             },

    971. 

  971.             function(){

    972. 

  972.                 if( $(this).hasClass("selected") == false )

    973. 

  973.                 TweenMax.to( $(".control-pin-hover", this), .3, {css:{opacity:"0"}, easing:Sine.easeOut});

    974. 

  974.             }

    975. 

  975.         );

    976. 

  976.                        

    977. 

  977.         controlPin.click(function() {

    978. 

  978.             stdPrevIndex = stdCurrIndex;

    979. 

  979.             stdCurrIndex = $(controlPin).index(this);

    980. 

  980.             if( stdCurrIndex == stdPrevIndex )return;

    981. 

  981.             controlPinArr[ stdPrevIndex ].removeClass("selected");

    982. 

  982.             controlPinArr[ stdCurrIndex ].addClass("selected");

    983. 

  983.             TweenMax.to( $(".control-pin-hover", controlPinArr[ stdPrevIndex ]), .3, {css:{opacity:"0"}, easing:Sine.easeOut});

    984. 

  984.             TweenMax.to( $(".control-pin-hover", controlPinArr[ stdCurrIndex ]), .3, {css:{opacity:"1"}, easing:Sine.easeOut});

    985. 

  985.             changeHome2Slides();

    986. 

  986.         });

    987. 

  987.         function changeHome2Slides(){

    988. 

  988.             slidesBannArray[ stdCurrIndex ].attr("class", "selected opacity_0");

    989. 

  989.             TweenMax.to( slidesBannArray[ stdPrevIndex ], .6, {css:{opacity:"0"}, easing:Sine.easeOut, onComplete: 

    990. 

  990.                 function(){ hideOtherBannerSlides();}

    991. 

  991.                 

    992. 

  992.             });

    993. 

  993.             TweenMax.to( slidesBannArray[ stdCurrIndex ], .6, {css:{opacity:"1"}, easing:Sine.easeOut}); 

    994. 

  994.         }

    995. 

  995.         function hideOtherBannerSlides(){

    996. 

  996.             var i = 0;

    997. 

  997.             var t = slidesBannArray.length;

    998. 

  998.             for( i = 0; i < t; i++ ){

    999. 

  999.                 if( i != stdCurrIndex )slidesBannArray[ i ].attr("class", "");

    1000. 

  1000.             }

    1001. 

  1001.         }

    1002. 

  1002.         

    1003. 

  1003.         var clients = $(".home-layout-clients a");

    1004. 

  1004.         if( clients.length > 0 ){

    1005. 

  1005.             clients.hover(

    1006. 

  1006.                 function(){

    1007. 

  1007.                     TweenMax.to( $(".client-over", this), .6, { css:{opacity: "1"}, easing:Sine.easeOut});

    1008. 

  1008.                 },

    1009. 

  1009.                 function(){

    1010. 

  1010.                     TweenMax.to( $(".client-over", this), .6, { css:{opacity: "0"}, easing:Sine.easeOut});

    1011. 

  1011.                 }

    1012. 

  1012.             );

    1013. 

  1013.         }

    1014. 

  1014.         var contentLi = $(".home-layout2-content ul li");

    1015. 

  1015.         var baseColor = rgb2hex( $(".layout2-description p", contentLi).css("color") );

    1016. 

  1016.         if(touchDevice == 0)if(contentLi.length > 0){

    1017. 

  1017.             contentLi.hover(

    1018. 

  1018.                 function(){

    1019. 

  1019.                     TweenMax.to( $(".layout2-description p", this), .6, { css:{color: themeColor}, easing:Sine.easeOut});

    1020. 

  1020.                     TweenMax.to( $("div:first", this), 0.3, { css:{top: "-5px"}, easing:Sine.easeOut});

    1021. 

  1021.                 },

    1022. 

  1022.                 function(){

    1023. 

  1023.                     TweenMax.to( $(".layout2-description p", this), .6, { css:{color: baseColor}, easing:Sine.easeOut});

    1024. 

  1024.                     TweenMax.to( $("div:first", this), 0.3, { css:{top: "0px"}, easing:Sine.easeOut});

    1025. 

  1025.                 }

    1026. 

  1026.             );

    1027. 

  1027.         }              

    1028. 

  1028.     }

    1029. 

  1029.     function animateBannerHome2( img ){ TweenMax.to( img, 0.4, {css:{opacity:"1"}, easing:Sine.easeOut}); }

    1030. 

  1030.     

    1031. 

  1031.     /*================= END HOME 2 ============================*/

    1032. 

  1032.     

    1033. 

  1033.     /*================= HOME 3 ================================*/

    1034. 

  1034.     var homeInterval = "";

    1035. 

  1035.     function moduleHome3(){

    1036. 

  1036.         var textPageInstanceHolder    = $( txt_modCont);

    1037. 

  1037.         var textPageInstance          = $( "#module-home-layout3", textPageInstanceHolder);

    1038. 

  1038.         var modWrapper                = $("#module-wrapper", textPageInstance);

    1039. 

  1039. 		if( textPageInstance.length <= 0 )return;

    1040. 

  1040.                 

    1041. 

  1041.         moduleUpdate_home3();

    1042. 

  1042.          

    1043. 

  1043.         var val = parseInt( textPageInstanceHolder.css("left"), 10);                

    1044. 

  1044.         textPageInstanceHolder.css("left", "100%").css("visibility",  "visible");					

    1045. 

  1045. 		TweenMax.to(  textPageInstanceHolder, .6, { css:{ left: val },  ease:Circ.easeOut });  

    1046. 

  1046.         		      

    1047. 

  1047.         var homeLayoutVideo = $("#video-wrapper", textPageInstanceHolder);        

    1048. 

  1048.         templateAddMediaVideo( homeLayoutVideo.attr("data-video-type"), homeLayoutVideo, undefined );        

    1049. 

  1049.         

    1050. 

  1050.         $("#home-advertise1, #home-advertise2", textPageInstanceHolder).hover(

    1051. 

  1051.             function(){         

    1052. 

  1052.                 var back = $(".advertise-details", this);

    1053. 

  1053.                 TweenMax.to(  back, .3, { css:{ backgroundColor: "#3f3f3f" },  ease:Sine.easeOut });

    1054. 

  1054.                 TweenMax.to(  $("span", back), .3, { css:{ color: "#f1f1f1" },  ease:Sine.easeOut });

    1055. 

  1055.             },

    1056. 

  1056.             function(){

    1057. 

  1057.                 var back = $(".advertise-details", this);

    1058. 

  1058.                 TweenMax.to(  back, .3, { css:{ backgroundColor: "#f1f1f1" },  ease:Sine.easeOut });

    1059. 

  1059.                 TweenMax.to(  $("span", back), .3, { css:{ color: "#0c0c0c" },  ease:Sine.easeOut });

    1060. 

  1060.             }

    1061. 

  1061.         );

    1062. 

  1062.         

    1063. 

  1063.         var clients = $(".home-layout-clients a");

    1064. 

  1064.         if( clients.length > 0 ){

    1065. 

  1065.             clients.hover(

    1066. 

  1066.                 function(){

    1067. 

  1067.                     TweenMax.to( $(".client-over", this), .6, { css:{opacity: "1"}, easing:Sine.easeOut});

    1068. 

  1068.                 },

    1069. 

  1069.                 function(){

    1070. 

  1070.                     TweenMax.to( $(".client-over", this), .6, { css:{opacity: "0"}, easing:Sine.easeOut});

    1071. 

  1071.                 }

    1072. 

  1072.             );

    1073. 

  1073.         }

    1074. 

  1074.         clearCustomInterval( homeInterval );

    1075. 

  1075.         homeInterval = setInterval(function(){ 

    1076. 

  1076.             moduleUpdate_home3();

    1077. 

  1077.             clearCustomInterval( homeInterval );         

    1078. 

  1078.         }, 1000);

    1079. 

  1079.         

    1080. 

  1080.     }

    1081. 

  1081.     /*================= END HOME 3 ============================*/

    1082. 

  1082.     

    1083. 

  1083.     var moduleList = null;

    1084. 

  1084.     /* customStartPosition - used on news vertical when we close news preview we want to have the list and scrollbar at the positions they were */        

    1085. 

  1085.     function getElementStyle( elem ){

    1086. 

  1086.         var style = "";

    1087. 

  1087.         if( elem.length > 0 ){ style = ( elem.attr("style") == undefined ) ? " " : elem.attr("style") + " "; }

    1088. 

  1088.         return style; 

    1089. 

  1089.     }

    1090. 

  1090.     var updateInterval = "";  

    1091. 

  1091.     function moduleUpdate( pMod, pCon, cCon, modSide, anim, noRepos, custStartPos ){

    1092. 

  1092.         if( endPreviousModule == true )return;

    1093. 

  1093.         var extrH = parseInt( $("#module-container").css("top"), 10 )

    1094. 

  1094.         var pModH = getElem_W_H( pMod, "h" ) - extrH;

    1095. 

  1095.         var pModW = getElem_W_H( pMod, "w" );

    1096. 

  1096.         var pConH = getElem_W_H( pCon, "h" ) - extrH;

    1097. 

  1097.         var pConW = getElem_W_H( pMod, "w" );

    1098. 

  1098.         var cConH = getElem_W_H( cCon, "h" ); 

    1099. 

  1099.         var cConW = getElem_W_H( cCon, "w" );

    1100. 

  1100.         var mPos  = $("#module-container-holder").attr("data-id");        

    1101. 

  1101.         var scrollbar_v1    = $(t_scrBarV1);

    1102. 

  1102.         var scrollbar_v2    = $(t_scrBarV2);

    1103. 

  1103.         var availScrollbar  = (scrollbar_v1.length > 0) ? scrollbar_v1 : scrollbar_v2;

    1104. 

  1104.             

    1105. 

  1105.         var winH = $(window).height();

    1106. 

  1106.         var winW = $(window).width();

    1107. 

  1107.         var menH = getMenuHeight();

    1108. 

  1108.         var menuHiderH = ( menuActive == true ) ?  parseInt( $("#menu-container").height(), 10 ) : parseInt( $("#menu-container #menu-hider").height(), 10 );

    1109. 

  1109.         

    1110. 

  1110.         if( touchDevice == 0 ){           

    1111. 

  1111.             var totalMinusSize = 0;

    1112. 

  1112.             var activScrollbar = availScrollbar.length;

    1113. 

  1113.             if( availScrollbar.length > 0){

    1114. 

  1114.                 if( winW >= 768 ) { availScrollbar.css("height", winH).css("top", "0px"); }

    1115. 

  1115.                 else{ 

    1116. 

  1116.                     availScrollbar.css("height", ( winH - menuHiderH ) + "px");

    1117. 

  1117.                     totalMinusSize  = menH;            

    1118. 

  1118.                 }

    1119. 

  1119.             }               

    1120. 

  1120.             if( pModH >= cConH ){

    1121. 

  1121.                 if( availScrollbar.length > 0 &&  availScrollbar.css("display") != "none" ){

    1122. 

  1122.                     TweenMax.to( availScrollbar, .6, { css:{opacity:"0"}, ease:Quad.easeOut, onComplete:function(){availScrollbar.css("display", "none");} });

    1123. 

  1123.                 }

    1124. 

  1124.                 if( moduleList != null ){

    1125. 

  1125.                     moduleList.destroy();

    1126. 

  1126.                     moduleList = null;

    1127. 

  1127.                 }

    1128. 

  1128.                 if(noRepos == true)return;

    1129. 

  1129.                 var valTop = pModH - cConH;

    1130. 

  1130.                 if( modSide == "none"){

    1131. 

  1131.                     if(mPos != "module-position-bc"){ pCon.parent(pCon).css("top", Math.round( valTop  * 0.5 ) + "px" ); }

    1132. 

  1132.                     else{ pCon.parent(pCon).css("top", Math.round( valTop ) + "px" ); }

    1133. 

  1133.                 }

    1134. 

  1134.                 else if( modSide == "height" ){ cCon.css("top", Math.round( valTop  * 0.5 ) + "px" ); }

    1135. 

  1135.                 else if( modSide == "custom" ){

    1136. 

  1136.                     if(anim == true){ TweenMax.to( cCon, .3, { css:{top: "0px"}, ease:Sine.easeOut }); }

    1137. 

  1137.                     else{ cCon.css("top", "0px" ); }                       

    1138. 

  1138.                 }

    1139. 

  1139.                 if( mPos == "module-position-bc" || mPos == "module-position-cc" ){ 

    1140. 

  1140.                     var value = Math.round( (($("#module-container").width() - pConW) * .5 /*+ get_OffsetWidth()*/) );                    

    1141. 

  1141.                     if(anim == true){ TweenMax.to( pMod, .6, { css:{left: value + "px"}, ease:Sine.easeOut }); }

    1142. 

  1142.                     else{ pMod.css("left", value + "px" ); }        

    1143. 

  1143.                 }

    1144. 

  1144.             }

    1145. 

  1145.             else{  

    1146. 

  1146.                 if( availScrollbar.length > 0 ){

    1147. 

  1147.                     switch( modSide ){

    1148. 

  1148.                         case "none":    

    1149. 

  1149.                             pCon.parent(pCon).css("top", "0px" );

    1150. 

  1150.                             cCon.parent(cCon).css("top", "0px" );

    1151. 

  1151.                             break;

    1152. 

  1152.                         case "height":  cCon.css("top", "0px" );

    1153. 

  1153.                             break;      

    1154. 

  1154.                     }

    1155. 

  1155.                     TweenMax.killTweensOf(availScrollbar);

    1156. 

  1156.                     if( availScrollbar.css("display") == "none" ){ availScrollbar.css("opacity", "0").css("display", "inline"); }                    

    1157. 

  1157.                     TweenMax.to( availScrollbar, .6, { css:{opacity:"1"}, ease:Quad.easeOut });

    1158. 

  1158.                 }                

    1159. 

  1159.                 if( moduleList == null ){

    1160. 

  1160.                     moduleList = pMod.McCustomList({ scrollDirection: "vertical", scrollType: "linear" });

    1161. 

  1161.                     moduleList.setupList({

    1162. 

  1162.                                         scrollContainer:    cCon,

    1163. 

  1163.                                         mouseWheelSupport:  "yes",

    1164. 

  1164.                                         buttonsSupport:     "no",

    1165. 

  1165.                                         draggerContainer:   availScrollbar,

    1166. 

  1166.                                         draggerScroll:      $("#module-scrollbar-dragger", availScrollbar),

    1167. 

  1167.                                         totalMinusSize:     totalMinusSize,

    1168. 

  1168.                                         scrollSpeed:        100,

    1169. 

  1169.                                         offsetSize:         0,

    1170. 

  1170.                                         horizFixHolder:     null,

    1171. 

  1171.                                         customStartPos:     custStartPos

    1172. 

  1172.                                      });             

    1173. 

  1173.                 }

    1174. 

  1174. 

    1175. 

  1175.                 else{ moduleList.updateCustomList( totalMinusSize ); }

    1176. 

  1176.                 if( mPos == "module-position-bc" || mPos == "module-position-cc" ){

    1177. 

  1177.                     var value = Math.round( (($("#module-container").width() - pConW) * .5 ) );                    

    1178. 

  1178.                     if(mPos == "module-position-bc"){ pCon.parent(pCon).css("top", "0px" ); }    

    1179. 

  1179.                     if(anim == true){ TweenMax.to( pMod, .6, { css:{left: value + "px"}, ease:Sine.easeOut }); }

    1180. 

  1180.                     else{ pMod.css("left", value + "px" ); }

    1181. 

  1181.                 }

    1182. 

  1182.             }

    1183. 

  1183.         }

    1184. 

  1184.         else{

    1185. 

  1185.             /*remove scrollbar if present and add overflow for touch devices*/

    1186. 

  1186.             var valTop = pModH - cConH;

    1187. 

  1187.             switch( modSide ){

    1188. 

  1188.                 case "none":

    1189. 

  1189.                     if( pModH >= cConH && pCon.length > 0){

    1190. 

  1190.                         if(mPos != "module-position-bc"){ pCon.parent(pCon).css("top", Math.round( valTop  * 0.5 ) + "px" ); }

    1191. 

  1191.                         else{ pCon.parent(pCon).css("top", Math.round( valTop ) + "px" ); }

    1192. 

  1192.                     }

    1193. 

  1193.                     else {pCon.parent(pCon).css("top", "0px" );}

    1194. 

  1194.                     break;

    1195. 

  1195.                 case "height":if(cCon.length > 0)cCon.css("top", "0px" );

    1196. 

  1196.                     break;

    1197. 

  1197.                 case "width":

    1198. 

  1198.                     break;  

    1199. 

  1199.                 case "custom":

    1200. 

  1200.                     if(cCon.length > 0)

    1201. 

  1201.                     if(anim == true){ TweenMax.to( cCon, .3, { css:{top: "0px"}, ease:Sine.easeOut }); }

    1202. 

  1202.                     else{ cCon.css("top", "0px" ); }

    1203. 

  1203.                     break;          

    1204. 

  1204.             }

    1205. 

  1205.             

    1206. 

  1206.             if(cCon.length <=  0 || pCon.length <= 0)return;

    1207. 

  1207.             pCon.css("overflow", "").css("-webkit-overflow-scrolling", ""); 

    1208. 

  1208.             clearCustomInterval( updateInterval );

    1209. 

  1209.             updateInterval = setInterval(function(){ 

    1210. 

  1210.                 pCon.css("overflow", "auto").css("-webkit-overflow-scrolling", "touch");

    1211. 

  1211.                 clearCustomInterval( updateInterval );        

    1212. 

  1212.             }, 100);

    1213. 

  1213.              

    1214. 

  1214.             if(currModuleType == "news" && previewNewsOpen == true ){ TweenMax.to(pCon, .3, {scrollTop: 0, easing:Sine.easeOut}); }

    1215. 

  1215.             if(currModuleType == "page_columns" && columnsPreviewOpen == true ){ TweenMax.to(pCon, .3, {scrollTop: 0, easing:Sine.easeOut}); }

    1216. 

  1216.             else if(currModuleType == "page_columns" && columnsPreviewOpen == false ){ pCon.scrollTop( custStartPos ) }

    1217. 

  1217.             

    1218. 

  1218.             if( mPos == "module-position-bc" || mPos == "module-position-cc" ){  

    1219. 

  1219.                if( currModuleType == "text_page" && modSide == "none"){

    1220. 

  1220.                     $( "#module-text-page", $( txt_modCont)).css( "height", "" );

    1221. 

  1221.                }

    1222. 

  1222.                if( winH <= pConH && $( "#module-text-page", $( txt_modCont)).length > 0){

    1223. 

  1223.                    $( "#module-text-page", $( txt_modCont)).css( "height", "" );

    1224. 

  1224.                    $( "#module-text-page", $( txt_modCont)).css( "height", "100%" );                    

    1225. 

  1225.                }

    1226. 

  1226.                 var value = Math.round( (($("#module-container").width() - pConW) * .5 /*+ get_OffsetWidth()*/) );         

    1227. 

  1227.                 if(anim == true){ TweenMax.to( pMod, .6, { css:{left: value + "px"}, ease:Sine.easeOut }); }

    1228. 

  1228.                 else{ pMod.css("left", value + "px" ); }

    1229. 

  1229.             }

    1230. 

  1230.         }        

    1231. 

  1231.     }

    1232. 

  1232.     function getElem_W_H( elem, type ){

    1233. 

  1233.         var val1 = ( elem.length > 0 ) ? elem.height() + parseInt( elem.css("margin-top"), 10) + parseInt( elem.css("margin-bottom"), 10) : 0;

    1234. 

  1234.         var val2 = ( elem.length > 0 ) ? elem.width() : 0;

    1235. 

  1235.         return (type == "w") ? val2 : val1;        

    1236. 

  1236.     }

    1237. 

  1237.     

    1238. 

  1238. 	/*================= TEXT PAGE =============================*/

    1239. 

  1239. 	function moduleTextPage(){		

    1240. 

  1240. 		var textPageInstanceHolder    = $( txt_modCont);

    1241. 

  1241.         var textPageInstance          = $( "#module-text-page", textPageInstanceHolder);

    1242. 

  1242.         var modWrapper                = $( "#module-wrapper", textPageInstanceHolder);

    1243. 

  1243. 		var modulePositionType        = textPageInstanceHolder.attr("data-id");		

    1244. 

  1244. 		var moduleWidth               = textPageInstanceHolder.width();

    1245. 

  1245. 		var moduleHeight              = textPageInstanceHolder.height();

    1246. 

  1246.        

    1247. 

  1247.         moduleEnd                     = true;

    1248. 

  1248.         if( textPageInstance.length <= 0 ) return;

    1249. 

  1249.         endModuleFunction             = endModuleTextPage;

    1250. 

  1250.         

    1251. 

  1251. 		switch( modulePositionType ){

    1252. 

  1252. 			case "module-position-lb":				

    1253. 

  1253. 				break;

    1254. 

  1254. 			case "module-position-lc":	  			

    1255. 

  1255. 				var val = ( - moduleWidth) + "px";		

    1256. 

  1256. 				moduleUpdate( textPageInstance, modWrapper, $("div:first", modWrapper), sideType );

    1257. 

  1257.                 textPageInstanceHolder.attr("style", getElementStyle( textPageInstanceHolder ) +  " left:" + val + "; visibility: visible;");

    1258. 

  1258.                 TweenMax.to(  textPageInstanceHolder, .6, { css:{left: "0px" },  ease:Circ.easeInOut, onComplete: moduleUpdate_text_page   });/*get_OffsetWidth() +*/                 

    1259. 

  1259. 				break;	

    1260. 

  1260. 			case "module-position-bc":

    1261. 

  1261.                 moduleUpdate( textPageInstanceHolder, modWrapper, $("div:first", modWrapper), sideType );				

    1262. 

  1262.                 var val = parseInt(textPageInstance.css("top"), 10) + "px";                

    1263. 

  1263. 				textPageInstanceHolder.css("top", moduleHeight).css("visibility", "visible");

    1264. 

  1264. 				TweenMax.to(  textPageInstanceHolder, .6, { css:{ top: "0px" },  ease:Circ.easeInOut, onComplete: moduleUpdate_text_page   }); 

    1265. 

  1265. 				break;

    1266. 

  1266. 			case "module-position-rc":	

    1267. 

  1267.                 textPageInstanceHolder.css("position", "fixed");               

    1268. 

  1268. 				moduleUpdate( textPageInstance, modWrapper, $("div:first", modWrapper), sideType );

    1269. 

  1269.                 var val = (- moduleWidth) + "px";

    1270. 

  1270.                 textPageInstanceHolder.attr("style", getElementStyle( textPageInstanceHolder ) +  " position: fixed; right:" + val + "; visibility: visible;");

    1271. 

  1271. 				TweenMax.to(  textPageInstanceHolder, .6, { css:{ right: "0px" },  ease:Circ.easeInOut, onComplete: moduleUpdate_text_page   }); 

    1272. 

  1272. 				break;	

    1273. 

  1273. 			case "module-position-cc":	

    1274. 

  1274.                 moduleUpdate( textPageInstanceHolder, modWrapper, $("div:first", modWrapper), sideType );                          

    1275. 

  1275. 				var val = parseInt( textPageInstanceHolder.css("left"), 10);                

    1276. 

  1276.                 textPageInstanceHolder.attr("style", getElementStyle( textPageInstanceHolder ) + " left: 100%; visibility: visible;");			

    1277. 

  1277. 				

    1278. 

  1278.                 TweenMax.to(  textPageInstanceHolder, .6, { css:{ left: val },  ease:Circ.easeOut, onComplete: moduleUpdate_text_page   }); 

    1279. 

  1279. 				break;				

    1280. 

  1280. 		}

    1281. 

  1281. 	}

    1282. 

  1282.     function endModuleTextPage(){        

    1283. 

  1283.         var textPageInstance = $("#module-container-holder");

    1284. 

  1284. 		var modulePositionType = textPageInstance.attr("data-id");		

    1285. 

  1285. 		var moduleWidth = textPageInstance.width();

    1286. 

  1286. 		var moduleHeight = textPageInstance.height();

    1287. 

  1287. 		endPreviousModule = true;

    1288. 

  1288. 		switch( modulePositionType ){

    1289. 

  1289. 			case "module-position-lb":				

    1290. 

  1290. 				break;

    1291. 

  1291. 			case "module-position-lc":	

    1292. 

  1292. 				var val = (- moduleWidth) + "px";				

    1293. 

  1293. 				TweenMax.to(  textPageInstance, .6, { css:{ left: val },  ease:Circ.easeInOut, onComplete: endModuleComplete   });

    1294. 

  1294. 				break;	

    1295. 

  1295. 			case "module-position-bc":				

    1296. 

  1296. 				TweenMax.to(  textPageInstance, .6, { css:{ top: moduleHeight + "px" },  ease:Circ.easeInOut, onComplete: endModuleComplete    });		

    1297. 

  1297. 				break;

    1298. 

  1298. 			case "module-position-rc":	               

    1299. 

  1299. 				var val = (- moduleWidth) + "px";				

    1300. 

  1300. 				TweenMax.to(  textPageInstance, .6, { css:{ right: val },  ease:Circ.easeInOut, onComplete: endModuleComplete    });	

    1301. 

  1301. 				break;	

    1302. 

  1302. 			case "module-position-cc":                	

    1303. 

  1303. 				var val = $(window).width() + get_OffsetWidth() + "px";				

    1304. 

  1304. 				TweenMax.to(  textPageInstance, .6, { css:{ left: val },  ease:Circ.easeInOut, onComplete: endModuleComplete    });			

    1305. 

  1305. 				break;			

    1306. 

  1306. 		}

    1307. 

  1307.         endModuleFunction = null;       

    1308. 

  1308.     }

    1309. 

  1309.     function endModuleComplete(){ endPreviousModule = false; }   

    1310. 

  1310.     

    1311. 

  1311. 	/*================= NEWS ===================================*/

    1312. 

  1312.     var previewNewsOpen = false;

    1313. 

  1313.     var previewNewsIndex = 0;

    1314. 

  1314.     var totalPreviews = 0;

    1315. 

  1315.     var previewNewsMediaParent = "";

    1316. 

  1316.     var newsPrevItemArr = "";

    1317. 

  1317.     var shortNIV = "news-item-vertical";

    1318. 

  1318.     var shortNP  = "news-preview"

    1319. 

  1319.     var shortNPH = "#module-news-preview-holder";

    1320. 

  1320.     var shortNPU = "#news-preview-list";

    1321. 

  1321.     var newsPrvH = "";

    1322. 

  1322.     var newsPrvU = "";

    1323. 

  1323.     function moduleNews(){

    1324. 

  1324.         previewNewsOpen = false;

    1325. 

  1325.         previewNewsIndex = 0;

    1326. 

  1326.         previewNewsMediaParent = "";

    1327. 

  1327.         newsPrevItemArr = new Array();

    1328. 

  1328.         

    1329. 

  1329.         var textPageInstanceHolder    = $( txt_modCont);

    1330. 

  1330.         var textPageInstance          = $( "#module-news-vertical", textPageInstanceHolder);

    1331. 

  1331. 		var moduleWidth               = textPageInstanceHolder.width();

    1332. 

  1332. 		var moduleHeight              = textPageInstanceHolder.height();        

    1333. 

  1333.         newsPrvH                      = $(shortNPH);

    1334. 

  1334.         newsPrvU                      = $(shortNPU);

    1335. 

  1335.         

    1336. 

  1336.         moduleUpdate( textPageInstanceHolder, $("#module-news-vertical-holder", textPageInstance), $("#module-news-vertical-holder div:first", textPageInstance), sideType ); 

    1337. 

  1337. 				

    1338. 

  1338.         if(touchDevice == 1){

    1339. 

  1339.             $("#module-news-vertical-holder").css("overflow", "auto").css("-webkit-overflow-scrolling", "touch");

    1340. 

  1340.             newsPrvH.css("overflow", "auto").css("-webkit-overflow-scrolling", "touch");

    1341. 

  1341.         }                

    1342. 

  1342.                 

    1343. 

  1343. 		var val = ( - moduleWidth) + "px"; 

    1344. 

  1344.         textPageInstanceHolder.attr("style", "left:" + val + "; visibility:visible;");				

    1345. 

  1345. 		TweenMax.to(  textPageInstanceHolder, .6, { css:{left: "0px" }, delay:0.1,  ease:Circ.easeInOut   });       

    1346. 

  1346. 		endModuleFunction = endModuleTextPage;

    1347. 

  1347.         moduleEnd = true;

    1348. 

  1348.         

    1349. 

  1349.         newsPrvH.css("display", "inline");

    1350. 

  1350.         var newsPrevItemMediaArr = new Array();

    1351. 

  1351.         $(textPageInstance).find("." + shortNP + "-horizontal-fix").each(function(){            

    1352. 

  1352.                 $(this).css("width", 999999);

    1353. 

  1353.                 var newsPrevItem = $("ul li",this);

    1354. 

  1354.                 var i = 0;

    1355. 

  1355.                 newsPrevItem.each(function(){                    

    1356. 

  1356.                         var mediaSrc = $(".media-holder-news-preview", this).attr("data-src");

    1357. 

  1357.                         newsPrevItemArr[ i ] = $(this); 

    1358. 

  1358.                         newsPrevItemMediaArr[ i ] = mediaSrc;

    1359. 

  1359.                         i++;    

    1360. 

  1360.                 });

    1361. 

  1361.                 $("ul", this).css("width", $("ul", this).width()).css("left", moduleWidth);

    1362. 

  1362.                 $(this).css("width", "");

    1363. 

  1363.         });

    1364. 

  1364.         newsPrvH.css("display", "");       

    1365. 

  1365.         

    1366. 

  1366.         var readMoreBtn = $("." + shortNIV + "-read-more", textPageInstance );

    1367. 

  1367.         var basicColor = rgb2hex(readMoreBtn.css("background-color"));

    1368. 

  1368.         var newsList = $("#module-news-vertical-holder");        

    1369. 

  1369.         var prevItemW = $("." + shortNP + "-horizontal-fix").width();

    1370. 

  1370.         readMoreBtn.hover(

    1371. 

  1371.             function(){ TweenMax.to($(this), 0.6, {css:{backgroundColor: themeColor}, easing:Sine.easeOut}); },

    1372. 

  1372.             function(){ TweenMax.to($(this), 0.6, {css:{backgroundColor: basicColor}, easing:Sine.easeOut}); }

    1373. 

  1373.         ); 

    1374. 

  1374.         

    1375. 

  1375.         var newsPreviewControls = $("#" + shortNP + "-controls");

    1376. 

  1376.         var newsPrevItemMargRight = parseInt($("li:first", newsPrvU).css("margin-right"), 10 );

    1377. 

  1377.         newsPreviewControls.css("left", moduleWidth );

    1378. 

  1378.         

    1379. 

  1379.         var nwsItem = $(".news-item-vertical", textPageInstance );

    1380. 

  1380.         var nwsItemTitle = $(".news-item-vertical-title", $(".news-item-vertical:first", textPageInstance) );

    1381. 

  1381.         var nwsTitleColor = rgb2hex(nwsItemTitle.css("color"));

    1382. 

  1382.         nwsItem.hover(

    1383. 

  1383.             function(){

    1384. 

  1384.                 TweenMax.to( $(".news-item-vertical-title", this), .6, {css:{color: themeColor}, easing:Sine.easeOut});

    1385. 

  1385.             },

    1386. 

  1386.             function(){

    1387. 

  1387.                 TweenMax.to( $(".news-item-vertical-title", this), .6, {css:{color: nwsTitleColor}, easing:Sine.easeOut});

    1388. 

  1388.             }

    1389. 

  1389.         );

    1390. 

  1390.         nwsItem.click(function(){

    1391. 

  1391.             previewNewsIndex = nwsItem.index(this);              

    1392. 

  1392.             newsItemClick( previewNewsIndex );

    1393. 

  1393.         });

    1394. 

  1394.         var newsItemTopPos = 0;        

    1395. 

  1395.         totalPreviews = newsPrvU.children().length;

    1396. 

  1396.         function newsItemClick( index ){

    1397. 

  1397.             if( moduleList != null ){

    1398. 

  1398.                 moduleList.disableList();

    1399. 

  1399.                 newsItemTopPos = moduleList.currentPosition();

    1400. 

  1400.                 var ts = $(t_scrBarV1);                                        

    1401. 

  1401.                 TweenMax.to( ts, .3, {css:{opacity: "0"}, easing:Sine.easeOut, onComplete: function(){ ts.css("display", "none"); } });

    1402. 

  1402.             }

    1403. 

  1403.             newsPrvH.css("display", "inline");

    1404. 

  1404.             var newsListW = $(newsList).width() + $(newsList).position().left + 30;            

    1405. 

  1405.             var i = 0;

    1406. 

  1406.             for( i; i < totalPreviews; i++){

    1407. 

  1407.                 if( i == index ){ newsPrevItemArr[ i ].css("display", "inline"); }

    1408. 

  1408.                 else { newsPrevItemArr[ i ].css("display", "none"); }

    1409. 

  1409.             }           

    1410. 

  1410.             $(".news-preview-counter span").empty().append( (index+1) + "/" + totalPreviews );                  

    1411. 

  1411.             TweenMax.to(newsList, .6, {css:{left: - newsListW }, delay:0.1, easing: Sine.easeOut})

    1412. 

  1412.             TweenMax.to([newsPrvU, newsPreviewControls], .6, {css:{left: "0px" }, delay:0.1, easing: Sine.easeOut, onComplete:loadNewsVerticalPreview, onCompleteParams:[index]});

    1413. 

  1413.         }

    1414. 

  1414.         

    1415. 

  1415.         function loadNewsVerticalPreview( index ){     

    1416. 

  1416.             var scrollValue = index * (prevItemW + newsPrevItemMargRight);

    1417. 

  1417.             if( previewNewsOpen == false ){

    1418. 

  1418.                 previewNewsOpen = true; 

    1419. 

  1419.                 newsPrvU.css("left", -(scrollValue) + "px");

    1420. 

  1420.                 newsPreviewItemDisplay( "inline" ); 

    1421. 

  1421.                 checkScrollBar( previewNewsOpen );  

    1422. 

  1422.             }

    1423. 

  1423.             else{

    1424. 

  1424.                 $(".news-preview-counter span").empty().append( (index+1) + "/" + totalPreviews );

    1425. 

  1425.                 TweenMax.to(newsPrvU, 0.6, {css:{left:-scrollValue}, delay:0.1, easing:Sine.easeOut, onComplete: checkScrollBar, onCompleteParams:[previewNewsOpen]});  

    1426. 

  1426.             }

    1427. 

  1427.         }

    1428. 

  1428.         function checkScrollBar( previewNewsOpen ){

    1429. 

  1429.             enablePreviewClose(true);

    1430. 

  1430.             if( moduleList != null){

    1431. 

  1431.                 moduleList.destroy( false );   

    1432. 

  1432.                 moduleList = null;

    1433. 

  1433.             }

    1434. 

  1434.             var i = 0;

    1435. 

  1435.             for( i; i < totalPreviews; i++){ if( i != previewNewsIndex ){ newsPrevItemArr[ i ].css("display", "none"); } }

    1436. 

  1436.             

    1437. 

  1437.             moduleUpdate( textPageInstanceHolder, $("#module-news-preview-holder", textPageInstance), $("#module-news-preview-container", textPageInstance), "custom", 0 );            

    1438. 

  1438.                        

    1439. 

  1439.             previewNewsMediaParent = $(".media-holder-news-preview", newsPrevItemArr[ previewNewsIndex ]);

    1440. 

  1440.             if( $("img", previewNewsMediaParent).length <= 0 ){

    1441. 

  1441.                 previewNewsMediaParent.empty().append('<img width="100%" class="opacity_0" onload="animateNewsPreviewMedia(this)" />');

    1442. 

  1442.                 $("img", previewNewsMediaParent).attr("src", newsPrevItemMediaArr[ previewNewsIndex ]);

    1443. 

  1443.             }

    1444. 

  1444.             else{

    1445. 

  1445.                 if( touchDevice == 1){

    1446. 

  1446.                     $("#module-news-preview-container", textPageInstance).css("height", "");

    1447. 

  1447.                     $("#module-news-preview-container", textPageInstance).css("height", $("#module-news-preview-container", textPageInstance).height());    

    1448. 

  1448.                 }

    1449. 

  1449.             }

    1450. 

  1450.             newsPreviewItemDisplay( "inline" ); 

    1451. 

  1451.         }

    1452. 

  1452.         var initBackColor = rgb2hex( $("." + shortNP + "-backward ." + shortNP + "-backg").css("background-color") );

    1453. 

  1453.         $("." + shortNP + "-backward, ." + shortNP + "-forward, ." + shortNP + "-close").hover(

    1454. 

  1454.             function(){ TweenMax.to( $("." + shortNP + "-backg", this), 0.3, {css:{backgroundColor: themeColor }, easing:Sine.easeOut }); },

    1455. 

  1455.             function(){ TweenMax.to( $("." + shortNP + "-backg", this), 0.3, {css:{backgroundColor: initBackColor}, easing:Sine.easeOut }); }

    1456. 

  1456.         );

    1457. 

  1457.         $("." + shortNP + "-backward, ." + shortNP + "-forward", textPageInstance ).click(

    1458. 

  1458.             function(){

    1459. 

  1459.                 var index = previewNewsIndex;

    1460. 

  1460.                 if( $(this).hasClass("" + shortNP + "-backward") == true ){

    1461. 

  1461.                     index--;

    1462. 

  1462.                     changeNewsPreviewMedia( index );

    1463. 

  1463.                 }

    1464. 

  1464.                 else if( $(this).hasClass("" + shortNP + "-forward") == true ){

    1465. 

  1465.                     index++;

    1466. 

  1466.                     changeNewsPreviewMedia( index );

    1467. 

  1467.                 }

    1468. 

  1468.         });

    1469. 

  1469.         function changeNewsPreviewMedia( index ){

    1470. 

  1470.             if( index < 0)index = 0;

    1471. 

  1471.             if( index > totalPreviews-1)index = totalPreviews-1;

    1472. 

  1472.             if( index == previewNewsIndex)return;

    1473. 

  1473.             enablePreviewClose( false )

    1474. 

  1474.             previewNewsIndex = index;

    1475. 

  1475.             loadNewsVerticalPreview( previewNewsIndex );   

    1476. 

  1476.         }

    1477. 

  1477.            

    1478. 

  1478.         newsPrvU.wipetouch({

    1479. 

  1479.           tapToClick: false, /*if user taps the screen, triggers a click event*/

    1480. 

  1480.           preventDefault: false,

    1481. 

  1481.           wipeLeft: function(result) { 

    1482. 

  1482.             var index = previewNewsIndex; index++;

    1483. 

  1483.             changeNewsPreviewMedia( index )

    1484. 

  1484.             },

    1485. 

  1485.           wipeRight: function(result) { 

    1486. 

  1486.             var index = previewNewsIndex; index--;

    1487. 

  1487.             changeNewsPreviewMedia( index )

    1488. 

  1488.             }

    1489. 

  1489.         });     

    1490. 

  1490.         

    1491. 

  1491.         /*initial close enabled*/

    1492. 

  1492.         enablePreviewClose(true);

    1493. 

  1493.         function enablePreviewClose( enable ){

    1494. 

  1494.             var newsPreviewCloseBtn = $("." + shortNP + "-close", textPageInstance);

    1495. 

  1495.             newsPreviewCloseBtn.unbind("click");            

    1496. 

  1496.             if( enable == true ){

    1497. 

  1497.                 newsPreviewCloseBtn.click(function(){ click_PreviewClose();});

    1498. 

  1498.                 TweenMax.to(newsPreviewCloseBtn, .4, {css:{opacity:"1"}, easing:Sine.easeOut});

    1499. 

  1499.             }

    1500. 

  1500.             else{ TweenMax.to(newsPreviewCloseBtn, .4, {css:{opacity:"0.5"}, easing:Sine.easeOut}); }             

    1501. 

  1501.         }

    1502. 

  1502.         function click_PreviewClose(){

    1503. 

  1503.             previewNewsOpen = false;                      

    1504. 

  1504.             newsPrvU.css("left", 0);

    1505. 

  1505.             var i = 0;        

    1506. 

  1506.             for( i; i < totalPreviews; i++){ if( i != previewNewsIndex ){ newsPrevItemArr[ i ].css("display", "none"); } }

    1507. 

  1507.             TweenMax.to([newsPrvU, newsPreviewControls], 0.6, {css:{left: $(newsList).width()}, delay:0.1, easing:Sine.easeOut});            

    1508. 

  1508.             TweenMax.to($(t_scrBarV1), .3, {css:{opacity: "0"}, easing:Sine.easeOut });

    1509. 

  1509.             TweenMax.to(newsList, .6, {css:{left: "0" }, delay:0.1, easing: Sine.easeOut, onComplete: disableNewsPreview})

    1510. 

  1510.         }        

    1511. 

  1511.         function disableNewsPreview(){

    1512. 

  1512.             newsPrvH.css("display", "none");

    1513. 

  1513.             $(t_scrBarV1).css("display", "none");

    1514. 

  1514.             if(moduleList!= null){

    1515. 

  1515.                 moduleList.destroy( true );

    1516. 

  1516.                 moduleList = null;                

    1517. 

  1517.             }

    1518. 

  1518.             moduleUpdate( textPageInstanceHolder, $("#module-news-vertical-holder", textPageInstance), $("#module-news-vertical-holder div:first", textPageInstance), sideType, null, null, newsItemTopPos );            

    1519. 

  1519.         }       

    1520. 

  1520.     }    

    1521. 

  1521.     function animateNewsPreviewMedia( src ){       

    1522. 

  1522.         var inst = $(src);

    1523. 

  1523.         TweenMax.to($(src).parent(), .3, {css:{ height: inst.height()}, easing:Sine.easeOut});

    1524. 

  1524.         TweenMax.to(inst, .4, {css:{ opacity:'1'}, easing:Sine.easeOut, onComplete: moduleUpdate_news});

    1525. 

  1525.     }

    1526. 

  1526.     function newsPreviewItemDisplay( display ){

    1527. 

  1527.             var i = 0;        

    1528. 

  1528.             for( i; i < totalPreviews; i++){newsPrevItemArr[ i ].css("display", display);}

    1529. 

  1529.     }  

    1530. 

  1530. 	/*================= CONTACT ================================*/

    1531. 

  1531. 	function moduleContact(){

    1532. 

  1532.         var textPageInstanceHolder    = $( txt_modCont);

    1533. 

  1533.         var textPageInstance          = $( "#module-wrapper", textPageInstanceHolder);

    1534. 

  1534.         if( textPageInstance.length <= 0 ){return;}

    1535. 

  1535.         var $mapHolder   = $("#module-container #map-holder");

    1536. 

  1536.         var winH        = $(window).height();

    1537. 

  1537.         var winW        = $(window).width();

    1538. 

  1538.         var mapW        = window.width-get_OffsetWidth()-$("#module-scrollbar-holder_v2").width();//screen.width;/**/

    1539. 

  1539.         var mapLeft     = 0;//(- get_OffsetWidth()) * .5;

    1540. 

  1540.        

    1541. 

  1541.         var mapH        = $mapHolder.height();          

    1542. 

  1542.         if( $mapHolder.length > 0 ){

    1543. 

  1543.            $mapHolder.attr("style", "display: inline; visibility: visible;");

    1544. 

  1544.            $mapHolder.css("opacity", "0").css("width", mapW);   

    1545. 

  1545.            $mapHolder.css("left", mapLeft + "px");  

    1546. 

  1546.            TweenMax.to( $mapHolder, .3, {css:{opacity: "1"}, easing: Sine.easeOut });

    1547. 

  1547.            var iconSize = $mapHolder.attr("data-size").split(",");

    1548. 

  1548.            var anchor = $mapHolder.attr("data-anchor").split(",");     

    1549. 

  1549.         }  

    1550. 

  1550.         

    1551. 

  1551.         var currWindowW             = $(window).width() - get_OffsetWidth() - $(t_scrBarV2).width();

    1552. 

  1552.         if( touchDevice == 1){ currWindowW = $(window).width() - templateMenuW; }  

    1553. 

  1553.         textPageInstance.css("width", currWindowW);

    1554. 

  1554.         

    1555. 

  1555.         if( $("div:first", textPageInstance).height() <= $(window).height() )

    1556. 

  1556.         { currWindowW = currWindowW + $(t_scrBarV2).width(); }

    1557. 

  1557.          

    1558. 

  1558.         textPageInstance.css("width", currWindowW); 

    1559. 

  1559.         moduleUpdate( textPageInstanceHolder, textPageInstance, $("div:first", textPageInstance), sideType );                 

    1560. 

  1560.         

    1561. 

  1561. 		var $modContact  = $("#module-container #module-contact");

    1562. 

  1562. 		var modContactH = $modContact.height();

    1563. 

  1563.         var conH        = ((winH - mapH) >= modContactH ) ? (winH - mapH) : modContactH;

    1564. 

  1564.         $modContact.attr( "style", "bottom: " + (-conH) + "px; height: "+ conH + "px; visibility: visible;" );	

    1565. 

  1565.         contactFormSetup();  

    1566. 

  1566.         moduleUpdate_contact();  	

    1567. 

  1567. 		TweenMax.to(  $modContact, .6, { css:{ bottom:"0px" },  ease:Circ.easeInOut,

    1568. 

  1568.                 onComplete: function(){ 

    1569. 

  1569.                     $mapHolder.gMap({

    1570. 

  1570.                                     controls: {

    1571. 

  1571.                                         panControl: true,

    1572. 

  1572.                                         zoomControl: true,

    1573. 

  1573.                                         mapTypeControl: false,

    1574. 

  1574.                                         scaleControl: false,

    1575. 

  1575.                                         streetViewControl: false,

    1576. 

  1576.                                         overviewMapControl: false

    1577. 

  1577.                                     },

    1578. 

  1578.                                     scrollwheel: true,

    1579. 

  1579.                                 	address: $mapHolder.attr("data-address"),

    1580. 

  1580.                                 	zoom: 5,

    1581. 

  1581.                                 	markers:[{

    1582. 

  1582.                                 			latitude: $mapHolder.attr("data-latitude"),

    1583. 

  1583.                                 			longitude: $mapHolder.attr("data-longitude")/*,

    1584. 

  1584.                                             icon: {

    1585. 

  1585.                                 				image: $mapHolder.attr("data-icon"),

    1586. 

  1586.                                 				iconsize: [iconSize[0], iconSize[1]],

    1587. 

  1587.                                 				iconanchor: [anchor[0], anchor[1]]

    1588. 

  1588.                                 			}*/

    1589. 

  1589.                                		}]

    1590. 

  1590.                                 });                         

    1591. 

  1591.                 }

    1592. 

  1592.         });

    1593. 

  1593.         var modContainerW = $("#module-container").width();

    1594. 

  1594.         $("#module-contact-holder").css("left", (modContainerW - $("#module-contact-holder").width())*.5 + "px");        

    1595. 

  1595.         endModuleFunction = null;

    1596. 

  1596.         moduleEnd = true;

    1597. 

  1597.         

    1598. 

  1598. 		var inputDefaultText = '';

    1599. 

  1599.         var btnBackgColor = rgb2hex( $("#form-reset").css("background-color") );

    1600. 

  1600. 		$("#form-reset, #form-send").hover(

    1601. 

  1601. 			function() {

    1602. 

  1602. 							TweenMax.to( $(this), .6, { css:{backgroundColor:themeColor}, ease:Circ.easeOut });

    1603. 

  1603. 					   }, 

    1604. 

  1604. 			function() {

    1605. 

  1605. 							TweenMax.to( $(this), .6, { css:{backgroundColor:btnBackgColor}, ease:Circ.easeOut });

    1606. 

  1606.         });

    1607. 

  1607. 		$(".form-input-half-left input, .form-input-half-right input, .form-input-large input, .form-input-textarea textarea").focus(

    1608. 

  1608. 			function() {

    1609. 

  1609. 			                var $obj    = $(this),

    1610. 

  1610.                                 $parent = $obj.parent();

    1611. 

  1611. 			                if( $parent.hasClass("form-input-error-border") == true ){

    1612. 

  1612. 			                   setFormInputBorder( $parent, "form-input-error-border", "form-input-border" );    

    1613. 

  1613. 			                }

    1614. 

  1614. 							if( $obj.val() == ($obj.attr('name') + ' ' + '*' ) ){

    1615. 

  1615. 									inputDefaultText = $obj.val();	

    1616. 

  1616. 									$obj.val('');

    1617. 

  1617. 							}

    1618. 

  1618. 							TweenMax.to( $(".form-input-background", $parent), .6, { css:{backgroundColor:"#ffffff", opacity:"1"}, ease:Circ.easeOut });

    1619. 

  1619.         });	

    1620. 

  1620. 		$(".form-input-half-left input, .form-input-half-right input, .form-input-large input, .form-input-textarea textarea").focusout(

    1621. 

  1621. 			function() {

    1622. 

  1622. 			                var $obj = $(this); 

    1623. 

  1623. 							if( $obj.val() == '' || $obj.val() == ' ' )$obj.val( inputDefaultText );

    1624. 

  1624. 							TweenMax.to( $(".form-input-background", $obj.parent()), .6, { css:{backgroundColor:"#9e9e9e", opacity:"0.2"}, ease:Circ.easeOut });

    1625. 

  1625.         });

    1626. 

  1626. 	}

    1627. 

  1627.     function showMap(){

    1628. 

  1628.         var mapHolder = $("#module-container #map-holder");

    1629. 

  1629.         var iFrame  = $("iframe", mapHolder);

    1630. 

  1630.         iFrame.css("opacity", "0");

    1631. 

  1631.         iFrame.css("display", "inline");

    1632. 

  1632.         TweenMax.to(iFrame, .3, {css:{opacity: "1"}, easing: Sine.easeOut });

    1633. 

  1633.     }

    1634. 

  1634.     var name = "", email = "", phone = "", messg = "",

    1635. 

  1635.         nameDefTxt = "", emailDefTxt = "", phoneDefTxt = "", messgDefTxt = "",

    1636. 

  1636.         resetBtn = "", sendBtn = "", sendBtnText = "", btnTextSend = ""; 

    1637. 

  1637.         

    1638. 

  1638.     function contactFormSetup(){

    1639. 

  1639.     	

    1640. 

  1640.         $name = $("#contact-form #name");

    1641. 

  1641.         $email = $("#contact-form #email");

    1642. 

  1642.         $phone = $("#contact-form #phone");

    1643. 

  1643.         $messg = $("#contact-form #message");

    1644. 

  1644.         

    1645. 

  1645.         nameDefTxt = $name.val();

    1646. 

  1646.         emailDefTxt = $email.val();

    1647. 

  1647.         phoneDefTxt = $phone.val();

    1648. 

  1648.         messgDefTxt = $messg.val();

    1649. 

  1649. 

    1650. 

  1650.         

    1651. 

  1651.         $resetBtn = $("#contact-form #form-reset");

    1652. 

  1652.         $sendBtn = $("#contact-form #form-send");

    1653. 

  1653.         sendBtnText = $("p", $sendBtn).text();

    1654. 

  1654.         btnTextSend = ($sendBtn.attr("data-sending-txt") != undefined ) ? $sendBtn.attr("data-sending-txt") : "null";

    1655. 

  1655.         

    1656. 

  1656.         var parentArr = [$name.parent($name), $email.parent($email), $phone.parent($phone), $messg.parent($messg)];

    1657. 

  1657.         

    1658. 

  1658.         var $responseForm = $("#response-form");

    1659. 

  1659.             

    1660. 

  1660.         $resetBtn.click(function(){

    1661. 

  1661.             resetFormValues();

    1662. 

  1662.             setFormArrInputBorder( parentArr, "form-input-error-border", "form-input-border" );           

    1663. 

  1663.             

    1664. 

  1664.             TweenMax.to( $responseForm, .4, {css:{opacity:0}, delay:0.1, easing:Sine.easeOut, onComplete: function(){

    1665. 

  1665.                                   $("p", $responseForm).css("display", "none");//inline-block

    1666. 

  1666.                                   $("#form-warning", $responseForm).css("display", "none");//inline-block

    1667. 

  1667.             }});

    1668. 

  1668.         });

    1669. 

  1669.         

    1670. 

  1670.         var sendingVal = false;

    1671. 

  1671.         $sendBtn.click(function(){  

    1672. 

  1672.             if( sendingVal == true )return

    1673. 

  1673.             var validForm = validateForm();

    1674. 

  1674.             $responseForm.css("display", "inline-block").css("opacity", "0");

    1675. 

  1675.             if( validForm.valid == true ){

    1676. 

  1676.                 sendingVal = true;                                 

    1677. 

  1677.                 if( contactFormDemo == true ){

    1678. 

  1678.                     if( btnTextSend != "null" ){

    1679. 

  1679.                         changeTxtSendBtn( $("p", $sendBtn), btnTextSend );

    1680. 

  1680.                         TweenMax.to( $sendBtn, .6, { css:{opacity: 0.5}, ease:Sine.easeOut, onComplete: function(){

    1681. 

  1681.                                  sendingVal = false;

    1682. 

  1682.                                  changeTxtSendBtn( $("p", $sendBtn), sendBtnText )

    1683. 

  1683.                                  TweenMax.to( $sendBtn, .4, {css:{opacity: 1}, easing:Sine.easeOut});

    1684. 

  1684.                                  runSendAnimation( "inline-block", "none", "none" );

    1685. 

  1685.                         }});   

    1686. 

  1686.                     }  

    1687. 

  1687.                 }else{

    1688. 

  1688.                     if( btnTextSend != "null" ){

    1689. 

  1689.                         changeTxtSendBtn( $("p", $sendBtn), btnTextSend );

    1690. 

  1690.                         TweenMax.to( $sendBtn, .6, { css:{opacity: 0.5}, ease:Sine.easeOut});   

    1691. 

  1691.                     }

    1692. 

  1692.                     /*$.ajax({

    1693. 

  1693.                        url: phpUrlPath,

    1694. 

  1694.                        type: "post",

    1695. 

  1695.                        data: ({senderName : $name.val(), senderEmail : $email.val(), senderPhone : $phone.val(), senderMessage : $messg.val()}),

    1696. 

  1696.                        dataType: "json",

    1697. 

  1697.                        success: function(data){

    1698. 

  1698.                          $responseForm.css("display", "inline-block").css("opacity", "1");

    1699. 

  1699.                          $("p", $responseForm).css("display", "inline-block");

    1700. 

  1700.                          if(data.result == true){

    1701. 

  1701.                             runSendAnimation( "inline-block", "none", "none" );

    1702. 

  1702.                          }

    1703. 

  1703.                          else{

    1704. 

  1704.                             $("#server-error", $responseForm).empty().text(data.msg);

    1705. 

  1705.                             runSendAnimation( "none", "none", "inline-block" );

    1706. 

  1706.                          }

    1707. 

  1707.                          

    1708. 

  1708.                          changeTxtSendBtn( $("p", $sendBtn), sendBtnText );

    1709. 

  1709.                          TweenMax.to( $sendBtn, .4, {css:{opacity: 1}, easing:Sine.easeOut});

    1710. 

  1710.                          sendingVal = false;                         

    1711. 

  1711.                        },

    1712. 

  1712.                        error: function(err){

    1713. 

  1713.                     	   debugger;

    1714. 

  1714.                        }

    1715. 

  1715.                      });*/

    1716. 

  1716.                     

    1717. 

  1717.                     $.post(phpUrlPath, {'senderName' : $name.val(), 'senderEmail' : $email.val(), 'senderPhone' : $phone.val(), 'senderMessage' : $messg.val()}, function(data){

    1718. 

  1718.                     	data = $.parseJSON(data);

    1719. 

  1719.                     	$responseForm.css("display", "inline-block").css("opacity", "1");

    1720. 

  1720.                         $("p", $responseForm).css("display", "inline-block");

    1721. 

  1721.                         if(data.result == true){

    1722. 

  1722.                            runSendAnimation( "inline-block", "none", "none" );

    1723. 

  1723.                         }

    1724. 

  1724.                         else{

    1725. 

  1725.                            $("#server-error", $responseForm).empty().text(data.msg);

    1726. 

  1726.                            runSendAnimation( "none", "none", "inline-block" );

    1727. 

  1727.                         }

    1728. 

  1728.                         

    1729. 

  1729.                         changeTxtSendBtn( $("p", $sendBtn), sendBtnText );

    1730. 

  1730.                         TweenMax.to( $sendBtn, .4, {css:{opacity: 1}, easing:Sine.easeOut});

    1731. 

  1731.                         sendingVal = false;

    1732. 

  1732.                     });

    1733. 

  1733.                 }  

    1734. 

  1734.             }

    1735. 

  1735.             else{

    1736. 

  1736.                 if( validForm.highlightInp != "null" ){

    1737. 

  1737.                    var arr = validForm.highlightInp,

    1738. 

  1738.                         t = arr.length;                        

    1739. 

  1739.                     while(t--){

    1740. 

  1740.                         var parent = $(arr[ t ]).parent(arr[ t ]);                            

    1741. 

  1741.                         setFormInputBorder( parent, "form-input-border", "form-input-error-border" );

    1742. 

  1742.                     }    

    1743. 

  1743.                     

    1744. 

  1744.                 }

    1745. 

  1745.                 $responseForm.css("display", "inline-block").css("opacity", "0");

    1746. 

  1746.                 $("p", $responseForm).css("display", "none");

    1747. 

  1747.                 $("#form-warning", $responseForm).css("display", "inline-block");

    1748. 

  1748.                 TweenMax.to( $responseForm, .4, {css:{opacity: 1}, delay: 0.1, easing:Sine.easeOut});

    1749. 

  1749.             }

    1750. 

  1750.              

    1751. 

  1751.         });

    1752. 

  1752.         function changeTxtSendBtn( obj, param ){

    1753. 

  1753.             obj.empty().append(param);   

    1754. 

  1754.         }

    1755. 

  1755.         function validateForm(){

    1756. 

  1756.             var valid = true,

    1757. 

  1757.                 nameVal = $name.val(),

    1758. 

  1758.                 emailVal = $email.val(),

    1759. 

  1759.                 phoneVal = $phone.val(),

    1760. 

  1760.                 messgVal = $messg.val();

    1761. 

  1761.              

    1762. 

  1762.             var highlightInput = [];

    1763. 

  1763.             var i = 0;    

    1764. 

  1764.             if( nameVal == nameDefTxt || nameVal == "" ){

    1765. 

  1765.                 valid = false;

    1766. 

  1766.                 highlightInput[i] = $name;

    1767. 

  1767.                 i++;

    1768. 

  1768.             }

    1769. 

  1769.             

    1770. 

  1770.             if( emailVal == emailDefTxt || emailVal == "" || isValidEmailAddress( emailVal ) == false ){

    1771. 

  1771.                 valid = false;

    1772. 

  1772.                 highlightInput[i] = $email;

    1773. 

  1773.                 i++;

    1774. 

  1774.             }

    1775. 

  1775.             if( phoneVal == phoneDefTxt || phoneVal == "" || isValidPhone( phoneVal ) == false ){

    1776. 

  1776.                 valid = false;

    1777. 

  1777.                 highlightInput[i] = $phone;

    1778. 

  1778.                 i++;

    1779. 

  1779.             }

    1780. 

  1780.             if( messgVal == messgDefTxt || messgVal == "" ){

    1781. 

  1781.                 valid = false;

    1782. 

  1782.                 highlightInput[i] = $messg;

    1783. 

  1783.                 i++;

    1784. 

  1784.             }

    1785. 

  1785.             highlightInput = ( highlightInput.length > 0 ) ? highlightInput : "null";

    1786. 

  1786.             return {valid: valid, highlightInp:highlightInput};

    1787. 

  1787.         } 

    1788. 

  1788.                                

    1789. 

  1789.     }

    1790. 

  1790.     function resetFormValues(){

    1791. 

  1791.         $name.val( nameDefTxt );

    1792. 

  1792.         $email.val( emailDefTxt );

    1793. 

  1793.         $phone.val( phoneDefTxt );

    1794. 

  1794.         $messg.val( messgDefTxt );

    1795. 

  1795.     }

    1796. 

  1796.     function runSendAnimation( v1, v2, v3  ){

    1797. 

  1797.     	var $responseForm = $("#response-form");

    1798. 

  1798.         if( $responseForm.length > 0 ){

    1799. 

  1799.             resetFormValues();

    1800. 

  1800.             $responseForm.css("display", "inline-block").css("opacity", "0");

    1801. 

  1801.             $("p", $responseForm).css("display", v1);

    1802. 

  1802.             $("#form-warning", $responseForm).css("display", v2);

    1803. 

  1803.             $("#server-error", $responseForm).css("display", v3);

    1804. 

  1804.             var delay = (v3 != "none") ? 2 : 1.3;

    1805. 

  1805.             TweenMax.to( $responseForm, .4, {css:{opacity:1}, easing:Sine.easeOut, onComplete: function(){

    1806. 

  1806.                      TweenMax.to( $responseForm, .4, {css:{opacity: 0}, delay: delay, easing:Sine.easeOut});

    1807. 

  1807.             }});

    1808. 

  1808.         }

    1809. 

  1809.     }

    1810. 

  1810.     function setFormArrInputBorder( parent, v1, v2 ){

    1811. 

  1811.         if( $.isArray(parent) == true ){

    1812. 

  1812.             var t = parent.length;                        

    1813. 

  1813.             while(t--){                           

    1814. 

  1814.                 setFormInputBorder( parent[t], v1, v2 );

    1815. 

  1815.             } 

    1816. 

  1816.         }            

    1817. 

  1817.     }

    1818. 

  1818.     function setFormInputBorder( parent, v1, v2 ){

    1819. 

  1819.         if( parent.hasClass( v1 ) == true ){

    1820. 

  1820.             parent.removeClass( v1 )

    1821. 

  1821.         }

    1822. 

  1822.         if( parent.hasClass( v2 ) == false ){

    1823. 

  1823.             parent.addClass( v2 )

    1824. 

  1824.         }

    1825. 

  1825.     }

    1826. 

  1826.     function isValidPhone( phoneNumber ){

    1827. 

  1827.         var pattern = new RegExp(/^[0-9-+]+$/);

    1828. 

  1828.         return pattern.test(phoneNumber);

    1829. 

  1829.     }

    1830. 

  1830.     function isValidEmailAddress(emailAddress) {

    1831. 

  1831.         var pattern = new RegExp(/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i);

    1832. 

  1832.         return pattern.test(emailAddress);

    1833. 

  1833.     };

    1834. 

  1834.     

    1835. 

  1835. 	/*================= SHOWREEL ===============================*/

    1836. 

  1836. 	function moduleShowreel(){

    1837. 

  1837.         var textPageInstanceHolder    = $( txt_modCont);

    1838. 

  1838.         var textPageInstance          = $( "#module-showreel", textPageInstanceHolder);

    1839. 

  1839.         if( textPageInstance.length <= 0 ){return;}

    1840. 

  1840. 		var modulePositionType        = textPageInstanceHolder.attr("data-id");

    1841. 

  1841. 		var moduleWidth               = textPageInstance.width();        

    1842. 

  1842. 		

    1843. 

  1843.         moduleUpdate( textPageInstanceHolder, textPageInstance, $("div:first", textPageInstance), sideType );           

    1844. 

  1844.         textPageInstance.css("width", "0px").css("visibility", "visible");              

    1845. 

  1845. 		

    1846. 

  1846.         var showreelVideo = $("#video-wrapper", textPageInstanceHolder);

    1847. 

  1847.         var media = $("#module-showreel-holder", textPageInstance);

    1848. 

  1848.         if( touchDevice == 1){

    1849. 

  1849.             if( showreelVideo.children().length > 0 ){

    1850. 

  1850.                 tempVid = $("div:first", showreelVideo);

    1851. 

  1851.                 media.empty();

    1852. 

  1852.                 media.append(tempVid);                    

    1853. 

  1853.                 

    1854. 

  1854.             }

    1855. 

  1855.             showreelVideo = $("#video-wrapper", textPageInstanceHolder);

    1856. 

  1856.         }

    1857. 

  1857.         showreelVideo.empty();

    1858. 

  1858.         if( showreelVideo.length > 0 )templateAddMediaVideo( showreelVideo.attr("data-video-type"), showreelVideo, undefined )

    1859. 

  1859.         

    1860. 

  1860.         TweenMax.to(  textPageInstance, .4, { css:{ width: moduleWidth + "px" },  ease:Quad.easeOut   });	        

    1861. 

  1861.         endModuleFunction = endModuleShowreel;

    1862. 

  1862.         moduleEnd = true;

    1863. 

  1863. 	}

    1864. 

  1864.     function endModuleShowreel(){   

    1865. 

  1865.         var textPageInstance = $("#module-showreel");		

    1866. 

  1866. 		var moduleWidth = textPageInstance.width();		

    1867. 

  1867. 		TweenMax.to(  textPageInstance, .6, { css:{ width: "0px" },  ease:Quad.easeInOut, onComplete:function(){            

    1868. 

  1868.                 destroyVideoJS();

    1869. 

  1869.             }

    1870. 

  1870.         });

    1871. 

  1871.         endModuleFunction = null;       

    1872. 

  1872.     }

    1873. 

  1873.     function reverseEndModuleShowreel(){

    1874. 

  1874.         var textPageInstanceHolder    = $( txt_modCont);

    1875. 

  1875.         var textPageInstance          = $( "#module-showreel", textPageInstanceHolder);       

    1876. 

  1876.         if( textPageInstance.length <= 0 ){return;}        

    1877. 

  1877.         textPageInstance.css("visibility", "hidden");

    1878. 

  1878.         textPageInstance.css("width", ""); 

    1879. 

  1879.         var moduleWidth               = textPageInstance.width();

    1880. 

  1880.         textPageInstance.css("width", "0px").css("visibility", "visible");

    1881. 

  1881.         

    1882. 

  1882.         var showreelVideo = $("#video-wrapper", textPageInstanceHolder);

    1883. 

  1883.         var media = $("#module-showreel-holder", textPageInstance);

    1884. 

  1884.         if( touchDevice == 1){

    1885. 

  1885.             if( showreelVideo.children().length > 0 ){

    1886. 

  1886.                 tempVid = $("div:first", showreelVideo);

    1887. 

  1887.                 media.empty();

    1888. 

  1888.                 media.append(tempVid);                    

    1889. 

  1889.                 

    1890. 

  1890.             }

    1891. 

  1891.         }

    1892. 

  1892.         showreelVideo = $("#video-wrapper", textPageInstanceHolder);

    1893. 

  1893.         showreelVideo.empty();

    1894. 

  1894.         if( showreelVideo.length > 0 ){templateAddMediaVideo( showreelVideo.attr("data-video-type"), showreelVideo, undefined );}

    1895. 

  1895.         TweenMax.to(  textPageInstance, .4, { css:{ width: moduleWidth + "px" },  ease:Quad.easeOut   });	        

    1896. 

  1896.         endModuleFunction = endModuleShowreel;

    1897. 

  1897.         moduleEnd = true;

    1898. 

  1898.     }

    1899. 

  1899.     /*================= FULLSCREEN VIDEO ========================*/

    1900. 

  1900.     function moduleFullscreenVideo(){

    1901. 

  1901.         var textPageInstanceHolder    = $( txt_modCont);

    1902. 

  1902.         var textPageInstance          = $( "#module-fullscreen-video", textPageInstanceHolder);

    1903. 

  1903.         var width                     = $(window).width() - get_OffsetWidth();

    1904. 

  1904.         var height                    = $(window).height();      

    1905. 

  1905.         

    1906. 

  1906.         textPageInstance.css("opacity", "0");

    1907. 

  1907.         textPageInstance.attr("style", "width:" + width + "px; height:" + height + "px;" );    

    1908. 

  1908.         textPageInstanceHolder.css("visibility", "visible");

    1909. 

  1909.        	TweenMax.to(  textPageInstance, .6, { css:{ opacity: "1"},  ease:Circ.easeOut   });

    1910. 

  1910.         

    1911. 

  1911.         var fullscreenVideo = $("#video-wrapper", textPageInstanceHolder);

    1912. 

  1912.         if( fullscreenVideo.length > 0 ){

    1913. 

  1913.             fullscreenVideo.attr("data-width", width);

    1914. 

  1914.             fullscreenVideo.attr("data-height", height);        

    1915. 

  1915.             

    1916. 

  1916.             var media = $("#fullscreen-video-holder", textPageInstance);

    1917. 

  1917.             if( touchDevice == 1){

    1918. 

  1918.                 if( fullscreenVideo.children().length > 0 ){

    1919. 

  1919.                     tempVid = $("div:first", fullscreenVideo);

    1920. 

  1920.                     media.empty();

    1921. 

  1921.                     media.append(tempVid);                    

    1922. 

  1922.                     

    1923. 

  1923.                 }

    1924. 

  1924.                 fullscreenVideo = $("#video-wrapper", textPageInstanceHolder);

    1925. 

  1925.             }

    1926. 

  1926.             fullscreenVideo.empty();

    1927. 

  1927.             templateAddMediaVideo( fullscreenVideo.attr("data-video-type"), fullscreenVideo, undefined );   

    1928. 

  1928.         }

    1929. 

  1929.                 

    1930. 

  1930.     }

    1931. 

  1931.     /*================= PRICING TABLES ========================*/

    1932. 

  1932.     function modulePricingTables(){

    1933. 

  1933.         var textPageInstanceHolder    = $( txt_modCont);

    1934. 

  1934.         var textPageInstance          = $( "#module-pricing", textPageInstanceHolder);

    1935. 

  1935.         

    1936. 

  1936.         if( textPageInstance.length <= 0 )return;

    1937. 

  1937.                

    1938. 

  1938.         var moduleWidth               = textPageInstanceHolder.width();

    1939. 

  1939. 		var moduleHeight              = textPageInstanceHolder.height();

    1940. 

  1940.         moduleUpdate( textPageInstanceHolder, textPageInstance, $("div:first", textPageInstance), sideType );     

    1941. 

  1941.                          

    1942. 

  1942. 		var val = parseInt( textPageInstanceHolder.css("left"), 10);

    1943. 

  1943.         textPageInstanceHolder.css("left", "100%").css("visibility", "visible" ); 

    1944. 

  1944. 		TweenMax.to(  textPageInstanceHolder, .5, { css:{ left: val }, delay: 0.1, ease:Circ.easeOut});

    1945. 

  1945.         

    1946. 

  1946.         $("#pricing-column-holder", textPageInstance).hover(

    1947. 

  1947.             function(){

    1948. 

  1948.                 $(this).css('z-index',2);

    1949. 

  1949.                 if ( $.browser.msie ){  

    1950. 

  1950.                     if( $.browser.version != "8.0" && ( $.browser.version == "9.0" && isIE9Std() == true ))                        

    1951. 

  1951.                         if( $(this).hasClass("shadow-side-all-pricing-tables") == false )$(this).addClass("shadow-side-all-pricing-tables");

    1952. 

  1952.                 }

    1953. 

  1953.                 else{ if( $(this).hasClass("shadow-side-all-pricing-tables") == false )$(this).addClass("shadow-side-all-pricing-tables"); }

    1954. 

  1954.                 TweenMax.to(  $("div:first", this), .4, { css:{ backgroundColor: themeColor},  ease:Sine.easeOut   });

    1955. 

  1955.             },

    1956. 

  1956.             function(){

    1957. 

  1957.                 $(this).css('z-index',1);

    1958. 

  1958.                 if ( $.browser.msie ){  

    1959. 

  1959.                     if( $.browser.version != "8.0" && ( $.browser.version == "9.0" && isIE9Std() == true ))                        

    1960. 

  1960.                         if( $(this).hasClass("shadow-side-all-pricing-tables") == true )$(this).removeClass("shadow-side-all-pricing-tables");

    1961. 

  1961.                 }

    1962. 

  1962.                 else{ if( $(this).hasClass("shadow-side-all-pricing-tables") == true )$(this).removeClass("shadow-side-all-pricing-tables"); }

    1963. 

  1963.                 TweenMax.to(  $("div:first", this), .4, { css:{ backgroundColor: "#909090"},  ease:Sine.easeOut   });

    1964. 

  1964.             }

    1965. 

  1965.         );

    1966. 

  1966.         $("#pricing-column-holder #pricing-buy-holder", textPageInstance).hover(

    1967. 

  1967.             function(){ TweenMax.to(  $(this), .4, { css:{ backgroundColor: themeColor},  ease:Sine.easeOut   }); },

    1968. 

  1968.             function(){ TweenMax.to(  $(this), .4, { css:{ backgroundColor: "#3F3F3F"},  ease:Sine.easeOut   }); }

    1969. 

  1969.         );        

    1970. 

  1970.     }

    1971. 

  1971.     function customHoverAnimation( type, event, parent, child ){

    1972. 

  1972.         var directionCSS = getDirectionCSS( parent, { x : event.pageX, y : event.pageY } );

    1973. 

  1973.         if( type == "over" ){

    1974. 

  1974.             child.removeClass(); child.css("left", directionCSS.from.val1); child.css("top", directionCSS.from.val2);

    1975. 

  1975.             TweenMax.to( child, .3, { css:{ left:directionCSS.to.val1, top: directionCSS.to.val2},  ease:Sine.easeInOut });

    1976. 

  1976.         }

    1977. 

  1977.         else if( type == "out" ){ TweenMax.to( child, .3, { css:{ left:directionCSS.from.val1, top: directionCSS.from.val2},  ease:Sine.easeInOut }); }

    1978. 

  1978.     }

    1979. 

  1979.     /*================= FULL WIDTH =============================*/

    1980. 

  1980.     function moduleFullWidth(){

    1981. 

  1981.         var textPageInstanceHolder    = $( txt_modCont);

    1982. 

  1982.         var textPageInstance          = $( "#module-full-width", textPageInstanceHolder);

    1983. 

  1983.         if( textPageInstance.length <= 0 ){return;} 

    1984. 

  1984.         var currWindowW               = $(window).width() - get_OffsetWidth();

    1985. 

  1985.         var media                     = $("#module-full-width-media");

    1986. 

  1986.         if( touchDevice == 1){ currWindowW = $(window).width() - templateMenuW; }        

    1987. 

  1987.         

    1988. 

  1988.         textPageInstance.css("width", currWindowW);  

    1989. 

  1989.         if( $("#module-full-width-holder-text", textPageInstance).height() > $(window).height() && touchDevice == 0)

    1990. 

  1990.         { currWindowW = currWindowW - $(t_scrBarV2).width(); }     

    1991. 

  1991.         textPageInstanceHolder.css("opacity", "0");

    1992. 

  1992.         textPageInstanceHolder.css("visibility", "visible"); 

    1993. 

  1993.         media.css("height", "200px");

    1994. 

  1994.         

    1995. 

  1995.         textPageInstance.css("width", currWindowW);       

    1996. 

  1996.         TweenMax.to(  textPageInstanceHolder, .6, { css:{ opacity: "1" },  ease:Circ.easeOut   });

    1997. 

  1997.         

    1998. 

  1998.         if( media.attr("data-src") != undefined ){

    1999. 

  1999.            media.empty().append('<img onload="animateFullWidthMedia(this)" width="100%" />')

    2000. 

  2000.             $("img", media).css("opacity", "0").attr("src", media.attr("data-src")); 

    2001. 

  2001.         }

    2002. 

  2002.         else{

    2003. 

  2003.             var vidMedia = $("#video-wrapper", media);

    2004. 

  2004.             if( touchDevice == 1){                

    2005. 

  2005.                 if( vidMedia.children().length > 0 ){

    2006. 

  2006.                     tempVid = $("div:first", vidMedia);

    2007. 

  2007.                     media.empty();

    2008. 

  2008.                     media.append(tempVid);                    

    2009. 

  2009.                     

    2010. 

  2010.                 }

    2011. 

  2011.             }

    2012. 

  2012.             vidMedia = $("#video-wrapper", media);

    2013. 

  2013.             

    2014. 

  2014.             if( vidMedia.length > 0 ){

    2015. 

  2015.                 vidMedia.attr("data-width", media.width());

    2016. 

  2016.                 media.css("height", vidMedia.attr("data-height"));

    2017. 

  2017.                 moduleUpdate( textPageInstanceHolder, textPageInstance, $("div:first", textPageInstance), sideType );

    2018. 

  2018.                 templateAddMediaVideo( vidMedia.attr("data-video-type"), vidMedia, undefined );             

    2019. 

  2019.             }

    2020. 

  2020.             else{

    2021. 

  2021.                 moduleUpdate( textPageInstanceHolder, textPageInstance, $("div:first", textPageInstance), sideType );

    2022. 

  2022.             }

    2023. 

  2023.         }

    2024. 

  2024.     }

    2025. 

  2025.     function animateFullWidthMedia( src ){   

    2026. 

  2026.         var inst = $(src);

    2027. 

  2027.         TweenMax.to($(src).parent(), .4, {css:{ height: inst.height()}, easing:Sine.easeOut});

    2028. 

  2028.         TweenMax.to(inst, .4, {css:{ opacity:'1'}, easing:Sine.easeOut, onComplete:

    2029. 

  2029.             function()

    2030. 

  2030.             {

    2031. 

  2031.                 $(src).parent().css("overflow", "visible").css("height", "");

    2032. 

  2032.                 moduleUpdate_full_width(true);

    2033. 

  2033.             }

    2034. 

  2034.         });

    2035. 

  2035.     }

    2036. 

  2036.     /*================= FULL WIDTH GALLERY =====================*/

    2037. 

  2037.     var initialNumberColumns = 4;

    2038. 

  2038.     var maximNumberColumns   = 4;

    2039. 

  2039.     var initialThumbW        = 0;

    2040. 

  2040.     var initialThumbH        = 0;

    2041. 

  2041.     var previewMediaArr      = Array();

    2042. 

  2042.     var previewMediaDescArr  = Array();

    2043. 

  2043.     var previewBorderSize    = 0;

    2044. 

  2044.     var currIndex            = 0;

    2045. 

  2045.     var previewFullWidthOpen = false;

    2046. 

  2046.     function moduleFullWidthGallery(){

    2047. 

  2047.         var textPageInstanceHolder  = $( txt_modCont);

    2048. 

  2048.         var textPageInstance        = $( "#module-full-width-gallery", textPageInstanceHolder);

    2049. 

  2049.         if(textPageInstance.length <= 0 ){return;}

    2050. 

  2050. 		      

    2051. 

  2051.         var galleryItem             = $(".full-width-item", textPageInstance);

    2052. 

  2052.         var currWindowW             = $(window).width() - get_OffsetWidth() - $(t_scrBarV2).width();

    2053. 

  2053.         

    2054. 

  2054.         initialThumbW               = galleryItem.width();

    2055. 

  2055.         initialThumbH               = galleryItem.height();

    2056. 

  2056.         

    2057. 

  2057.         if( touchDevice == 1){ currWindowW = $(window).width() - get_OffsetWidth(); }        

    2058. 

  2058.         checkItems();

    2059. 

  2059.         textPageInstance.css("width", currWindowW);        

    2060. 

  2060.         textPageInstanceHolder.css("opacity", "0").css("visibility", "visible");

    2061. 

  2061.         TweenMax.to(  textPageInstanceHolder, .6, { css:{ opacity: "1" },  ease:Circ.easeOut   });        

    2062. 

  2062.         

    2063. 

  2063.         moduleUpdate( textPageInstanceHolder, textPageInstance, $("div:first", textPageInstance), sideType );

    2064. 

  2064.         

    2065. 

  2065.         galleryItem.hover(

    2066. 

  2066.             function(event){ customHoverAnimation( "over", event, $(this), $("#thumb-image-hover", this) ); },

    2067. 

  2067.             function(event){ customHoverAnimation( "out", event, $(this), $("#thumb-image-hover", this) ); }

    2068. 

  2068.         );

    2069. 

  2069.         setFullWidthPreview();

    2070. 

  2070.         storeFullWidthPreviewMedia();

    2071. 

  2071.         galleryItem.click(

    2072. 

  2072.             function(){

    2073. 

  2073.                 currIndex = 0;

    2074. 

  2074.                 changeFWPreviewMediaDesc(-1);

    2075. 

  2075.                 var index = $(".full-width-item").index(this);

    2076. 

  2076.                 currIndex = index;                

    2077. 

  2077.                 if(moduleList != null ) moduleList.disableList();

    2078. 

  2078.                 $("#full-width-preview-media-holder").find("#preview-media-holder").empty(); 

    2079. 

  2079.                 loadFullWidthPreview( index );

    2080. 

  2080.         }); 

    2081. 

  2081.     }

    2082. 

  2082.     function storeFullWidthPreviewMedia(){

    2083. 

  2083.         previewMediaArr = new Array();

    2084. 

  2084.         var i = 0;

    2085. 

  2085.         $("#full-width-preview #full-width-preview-media-holder").find("#preview-media-holder").children().each(

    2086. 

  2086.             function(){             

    2087. 

  2087.                 if( $(this).attr("id") == "preview-media-image" ){

    2088. 

  2088.                     previewMediaArr[ i ] = '<img id="preview-media-image" src="' + $(this).attr("data-url") + 

    2089. 

  2089.                                                    '" title="' + $(this).attr("data-title") + '"' +

    2090. 

  2090.                                                    ' alt="' + $(this).attr("data-alt") +'" />'; 

    2091. 

  2091.                 }

    2092. 

  2092.                 else if( $(this).attr("id") == "video-wrapper"){

    2093. 

  2093.                     var videoType = $(this).attr("data-type");

    2094. 

  2094.                     previewMediaArr[ i ] = $(this);                    

    2095. 

  2095.                 }

    2096. 

  2096.                 i++;

    2097. 

  2097.         });        

    2098. 

  2098.         previewMediaDescArr = new Array();

    2099. 

  2099.         i = 0;

    2100. 

  2100.         $(".full-width-info-holder").find(".full-width-info-holder-desc").each( function(){ previewMediaDescArr[ i ] = $(this).get(0); i++; } );            

    2101. 

  2101.         $("#full-width-preview-media-holder").find("#preview-media-holder").empty(); 

    2102. 

  2102.     }

    2103. 

  2103.     function changeFWPreviewMediaDesc( pID, cID){

    2104. 

  2104.         if( pID != -1 ){

    2105. 

  2105.             var pDesc = previewMediaDescArr[ pID ];

    2106. 

  2106.             TweenMax.to( $(pDesc), .4, { css:{ opacity: "0" },  ease:Circ.easeOut, onComplete: hideFWPrevMediaDesc, onCompleteParams: [ pID ] });

    2107. 

  2107.         }

    2108. 

  2108.         else{ $(".full-width-info-holder").find(".full-width-info-holder-desc").each( function(){ $(this).css("display", "none"); } ); }

    2109. 

  2109.         if( cID != -1 && cID != undefined){

    2110. 

  2110.             var cDesc = previewMediaDescArr[ cID ]; 

    2111. 

  2111.             $(cDesc).attr("style", "visibility: visible; display: inline;");       

    2112. 

  2112.             $(cDesc).css("opacity", "0");   

    2113. 

  2113.             TweenMax.to( $(cDesc), .6, { css:{ opacity: "1" },  ease:Circ.easeOut });

    2114. 

  2114.         }

    2115. 

  2115.     }

    2116. 

  2116.     function hideFWPrevMediaDesc( pID ){

    2117. 

  2117.         var pDesc = previewMediaDescArr[ pID ];

    2118. 

  2118.         $(pDesc).attr("style", "visibility: visible; display: inline;");

    2119. 

  2119.         $(pDesc).css("opacity", "0");

    2120. 

  2120.     }

    2121. 

  2121.     function emptyPreviewMediaHolder(){ $("#full-width-preview-media-holder").find("#preview-media-holder").empty(); }

    2122. 

  2122.     function updateFullWidthPreviewPosition(){

    2123. 

  2123.         var fullWidthPreview    = $("#full-width-preview");

    2124. 

  2124.         var previewInfoHolder   = $("#full-width-preview-info-holder", fullWidthPreview);

    2125. 

  2125.         var fwMediaContainer    = $("#full-width-preview-media-holder");

    2126. 

  2126.         var infoWidth           = previewInfoHolder.width();        

    2127. 

  2127.         var mediaContW          = $(window).width() - infoWidth;

    2128. 

  2128.         var mediaContH          = $(window).height();

    2129. 

  2129.         fwMediaContainer.attr("style", "width:" + mediaContW + "px; height:" + mediaContH + "px;");

    2130. 

  2130.         $(".preview-arrow-close").css("right", infoWidth);  

    2131. 

  2131.         $(".preview-arrow-forward").css("right", infoWidth);

    2132. 

  2132.         var mediaType = fwMediaType; 

    2133. 

  2133.         if( mediaType == "preview-media-image" ){       

    2134. 

  2134.            var elem                 = $("#preview-media-load");

    2135. 

  2135.            $(elem).css("width", ''); $(elem).css("height", '');           

    2136. 

  2136.            checkSizeMedia( $(elem), mediaContW, mediaContH );

    2137. 

  2137.            var mediaBackNewW        = $(elem).width() + previewBorderSize*2;

    2138. 

  2138.            var mediaBackNewH        = $(elem).height() + previewBorderSize*2;

    2139. 

  2139.            var mediaBackMarginTop   = - mediaBackNewH * .5;

    2140. 

  2140.            var mediaBackMarginLeft  = - mediaBackNewW * .5;

    2141. 

  2141.            $("#preview-media-holder").attr("style", "width: 100%; height: 100%; margin: 0px; top: 50%; left: 50%; margin-top:" + mediaBackMarginTop + "px; margin-left:" + mediaBackMarginLeft +"px;");

    2142. 

  2142.         }      

    2143. 

  2143.     }     

    2144. 

  2144.     function loadFullWidthPreview( index ){

    2145. 

  2145.         previewFullWidthOpen = true;

    2146. 

  2146.         var fullWidthPreview = $("#full-width-preview");

    2147. 

  2147.         var fwMediaContainer = $("#full-width-preview-media-holder"); 

    2148. 

  2148.         if( fullWidthPreview.length <= 0 )return;       

    2149. 

  2149.         fullWidthPreview.css("opacity", "0");

    2150. 

  2150.         fullWidthPreview.css("display", "inline");

    2151. 

  2151.         fullWidthPreview.css("visibility", "visible");

    2152. 

  2152.         TweenMax.to(fullWidthPreview, 0.4, {css:{opacity:"1"}, easing:Sine.easeOut, onComplete:addPreviewCloseClick});        

    2153. 

  2153.         function addPreviewCloseClick(){

    2154. 

  2154.             showHideFullWidthPreviewInfo( true );

    2155. 

  2155.             showFullWidthMedia();

    2156. 

  2156.             $(".full-width-preview-media-holder-background, .preview-arrow-close", fullWidthPreview).click(

    2157. 

  2157.                 function(){ emptyPreviewMediaHolder(); showHideFullWidthPreviewInfo( false );  }

    2158. 

  2158.             ); 

    2159. 

  2159.         }

    2160. 

  2160.         var previewInfoHolder = $("#full-width-preview-info-holder", fullWidthPreview);

    2161. 

  2161.         var infoWidth = previewInfoHolder.width();        

    2162. 

  2162.         var mediaContW = $(window).width() - infoWidth;

    2163. 

  2163.         var mediaContH = $(window).height();

    2164. 

  2164.         fwMediaContainer.attr("style", "width:" + mediaContW + "px; height:" + mediaContH + "px;");

    2165. 

  2165.                 

    2166. 

  2166.         $(".preview-arrow-close").css("right", infoWidth);  

    2167. 

  2167.         $(".preview-arrow-forward").css("right", infoWidth);       

    2168. 

  2168.         function showHideFullWidthPreviewInfo( show ){

    2169. 

  2169.     		previewInfoHolder.css("position", "fixed");            

    2170. 

  2170. 			var val = (- infoWidth) + "px";

    2171. 

  2171.             if( show == true ){

    2172. 

  2172.                 previewInfoHolder.css("right", val);

    2173. 

  2173.                 changeFWPreviewMediaDesc( -1, currIndex );

    2174. 

  2174.                 previewInfoHolder.css("visibility", "visible");				

    2175. 

  2175. 			    TweenMax.to(  previewInfoHolder, .3, { css:{ right: "0px" }, delay:0.1,  ease:Quad.easeInOut   });    

    2176. 

  2176.             }

    2177. 

  2177.             else{

    2178. 

  2178.                 TweenMax.to( fwMediaContainer, .3, { css:{ opacity: "0"},  ease:Circ.easeInOut });

    2179. 

  2179.                 TweenMax.to( [$(".preview-arrow-close"), $(".preview-arrow-forward"), $(".preview-arrow-backward")], .3, { css:{ opacity: "0"},  ease:Circ.easeInOut });

    2180. 

  2180.                 TweenMax.to( previewInfoHolder, .3, { css:{ right: val },  ease:Circ.easeInOut, onComplete: hideFullWidthPreview });

    2181. 

  2181.                 

    2182. 

  2182.             }

    2183. 

  2183. 			function hideFullWidthPreview(){

    2184. 

  2184.                 previewFullWidthOpen = false;

    2185. 

  2185.                 justOpenedPreivew = true;

    2186. 

  2186.                 animationLoadFWPreviewDone = true;

    2187. 

  2187.                 $("#full-width-preview-media-holder", fullWidthPreview).unbind("click");

    2188. 

  2188.                 $(".preview-arrow-close", fullWidthPreview).unbind("click");

    2189. 

  2189.                 TweenMax.to(fullWidthPreview, 0.4, {css:{opacity:"0"}, easing:Sine.easeOut, onComplete:removeFullWidthPreview});

    2190. 

  2190.             }

    2191. 

  2191.             function removeFullWidthPreview(){

    2192. 

  2192.                 if(moduleList != null ) moduleList.enableList();

    2193. 

  2193.                 fullWidthPreview.css("display", "none");

    2194. 

  2194.             }

    2195. 

  2195.         }        

    2196. 

  2196.         function showFullWidthMedia(){           

    2197. 

  2197.            fwMediaContainer.css("opacity", "0");

    2198. 

  2198.            fwMediaContainer.css("visibility", "visible"); 

    2199. 

  2199.            TweenMax.to( fwMediaContainer, 0.2, {css:{opacity:"1"}, easing:Sine.easeOut});

    2200. 

  2200.            loadFullWidthMedia();        

    2201. 

  2201.         }

    2202. 

  2202.     }

    2203. 

  2203.     function loadFullWidthMedia(){

    2204. 

  2204.         var currPreviewElem = previewMediaArr[ currIndex ];       

    2205. 

  2205.         var mediaType = $(currPreviewElem).attr("id");

    2206. 

  2206.         var fwMediaContainer = $("#full-width-preview-media-holder");

    2207. 

  2207.         if( mediaType == "preview-media-image" ){

    2208. 

  2208.             /*PLAY MEDIA IMAGE*/            

    2209. 

  2209.             var totalWidth = fwMediaContainer.width() - previewBorderSize*2;

    2210. 

  2210.             var totalHeight = fwMediaContainer.height() - previewBorderSize*2;   

    2211. 

  2211.             var prevMediaLoad = $("#preview-media-load");         

    2212. 

  2212.             fwMediaType = mediaType;

    2213. 

  2213.             fwW = totalWidth;

    2214. 

  2214.             fwH = totalHeight;

    2215. 

  2215.             prevMediaLoad.css("opacity", "0" );

    2216. 

  2216.             var prevMediaHolder = fwMediaContainer.find("#preview-media-holder");

    2217. 

  2217.             prevMediaHolder.append('<img id="preview-media-load" onload="animateFullWidthPreviewMedia()" title="" alt="" />');

    2218. 

  2218.             prevMediaLoad = $("#preview-media-load");

    2219. 

  2219.             prevMediaLoad.attr("style", "visibility: visible; display: inline;");

    2220. 

  2220.             prevMediaLoad.css("opacity", "0" );

    2221. 

  2221.             prevMediaLoad.attr("src", $(currPreviewElem).attr("src") );

    2222. 

  2222.             prevMediaLoad.attr("title", $(currPreviewElem).attr("title") );

    2223. 

  2223.             prevMediaLoad.attr("alt", $(currPreviewElem).attr("alt") ); 

    2224. 

  2224.         }    

    2225. 

  2225.         else if( mediaType == "video-wrapper" ){

    2226. 

  2226.             /*PLAY MEDIA VIDEO*/   

    2227. 

  2227.             fwMediaContainer.find("#preview-media-holder").empty();

    2228. 

  2228.             var prevMediaHolder      = $("#preview-media-holder");            

    2229. 

  2229.             var mediaBackNewW        = parseInt($(currPreviewElem).attr("data-width"), 10) + previewBorderSize*2;

    2230. 

  2230.             var mediaBackNewH        = parseInt($(currPreviewElem).attr("data-height"), 10) + previewBorderSize*2;

    2231. 

  2231.             var mediaBackMarginTop   = - mediaBackNewH * .5;

    2232. 

  2232.             var mediaBackMarginLeft  = - mediaBackNewW * .5;              

    2233. 

  2233.            

    2234. 

  2234.             prevMediaHolder.attr("style", "width: " + mediaBackNewW + "px; height: " + mediaBackNewH + "px; margin: 0px; top: 50%; left: 50%; margin-top:" + mediaBackMarginTop + "px; margin-left:" + mediaBackMarginLeft + "px;");

    2235. 

  2235.             prevMediaHolder.append('<div id="video-wrapper"></div>')

    2236. 

  2236.             templateAddMediaVideo( $(currPreviewElem).attr("data-video-type"), $(currPreviewElem), $("#video-wrapper") );

    2237. 

  2237.             

    2238. 

  2238.             TweenMax.to($(".full-width-preview-media-loader"), .3, {css:{opacity:"0"}, easing:Sine.easeOut});

    2239. 

  2239.             loadingAnimationDone = true;

    2240. 

  2240.             animationLoadFWPreviewDone = true;   

    2241. 

  2241.             fwMediaType = mediaType;

    2242. 

  2242.             fullWidthFadeInMedia( mediaType );

    2243. 

  2243.         } 

    2244. 

  2244.     }

    2245. 

  2245.     var fwMediaType = "";

    2246. 

  2246.     var fwW = "";

    2247. 

  2247.     var fwH = "";

    2248. 

  2248.     function animateFullWidthPreviewMedia(){

    2249. 

  2249.        var mediaType = fwMediaType; 

    2250. 

  2250.        var width = fwW;

    2251. 

  2251.        var height =  fwH;

    2252. 

  2252.        var elem = "";           

    2253. 

  2253.        if( mediaType == "preview-media-image" ) {    

    2254. 

  2254.             elem = $("#preview-media-load");

    2255. 

  2255.             $(elem).css("width", ''); $(elem).css("height", '');                

    2256. 

  2256.             checkSizeMedia( $(elem), width, height );

    2257. 

  2257.        }

    2258. 

  2258.        animationLoadFWPreviewDone = true;          

    2259. 

  2259.        if( $(elem).width() != null ){

    2260. 

  2260.            var mediaBackNewW        = $(elem).width() + previewBorderSize*2;

    2261. 

  2261.            var mediaBackNewH        = $(elem).height() + previewBorderSize*2;

    2262. 

  2262.            var mediaBackMarginTop   = - mediaBackNewH * .5;

    2263. 

  2263.            var mediaBackMarginLeft  = - mediaBackNewW * .5;

    2264. 

  2264.            var prevMediaHolder      = $("#preview-media-holder");

    2265. 

  2265.            prevMediaHolder.attr("style", "width: " + mediaBackNewW + "px; height: " + mediaBackNewH + "px; margin: 0px; top: 50%; left: 50%; margin-top:" + mediaBackMarginTop + "px; margin-left:" + mediaBackMarginLeft + "px;");              

    2266. 

  2266.            TweenMax.to($(".full-width-preview-media-loader"), .3, {css:{opacity:"0"}, easing:Sine.easeOut});

    2267. 

  2267.            fullWidthFadeInMedia( mediaType );

    2268. 

  2268.            loadingAnimationDone = true;

    2269. 

  2269.        }

    2270. 

  2270.     }

    2271. 

  2271.     var justOpenedPreivew = true;

    2272. 

  2272.     function fullWidthFadeInMedia( mediaType ){

    2273. 

  2273.        if( mediaType == "preview-media-image" ){ TweenMax.to( $("#preview-media-load"), .6, { css:{ opacity: "1" },  ease:Circ.easeOut }); }

    2274. 

  2274.             

    2275. 

  2275.        if( justOpenedPreivew == true ){

    2276. 

  2276.             justOpenedPreivew = false;

    2277. 

  2277.             var fwMediaContainer = $("#full-width-preview-media-holder");   

    2278. 

  2278.             var tW = fwMediaContainer.width() - 60;

    2279. 

  2279.             var prevControlClose = $(".preview-arrow-close");

    2280. 

  2280.             var prevControlBack = $(".preview-arrow-backward");

    2281. 

  2281.             var prevControlForw = $(".preview-arrow-forward");          

    2282. 

  2282.             prevControlClose.css("opacity", "0").css("display", "inline");

    2283. 

  2283.             prevControlBack.css("opacity", "0").css("display", "inline");

    2284. 

  2284.             prevControlForw.css("opacity", "0").css("display", "inline");           

    2285. 

  2285.             TweenMax.to( [prevControlClose, prevControlBack, prevControlForw], .6, { css:{ opacity: "1"},  ease:Circ.easeInOut });

    2286. 

  2286.             var initOpacity = $(".preview-arrow-backward .preview-arrow-backg").css("opacity");

    2287. 

  2287.             var initBackColor = rgb2hex( $(".preview-arrow-backward .preview-arrow-backg").css("background-color") );

    2288. 

  2288.             $(".preview-arrow-backward, .preview-arrow-forward, .preview-arrow-close").unbind('mouseenter mouseleave');

    2289. 

  2289.             $(".preview-arrow-backward, .preview-arrow-forward, .preview-arrow-close").hover(

    2290. 

  2290.                 function(){ TweenMax.to( $(".preview-arrow-backg", this), 0.3, {css:{opacity: "1", backgroundColor: themeColor }, easing:Sine.easeOut }); },

    2291. 

  2291.                 function(){ TweenMax.to( $(".preview-arrow-backg", this), 0.3, {css:{opacity: initOpacity, backgroundColor: initBackColor}, easing:Sine.easeOut }); }

    2292. 

  2292.             );            

    2293. 

  2293.             $(".preview-arrow-backward").unbind("click"); $(".preview-arrow-forward").unbind("click");            

    2294. 

  2294.             $(".preview-arrow-backward").click(

    2295. 

  2295.                 function(){

    2296. 

  2296.                     TweenMax.to($(".full-width-preview-media-loader"), .3, {css:{opacity:"1"}, easing:Sine.easeOut});

    2297. 

  2297.                     changeFullWidthPreviewMedia( -1 );

    2298. 

  2298.             });

    2299. 

  2299.             $(".preview-arrow-forward").click(

    2300. 

  2300.                 function(){

    2301. 

  2301.                    TweenMax.to($(".full-width-preview-media-loader"), .3, {css:{opacity:"1"}, easing:Sine.easeOut});

    2302. 

  2302.                    changeFullWidthPreviewMedia( 1 ); 

    2303. 

  2303.             });

    2304. 

  2304.        }

    2305. 

  2305.     }

    2306. 

  2306.     var animationLoadFWPreviewDone = true;

    2307. 

  2307.     function changeFullWidthPreviewMedia( value ){

    2308. 

  2308.         var nextThumbID = currIndex + value;        

    2309. 

  2309.         if( nextThumbID > previewMediaArr.length - 1 ){ nextThumbID = 0; }

    2310. 

  2310.         else if( nextThumbID < 0 ){ nextThumbID = previewMediaArr.length - 1; }

    2311. 

  2311.         if( currIndex != nextThumbID ){

    2312. 

  2312.             var elem = previewMediaArr[ currIndex ]; 

    2313. 

  2313.             if( $(elem).attr("id") == "preview-media-image" ) {

    2314. 

  2314.                 $("#preview-media-load").css("opacity", 0 );

    2315. 

  2315.                 $("#preview-media-load").attr("style", "visibility: hidden; display: none;");

    2316. 

  2316.             }  

    2317. 

  2317.             else if( $(elem).attr("id") == "video-wrapper" ){

    2318. 

  2318.                 $(elem).css("opacity", "0" );

    2319. 

  2319.                 $(elem).attr("style", "visibility: hidden; display: none;");

    2320. 

  2320.             }

    2321. 

  2321.             changeFWPreviewMediaDesc( currIndex, nextThumbID );            

    2322. 

  2322.             currIndex = nextThumbID;

    2323. 

  2323.             elem = previewMediaArr[ currIndex ];           

    2324. 

  2324.             $("#full-width-preview-media-holder").find("#preview-media-holder").empty();

    2325. 

  2325.             loadFullWidthMedia();

    2326. 

  2326.         }

    2327. 

  2327.     }

    2328. 

  2328.     function setFullWidthPreview(){

    2329. 

  2329.         var fullWidthPreview = $("#full-width-preview");

    2330. 

  2330.         if( $("#full-width-preview").length > 0 ){

    2331. 

  2331.             fullWidthPreview.remove();

    2332. 

  2332.             $("#template-wrapper").after(fullWidthPreview);

    2333. 

  2333.         } 

    2334. 

  2334.     }

    2335. 

  2335.     function checkItems(){

    2336. 

  2336.         var currWindowW             = $(window).width() - get_OffsetWidth() - $(t_scrBarV2).width();

    2337. 

  2337.         var textPageInstanceHolder  = $( txt_modCont);

    2338. 

  2338.         var textPageInstance        = $( "#module-full-width-gallery", textPageInstanceHolder);

    2339. 

  2339.         var itemW                   = currWindowW / maximNumberColumns;

    2340. 

  2340.         var currRatio               = itemW / initialThumbW;

    2341. 

  2341.         var itemH                   = initialThumbH / initialThumbW * itemW;        

    2342. 

  2342.         if( initialThumbW <= 0){return;}        

    2343. 

  2343.         

    2344. 

  2344.         if( touchDevice == 1){ 

    2345. 

  2345.             currWindowW = $(window).width() - get_OffsetWidth(); 

    2346. 

  2346.         }        

    2347. 

  2347.         textPageInstance.css("width", currWindowW);        

    2348. 

  2348.         

    2349. 

  2349.         if( currRatio >= 0.8 && currRatio <= 1){

    2350. 

  2350.             itemW       = currWindowW / maximNumberColumns;

    2351. 

  2351.             itemH       = initialThumbH / initialThumbW * itemW;   

    2352. 

  2352.         }

    2353. 

  2353.         else if( currRatio < 0.8 || currRatio > 1){            

    2354. 

  2354.             itemW = currWindowW / (maximNumberColumns-1);

    2355. 

  2355.             currRatio   = itemW / initialThumbW;

    2356. 

  2356.             if( currRatio <= 1){

    2357. 

  2357.                 maximNumberColumns--;

    2358. 

  2358.                 itemW = currWindowW / maximNumberColumns;

    2359. 

  2359.                 itemH = initialThumbH / initialThumbW * itemW;

    2360. 

  2360.                 currRatio   = itemW / initialThumbW;                

    2361. 

  2361.                 while( currRatio < 0.8 ){

    2362. 

  2362.                     maximNumberColumns--;

    2363. 

  2363.                     itemW = currWindowW / maximNumberColumns;

    2364. 

  2364.                     itemH = initialThumbH / initialThumbW * itemW;

    2365. 

  2365.                     currRatio   = itemW / initialThumbW;

    2366. 

  2366.                 }                

    2367. 

  2367.                 if( currRatio > 1 ){

    2368. 

  2368.                     itemW = currWindowW / maximNumberColumns;

    2369. 

  2369.                     itemH = initialThumbH / initialThumbW * itemW;                    

    2370. 

  2370.                     while( itemW > initialThumbW ){

    2371. 

  2371.                         maximNumberColumns++;

    2372. 

  2372.                         itemW = currWindowW / maximNumberColumns;

    2373. 

  2373.                         itemH = initialThumbH / initialThumbW * itemW;

    2374. 

  2374.                     } 

    2375. 

  2375.                 }

    2376. 

  2376.             }

    2377. 

  2377.             else{

    2378. 

  2378.                 itemW = currWindowW / maximNumberColumns;

    2379. 

  2379.                 itemH = initialThumbH / initialThumbW * itemW;                

    2380. 

  2380.                 while( itemW > initialThumbW ){

    2381. 

  2381.                     maximNumberColumns++;

    2382. 

  2382.                     itemW = currWindowW / maximNumberColumns;

    2383. 

  2383.                     itemH = initialThumbH / initialThumbW * itemW;

    2384. 

  2384.                 }     

    2385. 

  2385.             }

    2386. 

  2386.         }

    2387. 

  2387.         var col = 0;

    2388. 

  2388.         var lin = 0;

    2389. 

  2389.         $("#module-full-width-holder").find(".full-width-item").each(

    2390. 

  2390.             function(){                  

    2391. 

  2391.                 $(this).css("position", "absolute");

    2392. 

  2392.                 var topV = 0;

    2393. 

  2393.                 var lefV = 0;

    2394. 

  2394.                 if( col <  maximNumberColumns){

    2395. 

  2395.                     topV = Math.round(itemH) * lin;

    2396. 

  2396.                     lefV = Math.round(itemW) * col;

    2397. 

  2397.                     col++;

    2398. 

  2398.                 }

    2399. 

  2399.                 else{

    2400. 

  2400.                     col = 0;

    2401. 

  2401.                     lin++;

    2402. 

  2402.                     topV = Math.round(itemH) * lin;

    2403. 

  2403.                     lefV = Math.round(itemW) * col;

    2404. 

  2404.                     col++;

    2405. 

  2405.                 }

    2406. 

  2406.                 /* we have added img width= 100.5% in CSS file so we don't need to tween the 'img' anymore'; 

    2407. 

  2407.                    100.5% to fill the extra -0.5px that sometime appears on resizing*/

    2408. 

  2408.                 if( touchDevice == 0 ){

    2409. 

  2409.                    TweenMax.to( $("img",this), 0.6, {css:{width:  Math.round(itemW), height: Math.round(itemH)}, easing: Sine.easeOut});

    2410. 

  2410.                    TweenMax.to( $(this), 0.6, {css:{width:  Math.round(itemW), height: Math.round(itemH), left: lefV, top: topV}, easing: Sine.easeOut}); 

    2411. 

  2411.                 }

    2412. 

  2412.                 else{

    2413. 

  2413.                     $("img",this).css("width", Math.round(itemW)).css("height", Math.round(itemH) );

    2414. 

  2414.                     $(this).css("width", Math.round(itemW)).css("height", Math.round(itemH) ).css("left", lefV).css("top", topV);

    2415. 

  2415.                 }

    2416. 

  2416.         });

    2417. 

  2417.         lin++;

    2418. 

  2418.         $("div:first", textPageInstance).css("height", lin * Math.round(itemH));

    2419. 

  2419.     } 

    2420. 

  2420.     /*================= COLUMNS PORTFOLIO ======================*/

    2421. 

  2421.     var columnsPreviewOpen = false;

    2422. 

  2422.     var previewAnimDone = true;

    2423. 

  2423.     var columnsPreviewIndex = 0;

    2424. 

  2424.     var columnsPrevItemArr = "";    

    2425. 

  2425.     var totalColPreviews = 0;

    2426. 

  2426.     var $originalDataPos = 0;

    2427. 

  2427.     function modulePageColumns(){

    2428. 

  2428.         columnsPreviewOpen            = false;        

    2429. 

  2429.         previewAnimDone               = true;

    2430. 

  2430.         columnsPreviewIndex           = 0;        

    2431. 

  2431.         columnsPrevItemArr            = new Array(); 

    2432. 

  2432.         totalColPreviews              = 0;

    2433. 

  2433.         var textPageInstanceHolder    = $( txt_modCont);

    2434. 

  2434.         var textPageInstance          = $( "#module-columns", textPageInstanceHolder);

    2435. 

  2435.         

    2436. 

  2436.         if( textPageInstance.length <= 0 ) return;

    2437. 

  2437. 		var modulePositionType        = textPageInstanceHolder.attr("data-id");		

    2438. 

  2438. 		var moduleWidth               = textPageInstanceHolder.width();

    2439. 

  2439. 		var moduleHeight              = textPageInstanceHolder.height();

    2440. 

  2440.         var columnItemWrapper         = $( "#module-columns-wrapper", textPageInstanceHolder);

    2441. 

  2441.         var columnPrevWrapper         = $( "#module-columns-preview-wrapper", textPageInstanceHolder);

    2442. 

  2442.         

    2443. 

  2443.         if( touchDevice == 1 ){

    2444. 

  2444.             columnItemWrapper.css("overflow", "").css("-webkit-overflow-scrolling", ""); 

    2445. 

  2445.             columnItemWrapper.css("overflow", "auto").css("-webkit-overflow-scrolling", "touch"); 

    2446. 

  2446.         }

    2447. 

  2447.         

    2448. 

  2448.         checkColumnSize();

    2449. 

  2449.         moduleUpdate( textPageInstanceHolder, columnItemWrapper, $("div:first", columnItemWrapper), sideType );  

    2450. 

  2450.                          

    2451. 

  2451. 		var val = Math.abs($("#module-container").width() - textPageInstanceHolder.width()) * .5;            

    2452. 

  2452. 		textPageInstanceHolder.css("left", "100%").css("visibility", "visible");

    2453. 

  2453. 		TweenMax.to(  textPageInstanceHolder, .6, { css:{ left: val },  ease:Circ.easeOut   });

    2454. 

  2454.         

    2455. 

  2455.         var thumbHolderClass    = $("#module-columns-holder div:first", textPageInstance).attr("class");

    2456. 

  2456.         thumbHolderClass        = $("." + thumbHolderClass);

    2457. 

  2457.         var backgOverColor      = "#3f3f3f";

    2458. 

  2458.         var backgOutColor       = rgb2hex( thumbHolderClass.css("background-color") );

    2459. 

  2459.         var text1BaseColor      = rgb2hex( $(".thumb-tag h1", thumbHolderClass).css("color") );

    2460. 

  2460.         var text2BaseColor      = rgb2hex( $(".thumb-tag h2", thumbHolderClass).css("color") );        

    2461. 

  2461.         if( touchDevice == 0 ){                    

    2462. 

  2462.             thumbHolderClass.unbind("mouseenter mouseleave");

    2463. 

  2463.             thumbHolderClass.hover(

    2464. 

  2464.                 function(event){ 

    2465. 

  2465.                     customHoverAnimation( "over", event, $(this), $("#thumb-image-hover", this) ); 

    2466. 

  2466.                     var text = $(".thumb-tag h1", this);

    2467. 

  2467.                     var text2 = $(".thumb-tag h2", this);

    2468. 

  2468.                     TweenMax.to( [ text, text2 ], .6, { css:{ color: backgOutColor },  ease:Quad.easeOut });

    2469. 

  2469.                     TweenMax.to( $(this), .6, { css:{ backgroundColor: backgOverColor },  ease:Quad.easeOut });

    2470. 

  2470.                 },

    2471. 

  2471.                 function(event){ 

    2472. 

  2472.                     customHoverAnimation( "out", event, $(this), $("#thumb-image-hover", this) ); 

    2473. 

  2473.                     var text = $(".thumb-tag h1", this);

    2474. 

  2474.                     var text2 = $(".thumb-tag h2", this);

    2475. 

  2475.                     TweenMax.to( text, .6, { css:{ color: text1BaseColor },  ease:Circ.easeOut });

    2476. 

  2476.                     TweenMax.to( text2, .6, { css:{ color: text2BaseColor },  ease:Circ.easeOut });

    2477. 

  2477.                     TweenMax.to( $(this), .6, { css:{ backgroundColor: backgOutColor },  ease:Quad.easeOut });

    2478. 

  2478.             });

    2479. 

  2479.         }    

    2480. 

  2480.         

    2481. 

  2481.         var columnsPrevItemMediaArr = new Array();

    2482. 

  2482.         var previewWidth = $("#module-columns-preview-holder", columnPrevWrapper).width();

    2483. 

  2483.         columnPrevWrapper.css("display", "inline");

    2484. 

  2484.         

    2485. 

  2485.         $(columnPrevWrapper, textPageInstance).find(".columns-preview-horizontal-fix").each(

    2486. 

  2486.             function(){

    2487. 

  2487.                 $(this).css("width", 9999999);

    2488. 

  2488.                 var cPIH = $("ul", this);

    2489. 

  2489.                 var cPI     = $("ul li",this);  

    2490. 

  2490.                 var i = 0;

    2491. 

  2491.                 cPI.each(function(){ 

    2492. 

  2492.                     var mediaSrc = $(".columns-preview-media", this).attr("data-src");

    2493. 

  2493.                     columnsPrevItemArr[ i ] = $(this);

    2494. 

  2494.                     columnsPrevItemMediaArr[ i ] = mediaSrc;

    2495. 

  2495.                     i++;

    2496. 

  2496.                     $(this).css("width", previewWidth);

    2497. 

  2497.                     $(this).css("display", "none"); 

    2498. 

  2498.                 });                    

    2499. 

  2499.                 $(this).css("width", previewWidth);

    2500. 

  2500.                 cPIH.css("width", cPIH.width() );

    2501. 

  2501.         });

    2502. 

  2502.         

    2503. 

  2503.         columnPrevWrapper.css("display", "none");

    2504. 

  2504.         var columnTopPos = 0;

    2505. 

  2505.         totalColPreviews = $(".columns-preview-horizontal-fix ul", textPageInstance).children().length;

    2506. 

  2506.         thumbHolderClass.unbind("click");

    2507. 

  2507.         thumbHolderClass.click(

    2508. 

  2508.             function(){

    2509. 

  2509.                 var index = $(thumbHolderClass).index(this);

    2510. 

  2510.                 columnsPreviewIndex = index;                

    2511. 

  2511.                 if( moduleList != null ){

    2512. 

  2512.                     moduleList.disableList();

    2513. 

  2513.                     columnTopPos = moduleList.currentPosition();                    

    2514. 

  2514.                     TweenMax.to($(t_scrBarV2), .3, {css:{opacity: "0"}, easing:Sine.easeOut, onComplete: function(){ $(t_scrBarV2).css("display", "none"); } });

    2515. 

  2515.                 }

    2516. 

  2516.                 if(touchDevice == 1){columnTopPos = columnItemWrapper.scrollTop();}

    2517. 

  2517.                 TweenMax.to( columnItemWrapper, .4, {css:{opacity: "0"}, easing:Sine.easeOut, onComplete:function(){ columnItemWrapper.css("display", "none"); }});

    2518. 

  2518.                 var i = 0;        

    2519. 

  2519.                 for( i; i < totalColPreviews; i++){

    2520. 

  2520.                     if( i == columnsPreviewIndex ){columnsPrevItemArr[ i ].css("display", "inline");}

    2521. 

  2521.                     else{ columnsPrevItemArr[ i ].css("display", "none"); }

    2522. 

  2522.                 }

    2523. 

  2523.                 $(".columns-preview-counter span", "#columns-preview-controls").empty().append( (index+1) + "/" + totalColPreviews );                

    2524. 

  2524.                 loadColumnsPreview( index );

    2525. 

  2525.         });

    2526. 

  2526.         function loadColumnsPreview( index ){

    2527. 

  2527.             var prevListW   = $("#module-columns-preview-holder").width();  

    2528. 

  2528.             var elMargR     = parseInt($("li:first",".columns-preview-horizontal-fix ul").css("margin-right"), 10 );          

    2529. 

  2529.             var scrollValue = index * (prevListW + elMargR);            

    2530. 

  2530.             if( moduleList != null){ moduleList.disableList();  }    

    2531. 

  2531.             previewAnimDone = false;                    

    2532. 

  2532.             

    2533. 

  2533.             if( columnsPreviewOpen == false ){

    2534. 

  2534.                 columnsPreviewOpen = true;

    2535. 

  2535.                 $(".columns-preview-horizontal-fix ul").css("left", -scrollValue);

    2536. 

  2536.                 columnPrevWrapper.css("opacity", "0").css("display", "inline");                

    2537. 

  2537.                 TweenMax.to( columnPrevWrapper, .6, {css:{opacity: "1"}, delay:0.3, easing:Sine.easeOut});

    2538. 

  2538.                 checkColumnsPreviewScrollbar(columnsPreviewOpen);

    2539. 

  2539.             }

    2540. 

  2540.             else{

    2541. 

  2541.                 TweenMax.to( $("#module-columns-preview", textPageInstance), .3, {css:{top: "0px"}, easing:Sine.easeOut});

    2542. 

  2542.                 TweenMax.to($(".columns-preview-horizontal-fix ul"), 0.6, {css:{left:-scrollValue}, delay:0.1, easing:Sine.easeOut, onComplete: checkColumnsPreviewScrollbar, onCompleteParams:[columnsPreviewOpen]});

    2543. 

  2543.             }

    2544. 

  2544.             $(".columns-preview-counter span", "#columns-preview-controls").empty().append( (index+1) + "/" + totalColPreviews );            

    2545. 

  2545.         }

    2546. 

  2546.         function checkColumnsPreviewScrollbar( previewOpen ){

    2547. 

  2547.             if( moduleList != null){ moduleList.enableList(); }

    2548. 

  2548.             enableColumnsPreviewClose(true);

    2549. 

  2549.             if( moduleList != null){ moduleList.destroy( false ); moduleList = null; }

    2550. 

  2550.             var i = 0;        

    2551. 

  2551.             for( i; i < totalColPreviews; i++){

    2552. 

  2552.                 if( i != columnsPreviewIndex ){columnsPrevItemArr[ i ].css("display", "none");}                

    2553. 

  2553.             }

    2554. 

  2554.             

    2555. 

  2555.             moduleUpdate( textPageInstanceHolder, columnPrevWrapper, $("div:first", columnPrevWrapper), sideType );

    2556. 

  2556.             var previewColMediaParent = $(".columns-preview-media", columnsPrevItemArr[ columnsPreviewIndex ]);

    2557. 

  2557.             if( $("img", previewColMediaParent).length <= 0 ){

    2558. 

  2558.                 previewColMediaParent.empty().append('<img width="100%" class="opacity_0" onload="animateColPreviewMedia(this)" />');

    2559. 

  2559.                 $("img", previewColMediaParent).attr("src", columnsPrevItemMediaArr[ columnsPreviewIndex ]);

    2560. 

  2560.             }

    2561. 

  2561.             else{

    2562. 

  2562.                 previewAnimDone = true;

    2563. 

  2563.                 if( touchDevice == 1){

    2564. 

  2564.                     $("div:first", columnPrevWrapper).css("height", "");

    2565. 

  2565.                     $("div:first", columnPrevWrapper).css("height", $("div:first", columnPrevWrapper).height());                    

    2566. 

  2566.                 }

    2567. 

  2567.             } 

    2568. 

  2568.             colPreviewItemDisplay("inline");

    2569. 

  2569.         }

    2570. 

  2570.          

    2571. 

  2571.         /*initial close enabled*/

    2572. 

  2572.         enableColumnsPreviewClose(true);

    2573. 

  2573.         function enableColumnsPreviewClose( enable ){

    2574. 

  2574.             $(".columns-preview-close", textPageInstance).unbind("click");

    2575. 

  2575.             if( enable == true ){

    2576. 

  2576.                 $(".columns-preview-close", textPageInstance).click( function(){ click_ColumnsPreviewClose(); } );

    2577. 

  2577.                 TweenMax.to($(".columns-preview-close", textPageInstance), .4, {css:{opacity:"1"}, easing:Sine.easeOut})

    2578. 

  2578.             }

    2579. 

  2579.             else{ TweenMax.to($(".columns-preview-close", textPageInstance), .4, {css:{opacity:"0.5"}, easing:Sine.easeOut}) }

    2580. 

  2580.         }

    2581. 

  2581.         function click_ColumnsPreviewClose(){

    2582. 

  2582.             columnsPreviewOpen = false;

    2583. 

  2583.             TweenMax.to($(t_scrBarV2), .3, {css:{opacity: "0"}, easing:Sine.easeOut });

    2584. 

  2584.             TweenMax.to( columnPrevWrapper, .4, {css:{opacity: "0"}, easing:Sine.easeOut, onComplete:hideColumnsPreview});

    2585. 

  2585.             

    2586. 

  2586.         }

    2587. 

  2587.         function hideColumnsPreview(){

    2588. 

  2588.             $("div:first", columnPrevWrapper).css("height", "");

    2589. 

  2589.             columnPrevWrapper.css("opacity", "0").css("display", "none");

    2590. 

  2590.             $(t_scrBarV2).css("display", "none");

    2591. 

  2591.             $(".columns-preview-horizontal-fix ul", textPageInstance).find("li").each( function(){ $(this).css("display", "none"); } );

    2592. 

  2592.             $(".columns-preview-horizontal-fix ul", textPageInstance).css("left", "0");

    2593. 

  2593.             if(moduleList!= null){ moduleList.resetPosition( 0 ); moduleList.disableList(); moduleList.destroy(); moduleList = null; }

    2594. 

  2594.             columnItemWrapper.css("opacity", "0").css("display", "inline");

    2595. 

  2595.             moduleUpdate_page_columns( columnTopPos );

    2596. 

  2596.             

    2597. 

  2597.             TweenMax.to( columnItemWrapper, .6, {css:{opacity: "1"}, easing:Sine.easeOut });

    2598. 

  2598.             $("#filter-buttons-holder", textPageInstance).find(".filter-button").each(

    2599. 

  2599.                 function(){

    2600. 

  2600.                     var obj = $(this);

    2601. 

  2601.                     var dataF = obj.attr("data-filter");

    2602. 

  2602.                     if( dataF != undefined &&  dataF == "*" ){

    2603. 

  2603.                         obj.addClass("selected");

    2604. 

  2604.                         TweenMax.to( obj, .3, { css:{ color:"#ffffff", backgroundColor: themeColor },  ease:Sine.easeOut });    

    2605. 

  2605.                     }

    2606. 

  2606.                     else{

    2607. 

  2607.                         if(obj.hasClass("selected") == true){

    2608. 

  2608.                             obj.removeClass("selected").css("color", "#3f3f3f").css("background-color", "transparent"); 

    2609. 

  2609.                         }    

    2610. 

  2610.                     }

    2611. 

  2611.             });

    2612. 

  2612.         }

    2613. 

  2613.         var initBackColor = rgb2hex( $(".columns-preview-backward .columns-preview-backg").css("background-color") );

    2614. 

  2614.         $(".columns-preview-backward, .columns-preview-forward, .columns-preview-close").unbind("mouseenter mouseleave");

    2615. 

  2615.         $(".columns-preview-backward, .columns-preview-forward, .columns-preview-close").hover(

    2616. 

  2616.             function(){ TweenMax.to( $(".columns-preview-backg", this), 0.3, {css:{backgroundColor: themeColor }, easing:Sine.easeOut }); },

    2617. 

  2617.             function(){ TweenMax.to( $(".columns-preview-backg", this), 0.3, {css:{backgroundColor: initBackColor}, easing:Sine.easeOut }); }

    2618. 

  2618.         );

    2619. 

  2619.         $(".columns-preview-backward, .columns-preview-forward", textPageInstance ).click(

    2620. 

  2620.             function(){

    2621. 

  2621.                 var index = columnsPreviewIndex;

    2622. 

  2622.                 if( $(this).hasClass("columns-preview-backward") == true ){

    2623. 

  2623.                     index--;

    2624. 

  2624.                     changeColPreviewMedia( index );

    2625. 

  2625.                 }

    2626. 

  2626.                 else if( $(this).hasClass("columns-preview-forward") == true ){

    2627. 

  2627.                     index++;

    2628. 

  2628.                     changeColPreviewMedia( index ); 

    2629. 

  2629.                 }

    2630. 

  2630.         });

    2631. 

  2631.          $(".columns-preview-horizontal-fix ul").wipetouch({

    2632. 

  2632.           tapToClick: false, /* if user taps the screen, triggers a click event*/

    2633. 

  2633.           preventDefault: false,

    2634. 

  2634.           wipeLeft: function(result) { 

    2635. 

  2635.             var index = columnsPreviewIndex; index++;

    2636. 

  2636.             changeColPreviewMedia( index )

    2637. 

  2637.             },

    2638. 

  2638.           wipeRight: function(result) { 

    2639. 

  2639.             var index = columnsPreviewIndex; index--;

    2640. 

  2640.             changeColPreviewMedia( index )

    2641. 

  2641.             }

    2642. 

  2642.         }); 

    2643. 

  2643.         function changeColPreviewMedia( index ){

    2644. 

  2644.             if( index < 0){index = 0;}

    2645. 

  2645.             if( index > totalColPreviews-1){index = totalColPreviews-1;}

    2646. 

  2646.             if( index == columnsPreviewIndex){return;}

    2647. 

  2647.             enableColumnsPreviewClose( false )

    2648. 

  2648.             columnsPreviewIndex = index;

    2649. 

  2649.             loadColumnsPreview( columnsPreviewIndex );   

    2650. 

  2650.         }   

    2651. 

  2651.         var $filterContainer = $("#module-columns-holder", textPageInstance);

    2652. 

  2652.         $originalDataPos = getOriginalPos($filterContainer);

    2653. 

  2653.         if( touchDevice == 0 )$("#filter-buttons-holder .filter-button", textPageInstance).hover(

    2654. 

  2654.             function(){

    2655. 

  2655.                 if($(this).hasClass("selected") == true)return;

    2656. 

  2656.                 TweenMax.to( $(this), .3, { css:{ color:"#ffffff", backgroundColor: themeColor },  ease:Sine.easeOut });

    2657. 

  2657.             },

    2658. 

  2658.             function(){

    2659. 

  2659.                 if($(this).hasClass("selected") == true)return;

    2660. 

  2660.                 TweenMax.to( $(this), .3, { css:{ color:"#3f3f3f", backgroundColor: "transparent" },  ease:Sine.easeOut });

    2661. 

  2661.             }           

    2662. 

  2662.         );

    2663. 

  2663.         $("#filter-buttons-holder .filter-button", textPageInstance).click(

    2664. 

  2664.             function(){

    2665. 

  2665.                 if($(this).hasClass("selected") == true)return;

    2666. 

  2666.                 var selector = $(this).attr('data-filter'); 

    2667. 

  2667.                 $("#filter-buttons-holder", textPageInstance).find(".filter-button").each(

    2668. 

  2668.                     function(){

    2669. 

  2669.                         if($(this).hasClass("selected") == true){

    2670. 

  2670.                             $(this).removeClass("selected");

    2671. 

  2671.                             TweenMax.to( $(this), .3, { css:{ color:"#3f3f3f", backgroundColor: "transparent" },  ease:Sine.easeOut });

    2672. 

  2672.                         }

    2673. 

  2673.                 });

    2674. 

  2674.                 $(this).addClass("selected");

    2675. 

  2675.                 if(touchDevice == 1){TweenMax.to( $(this), .3, { css:{ color:"#ffffff", backgroundColor: themeColor },  ease:Sine.easeOut });}

    2676. 

  2676.                 filterContent( $filterContainer, selector, $originalDataPos, onFilterComplete );                

    2677. 

  2677.                 return false;

    2678. 

  2678.         });

    2679. 

  2679.     }

    2680. 

  2680.     var containerTotalH = 0;

    2681. 

  2681.     function onFilterComplete( index, container, child, hide ){

    2682. 

  2682.         var total    = container.children().length-1;

    2683. 

  2683.         if( hide == false ){ containerTotalH = child.position().top + parseInt(child.css("margin-bottom"), 10) + child.height(); }

    2684. 

  2684.         

    2685. 

  2685.         if( index == total){

    2686. 

  2686.             var textPageInstanceHolder    = $( txt_modCont);

    2687. 

  2687.             var textPageInstance          = $( "#module-columns-wrapper", textPageInstanceHolder);

    2688. 

  2688.             container.css("height", containerTotalH);   

    2689. 

  2689.             TweenMax.to( $("div:first", textPageInstance), .3, {css:{top: "0px"}, easing:Sine.easeOut, onComplete:

    2690. 

  2690.                 function(){

    2691. 

  2691.                     var sType = $("#template-menu").attr("data-side");

    2692. 

  2692.                     moduleUpdate( textPageInstanceHolder, textPageInstance, $("div:first", textPageInstance), sType, true, false );

    2693. 

  2693.                     //moduleUpdate_page_columns();

    2694. 

  2694.                     if(moduleList != null)moduleList.enableList();

    2695. 

  2695.                 }

    2696. 

  2696.             });  

    2697. 

  2697.         }

    2698. 

  2698.     }

    2699. 

  2699.     function getOriginalPos( container ){

    2700. 

  2700.         var i = 0;

    2701. 

  2701.         var posArray = new Array();

    2702. 

  2702.         container.children().each( function(){ posArray[ i ] = { x: $(this).position().left, y: $(this).position().top }; i++; });

    2703. 

  2703.         container.css("height", container.height());

    2704. 

  2704.         container.css("width", container.width());

    2705. 

  2705.         i = 0;

    2706. 

  2706.         container.children().each(function(){ $(this).css("position", "absolute"); $(this).css("left", posArray[i].x); $(this).css("top", posArray[i].y); i++; });

    2707. 

  2707.         return posArray;

    2708. 

  2708.     }

    2709. 

  2709.     function filterContent( container, selector, originalDataPos, onCompleteFunction ){

    2710. 

  2710.         var i       = 0;

    2711. 

  2711.         var j       = 0;

    2712. 

  2712.         if( i == 0 && moduleList != null ){moduleList.disableList();}

    2713. 

  2713.         container.children().each(

    2714. 

  2714.           function(){

    2715. 

  2715.             if($(this).attr("data-id") != selector && selector != "*"){

    2716. 

  2716.                 TweenMax.to($(this), .6, {css:{opacity:"0", left: originalDataPos[ j ].x, top: originalDataPos[ j ].y }, easing:Sine.easeOut, onComplete:onCompleteFunction, onCompleteParams: [i, container, $(this), true] });

    2717. 

  2717.             }

    2718. 

  2718.             else{

    2719. 

  2719.                 var valLeft = originalDataPos[ j ].x;

    2720. 

  2720.                 var valTop = originalDataPos[ j ].y;

    2721. 

  2721.                 TweenMax.to($(this), .6, {css:{opacity:"1", left: valLeft, top: valTop}, easing:Sine.easeOut, onComplete:onCompleteFunction, onCompleteParams: [i, container, $(this), false] });

    2722. 

  2722.                 j++;

    2723. 

  2723.             }

    2724. 

  2724.             i++;        

    2725. 

  2725.         });

    2726. 

  2726.     }

    2727. 

  2727.     function getDirectionCSS( $element, coordinates ){

    2728. 

  2728.         /** the width and height of the current div **/

    2729. 

  2729.     	var w = $element.width(), h = $element.height(),

    2730. 

  2730.     		/** calculate the x and y to get an angle to the center of the div from that x and y. **/ /** gets the x value relative to the center of the DIV and "normalize" it **/

    2731. 

  2731.     		x = ( coordinates.x - $element.offset().left - ( w/2 )) * ( w > h ? ( h/w ) : 1 ),

    2732. 

  2732.     		y = ( coordinates.y - $element.offset().top  - ( h/2 )) * ( h > w ? ( w/h ) : 1 ),

    2733. 

  2733.     		/** the angle and the direction from where the mouse came in/went out clockwise (TRBL=0123);**/

    2734. 

  2734.     		/** first calculate the angle of the point, add 180 deg to get rid of the negative values divide by 90 to get the quadrant

    2735. 

  2735.     		add 3 and do a modulo by 4  to shift the quadrants to a proper clockwise TRBL (top/right/bottom/left) **/

    2736. 

  2736.     		direction = Math.round( ( ( ( Math.atan2(y, x) * (180 / Math.PI) ) + 180 ) / 90 ) + 3 )  % 4;

    2737. 

  2737.             var fromClass, toClass;

    2738. 

  2738.             switch( direction ) {

    2739. 

  2739.     			case 0:/* from top */ 

    2740. 

  2740.                     fromClass = {instance:'hover-slideFromTop', val1: "0px", val2:"-100%"};                    

    2741. 

  2741.     				toClass	  = {instance:'hover-slideTopLeft', val1: "0px", val2:"0px"};

    2742. 

  2742.     				break;

    2743. 

  2743.     			case 1:/* from right */

    2744. 

  2744.     			    fromClass = {instance:'hover-slideFromRight', val1: "100%", val2:"0px"};

    2745. 

  2745.     				toClass	  = {instance:'hover-slideTopLeft', val1: "0px", val2:"0px"};

    2746. 

  2746.     				break;

    2747. 

  2747.     			case 2:/* from bottom */

    2748. 

  2748.     				fromClass = {instance:'hover-slideFromBottom', val1: "0px", val2:"100%"};

    2749. 

  2749.     				toClass	  = {instance:'hover-slideTopLeft', val1: "0px", val2:"0px"};

    2750. 

  2750.     				break;

    2751. 

  2751.     			case 3:/* from left */

    2752. 

  2752.     				fromClass = {instance:'hover-slideFromLeft', val1: "-100%", val2:"0px"};

    2753. 

  2753.     				toClass	  = {instance:'hover-slideTopLeft', val1: "0px", val2:"0px"};

    2754. 

  2754.     				break;

    2755. 

  2755.     		};

    2756. 

  2756.     	return { from : fromClass, to: toClass };

    2757. 

  2757.     }

    2758. 

  2758.     function animateThumb( img ){ TweenMax.to( img, 0.4, {css:{opacity:"1"}, easing:Sine.easeOut}); }

    2759. 

  2759.     var initialColumns = 0;

    2760. 

  2760.     var maxColumns = 4;

    2761. 

  2761.     function checkColumnSize( adjustPreview ){

    2762. 

  2762.         var textPageInstanceHolder  = $( txt_modCont);

    2763. 

  2763.         var textPageInstance        = $( "#module-columns", textPageInstanceHolder);

    2764. 

  2764. 		var modulePositionType      = textPageInstanceHolder.attr("data-id");        

    2765. 

  2765.         var container               = $("#module-columns-holder", textPageInstance);

    2766. 

  2766.         var marginRight             = parseInt($("div:first", container).css("margin-right"), 10);

    2767. 

  2767.         var marginBottom            = parseInt($("div:first", container).css("margin-bottom"), 10);

    2768. 

  2768.         var elementW                = $("div:first", container).width();

    2769. 

  2769.         var thumbType               = $("div:first", container).attr("class");

    2770. 

  2770.         var elementH                = $("div:first", container).height();

    2771. 

  2771.         var visibleWidth            = $("#module-container").width();        

    2772. 

  2772.         var columns                 = Math.round(visibleWidth / (elementW + marginRight));

    2773. 

  2773.         

    2774. 

  2774.         if( textPageInstance.length <= 0 ) return;

    2775. 

  2775.                

    2776. 

  2776.         if( thumbType == "fourth-thumb-holder"){ maxColumns = 4; }

    2777. 

  2777.         if( thumbType == "third-thumb-holder"){ maxColumns = 3; }

    2778. 

  2778.         if( thumbType == "half-thumb-holder"){ maxColumns = 2; }

    2779. 

  2779.         var maxWidth = (columns > 1) ? textPageInstance.width() : container.width();

    2780. 

  2780.         

    2781. 

  2781.         if( columns > maxColumns ){ columns = maxColumns; }

    2782. 

  2782.         

    2783. 

  2783.         initialColumns              = columns;

    2784. 

  2784.         var prevMedia   = $(".columns-preview-media");

    2785. 

  2785.         var prevDesc    = $(".columns-preview-description");

    2786. 

  2786.         var thumbNewW   = columns * ( elementW + marginRight ) - marginRight

    2787. 

  2787.         var newWidth    =  thumbNewW + parseInt($("#module-columns-container").css("margin-left"), 10) + parseInt($("#module-columns-container").css("margin-right"), 10);

    2788. 

  2788.         if( visibleWidth < newWidth  ){

    2789. 

  2789.             if( columns > 1 )columns--;

    2790. 

  2790.             else initialColumns--;

    2791. 

  2791.         }

    2792. 

  2792.         else if( visibleWidth > newWidth ){ initialColumns--; }

    2793. 

  2793.         

    2794. 

  2794.         if( adjustPreview != undefined && adjustPreview == true ){

    2795. 

  2795.             var thumbNewW   = columns * ( elementW + marginRight ) - marginRight

    2796. 

  2796.             var newWidth    =  thumbNewW + parseInt($("#module-columns-container").css("margin-left"), 10) + parseInt($("#module-columns-container").css("margin-right"), 10);

    2797. 

  2797.             $("#module-columns-preview-holder", textPageInstance).css("width", thumbNewW + "px");

    2798. 

  2798.             

    2799. 

  2799.             if( thumbNewW < 768 ){                

    2800. 

  2800.                 prevMedia.css("width", thumbNewW + "px");

    2801. 

  2801.                 prevDesc.css("margin-left", "0px" ).css("width", "100%");

    2802. 

  2802.             }

    2803. 

  2803.             else{

    2804. 

  2804.                  prevMedia.css("width", "" );

    2805. 

  2805.                  prevDesc.css("margin-left", "" ).css("width", "");

    2806. 

  2806.             }

    2807. 

  2807.             var previewWidth = thumbNewW;

    2808. 

  2808.             if( columnsPreviewOpen == false ){ $("#module-columns-preview", textPageInstance).css("display", "inline"); }

    2809. 

  2809.             $(textPageInstance).find(".columns-preview-horizontal-fix").each(

    2810. 

  2810.                 function(){

    2811. 

  2811.                     var columPrevItemHolder = $("ul", this);

    2812. 

  2812.                     var columPrevItem       = $("ul li",this);

    2813. 

  2813.                     $(this).css("width", 9999999);               

    2814. 

  2814.                     columPrevItem.each(function(){$(this).css("width", previewWidth);});

    2815. 

  2815.                     var realW = columPrevItemHolder.width();

    2816. 

  2816.                     columPrevItem.each(function(){if( columnsPreviewOpen == false ) $(this).css("display", "none");});

    2817. 

  2817.                     $(this).css("width", previewWidth );

    2818. 

  2818.                     columPrevItemHolder.css("width", realW );

    2819. 

  2819.             });

    2820. 

  2820.             var prevListW   = $("#module-columns-preview-holder").width();  

    2821. 

  2821.             var elMargR     = parseInt($("li:first",".columns-preview-horizontal-fix ul").css("margin-right"), 10 ); 

    2822. 

  2822.             $(".columns-preview-horizontal-fix ul").css("left", -(columnsPreviewIndex * (prevListW + elMargR)));            

    2823. 

  2823.         }

    2824. 

  2824.         if( initialColumns != columns ){

    2825. 

  2825.             var lin = 0;

    2826. 

  2826.             var col = 0

    2827. 

  2827.             var newH = 0;

    2828. 

  2828.             var count = 0;

    2829. 

  2829.             var total = container.children().length;

    2830. 

  2830.             container.children().each(

    2831. 

  2831.                 function(){

    2832. 

  2832.                     if( col < columns ){

    2833. 

  2833.                         var topVal = lin * ( elementH + marginBottom );

    2834. 

  2834.                         var leftVal = col * ( elementW + marginRight );

    2835. 

  2835.                         $(this).css("position", "absolute").css("left", leftVal + "px").css("top", topVal + "px");

    2836. 

  2836.                         col++;

    2837. 

  2837.                     }

    2838. 

  2838.                     else{

    2839. 

  2839.                         col = 0;

    2840. 

  2840.                         lin++;

    2841. 

  2841.                         var topVal = lin * ( elementH + marginBottom );

    2842. 

  2842.                         var leftVal = col * ( elementH + marginRight );

    2843. 

  2843.                         $(this).css("position", "absolute").css("left", leftVal + "px").css("top", topVal + "px");

    2844. 

  2844.                         col++;

    2845. 

  2845.                     }

    2846. 

  2846.                     $(this).css("opacity", "1");

    2847. 

  2847.                     if( count == total - 1 ){ newH = parseInt($(this).css("top"), 10 ) + $(this).height(); }

    2848. 

  2848.                     count++;

    2849. 

  2849.                 }

    2850. 

  2850.             );

    2851. 

  2851.             $originalDataPos = getOriginalPos( container );            

    2852. 

  2852.             var thumbNewW = columns * ( elementW + marginRight ) - marginRight

    2853. 

  2853.             var newWidth =  thumbNewW + parseInt($("#module-columns-container").css("margin-left"), 10) + parseInt($("#module-columns-container").css("margin-right"), 10);

    2854. 

  2854.             

    2855. 

  2855.             $("#module-columns").css("width", newWidth + "px");

    2856. 

  2856.             $("#module-columns-container").css("width", thumbNewW + "px");

    2857. 

  2857.             container.css("height", newH + "px");

    2858. 

  2858.             container.css("width", thumbNewW + "px");

    2859. 

  2859.             $("#module-columns-preview-holder", textPageInstance).css("width", thumbNewW + "px");

    2860. 

  2860.             if( thumbNewW < 768 ){                

    2861. 

  2861.                 prevMedia.css("width", thumbNewW + "px");

    2862. 

  2862.                 prevDesc.css("margin-left", "0px" ).css("width", "100%");

    2863. 

  2863.             }

    2864. 

  2864.             else{

    2865. 

  2865.                  prevMedia.css("width", "" );

    2866. 

  2866.                  prevDesc.css("margin-left", "" ).css("width", "");

    2867. 

  2867.             }

    2868. 

  2868.         }

    2869. 

  2869.         

    2870. 

  2870.         var columnPrevWrapper   = $( "#module-columns-preview-wrapper", textPageInstanceHolder);

    2871. 

  2871.         var previewWidth        = $( "#module-columns-preview-holder", columnPrevWrapper).width();        

    2872. 

  2872.         if( columnsPreviewOpen == false ){ columnPrevWrapper.css("display", "inline"); }

    2873. 

  2873.         $(columnPrevWrapper, textPageInstance).find(".columns-preview-horizontal-fix").each(

    2874. 

  2874.             function(){

    2875. 

  2875.                 $(this).css("width", 9999999);

    2876. 

  2876.                 var cPIH    = $("ul", this);

    2877. 

  2877.                 var cPI     = $("ul li",this);  

    2878. 

  2878.                 cPI.each(function(){ $(this).css("width", previewWidth); });

    2879. 

  2879.                 cPIH.css("width", cPIH.width() );

    2880. 

  2880.                 $(this).css("width", previewWidth);

    2881. 

  2881.                 cPI.each(function(){ if( columnsPreviewOpen == false ){ $(this).css("display", "none"); } });  

    2882. 

  2882.         });

    2883. 

  2883.         if( columnsPreviewOpen == false ){ columnPrevWrapper.css("display", "none"); }        

    2884. 

  2884.     }

    2885. 

  2885.     function colPreviewItemDisplay( display ){

    2886. 

  2886.             var i = 0;        

    2887. 

  2887.             for( i; i < totalColPreviews; i++){columnsPrevItemArr[ i ].css("display", display);}

    2888. 

  2888.     } 

    2889. 

  2889.     function animateColPreviewMedia( src ){ 

    2890. 

  2890.         var inst = $(src);

    2891. 

  2891.         var parent = $(src).parent();

    2892. 

  2892.         if(touchDevice == 0){TweenMax.to($(src).parent(), .3, {css:{ height: inst.height()}, easing:Sine.easeOut});}

    2893. 

  2893.         else{parent.css("height", inst.height());}

    2894. 

  2894.         previewAnimDone = true;

    2895. 

  2895.         TweenMax.to(inst, .5, {css:{ opacity:'1'}, easing:Sine.easeOut, delay:0.1, onComplete: moduleUpdate_page_columns});

    2896. 

  2896.         

    2897. 

  2897.     }

    2898. 

  2898. 	/*================= GALLERY ================================*/

    2899. 

  2899.     var galleryList             = null;

    2900. 

  2900.     var galleryPreviewMediaArr  = new Array();

    2901. 

  2901.     var galleryPreviewDescArr   = new Array();

    2902. 

  2902.     var currGalleryThumbID      = 0;

    2903. 

  2903.     var currPreviewElem         = "";

    2904. 

  2904.     var visibleGalleryH         = 0;

    2905. 

  2905.     var galleryColumns          = 0;

    2906. 

  2906.     var galleryLines            = 0;

    2907. 

  2907.     var galleryVisibleThumbs    = 0;

    2908. 

  2908.     var previewGalleryOpen      = false;

    2909. 

  2909.     var galleryItemArr          = new Array();

    2910. 

  2910. 	function moduleGallery(){

    2911. 

  2911. 	    var textPageInstanceHolder    = $( txt_modCont);

    2912. 

  2912.         var textPageInstance          = $( "#module-galleries", textPageInstanceHolder);

    2913. 

  2913.         if( textPageInstance.length <= 0 ){return;}

    2914. 

  2914.         	

    2915. 

  2915. 		var moduleWidth               = textPageInstanceHolder.width();

    2916. 

  2916. 		var moduleHeight              = textPageInstanceHolder.height();

    2917. 

  2917.         

    2918. 

  2918.         var galleryHolder       = $("#module-galleries-holder", textPageInstance);

    2919. 

  2919.         var thumbMarginRight    = parseInt($(".thumb-holder").css("margin-right"), 10);

    2920. 

  2920.         var thumbMarginBottom   = parseInt($(".thumb-holder").css("margin-bottom"), 10);

    2921. 

  2921.         var thumbWidth          = $(".thumb-holder").width();

    2922. 

  2922.         var thumbHeight         = $(".thumb-holder").height();

    2923. 

  2923.         var containerWidth      = galleryHolder.width();

    2924. 

  2924.         var containerHeight     = galleryHolder.height();

    2925. 

  2925.         var visibleHeight       = textPageInstance.height();

    2926. 

  2926.         var numberColumns       = Math.round( containerWidth / ( thumbWidth + thumbMarginRight) );

    2927. 

  2927.         var numberLines         = Math.floor( visibleHeight / ( thumbHeight + thumbMarginBottom) + 1);

    2928. 

  2928.         var totalVisibleThumbs  = numberColumns * numberLines - 1;

    2929. 

  2929.         var windowH             = $(window).height() + 50;

    2930. 

  2930.         visibleGalleryH         = visibleHeight;

    2931. 

  2931.         galleryColumns          = numberColumns;

    2932. 

  2932.         galleryLines            = numberLines;

    2933. 

  2933.         galleryItemArr          = [];

    2934. 

  2934.         

    2935. 

  2935.         

    2936. 

  2936.         setPreview();

    2937. 

  2937.         storePreviewMedia();

    2938. 

  2938.         addControlsListeners();

    2939. 

  2939.         if( $(window).width() < 480 && galleryColumns > 2 ) galleryColumns = 1;

    2940. 

  2940.         

    2941. 

  2941.         $(".thumb-holder" + ":nth-child(" + galleryColumns + "n+" + galleryColumns + ")", galleryHolder).css("margin-right",  "0px");

    2942. 

  2942.         moduleUpdate( textPageInstanceHolder, textPageInstance, $("div:first", textPageInstance), sideType );

    2943. 

  2943. 		textPageInstanceHolder.css("visibility", "visible");	

    2944. 

  2944.        

    2945. 

  2945.         var galleryItem         = $("#module-galleries-holder .thumb-holder", textPageInstance);

    2946. 

  2946.         var backgOverColor      = "#3f3f3f";

    2947. 

  2947.         var backgOutColor       = rgb2hex( galleryItem.css("background-color") );

    2948. 

  2948.         var text1BaseColor      = rgb2hex( $(".thumb-tag p", galleryItem).css("color") );      

    2949. 

  2949.                 

    2950. 

  2950.         if( touchDevice == 0 )galleryItem.hover(

    2951. 

  2951.             function(event){ 

    2952. 

  2952.                     customHoverAnimation( "over", event, $(this), $("#thumb-image-hover", this) ); 

    2953. 

  2953.                     var text = $(".thumb-tag p", this);

    2954. 

  2954.                     TweenMax.to( text, .6, { css:{ color: backgOutColor },  ease:Quad.easeOut });

    2955. 

  2955.                     TweenMax.to( $(this), .6, { css:{ backgroundColor: backgOverColor },  ease:Quad.easeOut });

    2956. 

  2956.                 },

    2957. 

  2957.                 function(event){ 

    2958. 

  2958.                     customHoverAnimation( "out", event, $(this), $("#thumb-image-hover", this) ); 

    2959. 

  2959.                     var text = $(".thumb-tag p", this);

    2960. 

  2960.                     TweenMax.to( text, .6, { css:{ color: text1BaseColor },  ease:Circ.easeOut });

    2961. 

  2961.                     TweenMax.to( $(this), .6, { css:{ backgroundColor: backgOutColor },  ease:Quad.easeOut });

    2962. 

  2962.         });

    2963. 

  2963.         galleryItem.click(

    2964. 

  2964. 			function() {	

    2965. 

  2965. 			             var index = $(".thumb-holder").index( this );

    2966. 

  2966. 			         	 currGalleryThumbID = index;

    2967. 

  2967.                          currPreviewElem =  galleryPreviewMediaArr[ index ];

    2968. 

  2968.                          setPreviewLoadHTML();

    2969. 

  2969. 						 TweenMax.to(  textPageInstance, .6, { css:{ opacity: "0" },  ease:Circ.easeOut, onComplete: showGalleryPreview   });

    2970. 

  2970.                          if( moduleList != null ){moduleList.disableList();}

    2971. 

  2971.         });  

    2972. 

  2972.         

    2973. 

  2973.         

    2974. 

  2974.                 

    2975. 

  2975.         var childLength         = galleryHolder.children().length - 1;

    2976. 

  2976.         totalVisibleThumbs      = ( childLength < totalVisibleThumbs ) ?  childLength : totalVisibleThumbs;

    2977. 

  2977.         galleryVisibleThumbs    = totalVisibleThumbs+1;

    2978. 

  2978.         var i = 0;

    2979. 

  2979.         var tempI = 0;

    2980. 

  2980.         var tempJ = 0;

    2981. 

  2981.         var onceD  = true;

    2982. 

  2982.         galleryHolder.find(".thumb-holder").each(

    2983. 

  2983.                 function(){

    2984. 

  2984.                     if( i > totalVisibleThumbs){$(this).css("display", "none");}

    2985. 

  2985.                     else{$(this).css("top", windowH + "px");}

    2986. 

  2986.                     galleryItemArr[ i ] = $(this); 

    2987. 

  2987.                     i++;

    2988. 

  2988.                       

    2989. 

  2989.         });

    2990. 

  2990.         i         = 0

    2991. 

  2991.         var tempI = 0;

    2992. 

  2992.         var tempJ = 0;

    2993. 

  2993.         var onceD = true;

    2994. 

  2994.         galleryHolder.find(".thumb-holder").each(

    2995. 

  2995.                 function(){

    2996. 

  2996.                     if( i <= totalVisibleThumbs ){

    2997. 

  2997.                         tempI = Math.floor( i / (numberColumns));

    2998. 

  2998.                         tempJ = (i - (tempI * (numberColumns))) * 0.15;

    2999. 

  2999.                         tempI = tempI * 0.1;

    3000. 

  3000.                         var delay = (0.1 )+ (tempJ) + (tempI);                        

    3001. 

  3001.                         if( i == totalVisibleThumbs ){TweenMax.to( $(this), .6, { css:{ top:"0px" }, delay: delay,  ease:Circ.easeOut, onComplete: afterGalleryStartupAnimation, onCompleteParams:[ visibleHeight ] });}

    3002. 

  3002.                         else{TweenMax.to( $(this), .6, { css:{ top:"0px" }, delay: delay,  ease:Circ.easeOut });}

    3003. 

  3003.                     } 

    3004. 

  3004.                     else{ return;}

    3005. 

  3005.                     i++;

    3006. 

  3006.         });

    3007. 

  3007.         endModuleFunction =  endModuleGallery;

    3008. 

  3008.         moduleEnd = true;

    3009. 

  3009.        return;      

    3010. 

  3010. 	}

    3011. 

  3011.     var moduleEnd = true;

    3012. 

  3012.     function endModuleGallery( reverse ){

    3013. 

  3013.         var textPageInstanceHolder  = $( txt_modCont);

    3014. 

  3014.         var textPageInstance        = $( "#module-galleries", textPageInstanceHolder);

    3015. 

  3015.         var galleryHolder           = $("#module-galleries-holder", textPageInstance);

    3016. 

  3016.         var thumbInstance           = $(".thumb-holder", textPageInstance);

    3017. 

  3017.         var thumbHeight             = thumbInstance.height() + parseInt(thumbInstance.css("margin-bottom"), 10);

    3018. 

  3018.         var containerPos            = parseInt(galleryHolder.css("top"), 10);

    3019. 

  3019.         var currLine                = Math.floor(Math.abs( containerPos / thumbHeight ));

    3020. 

  3020.         var startNumber             = currLine * galleryColumns;

    3021. 

  3021.         var endNumber               = startNumber + galleryVisibleThumbs;

    3022. 

  3022.         var windowH                 = $(window).height() + 50; 

    3023. 

  3023.         var totalVisibleThumbs      = galleryColumns * galleryLines - 1;

    3024. 

  3024.         

    3025. 

  3025.         var childLength             = galleryHolder.children().length - 1;

    3026. 

  3026.         var currH                   = galleryHolder.height()

    3027. 

  3027.         var i = 0;

    3028. 

  3028.         var t                       = galleryItemArr.length;

    3029. 

  3029.         if( reverse == true ){

    3030. 

  3030.             totalVisibleThumbs      = ( childLength < totalVisibleThumbs ) ?  childLength : totalVisibleThumbs;

    3031. 

  3031.             

    3032. 

  3032.             while(t--){

    3033. 

  3033.                 if( t >= totalVisibleThumbs){galleryItemArr[t].css("display", "none");}

    3034. 

  3034.                 else{galleryItemArr[t].css("top", windowH + "px");}    

    3035. 

  3035.             }

    3036. 

  3036.         }

    3037. 

  3037.         else{             

    3038. 

  3038.            t = galleryItemArr.length;

    3039. 

  3039.            while(t--){

    3040. 

  3040.                 if( t < startNumber || t >= endNumber ){ galleryItemArr[t].css("display", "none");}     

    3041. 

  3041.             }

    3042. 

  3042.         }

    3043. 

  3043.         

    3044. 

  3044.         if( currH > $(window).height() ){ galleryHolder.css("top", "0px"); }

    3045. 

  3045.         i = 0;

    3046. 

  3046.         var j       = 0;

    3047. 

  3047.         var tempI   = 0;

    3048. 

  3048.         var tempJ   = 0;

    3049. 

  3049.         var onceD  = true;   

    3050. 

  3050.         if( reverse == true ){

    3051. 

  3051.             moduleEnd = true;

    3052. 

  3052.             galleryHolder.find(".thumb-holder").each(

    3053. 

  3053.                     function(){

    3054. 

  3054.                         if( i <= totalVisibleThumbs ){                            

    3055. 

  3055.                             tempI = Math.floor( i / (galleryColumns));

    3056. 

  3056.                             tempJ = (i - (tempI * (galleryColumns))) * 0.15;

    3057. 

  3057.                             tempI = tempI * 0.1;

    3058. 

  3058.                             var delay = (0.1 )+ (tempJ) + (tempI); 

    3059. 

  3059.                             TweenMax.killTweensOf( $(this) );                       

    3060. 

  3060.                             if( i == totalVisibleThumbs ){TweenMax.to( $(this), .6, { css:{ top:"0px" }, delay: delay,  ease:Circ.easeOut, onComplete: showOtherThumbs, onCompleteParams:[galleryHolder] });}

    3061. 

  3061.                             else{TweenMax.to( $(this), .6, { css:{ top:"0px" }, delay: delay,  ease:Circ.easeOut });}

    3062. 

  3062.                         } 

    3063. 

  3063.                         else{ return;}

    3064. 

  3064.                         i++;

    3065. 

  3065.             });           

    3066. 

  3066.         }

    3067. 

  3067.         else{

    3068. 

  3068.             t = galleryItemArr.length;

    3069. 

  3069.             i = 0;

    3070. 

  3070.             while(t--){                  

    3071. 

  3071.                 if(  t >= startNumber ){

    3072. 

  3072.                     tempI = Math.floor( i / (galleryColumns));

    3073. 

  3073.                     tempJ = (i - (tempI * (galleryColumns))) * 0.15;

    3074. 

  3074.                     tempI = tempI * 0.1;

    3075. 

  3075.                     var delay = (0.1 )+ (tempJ) + (tempI);  

    3076. 

  3076.                                 

    3077. 

  3077.                     if( t == startNumber && reverse == true)

    3078. 

  3078.                     {TweenMax.to( galleryItemArr[t], 0.8, { css:{ top: windowH + "px" }, delay: delay,  ease:Circ.easeInOut, onComplete: showOtherThumbs, onCompleteParams:[galleryHolder]});}    

    3079. 

  3079.                     else

    3080. 

  3080.                     {TweenMax.to( galleryItemArr[t], 0.8, { css:{ top: windowH + "px" }, delay: delay,  ease:Circ.easeInOut});}     

    3081. 

  3081.                     

    3082. 

  3082.                     if( onceD == true && $("#dragger-holder").length > 0 ){

    3083. 

  3083.                         onceD = false;

    3084. 

  3084.                         TweenMax.to( $("#dragger-holder"), 0.8, { css:{ top: windowH + "px" },  ease:Circ.easeInOut });

    3085. 

  3085.                     }

    3086. 

  3086.                     i++;

    3087. 

  3087.                 }      

    3088. 

  3088.             } 

    3089. 

  3089.         }  

    3090. 

  3090.         if(reverse == undefined )endModuleFunction = null;

    3091. 

  3091.     }    

    3092. 

  3092.     function showOtherThumbs( galleryHolder ){        

    3093. 

  3093.        galleryHolder.find(".thumb-holder").each( function(){ $(this).css("display", "inline").css("top", "0px"); } );

    3094. 

  3094.     }

    3095. 

  3095.     function afterGalleryStartupAnimation( visibleH ){

    3096. 

  3096.         var textPageInstanceHolder    = $( txt_modCont);

    3097. 

  3097.         var textPageInstance          = $( "#module-galleries", textPageInstanceHolder);

    3098. 

  3098.         if( textPageInstance.length <= 0){return;}

    3099. 

  3099.         $("#module-galleries-holder", textPageInstance).find(".thumb-holder").each( function(){ $(this).css("display", "inline"); } ); 

    3100. 

  3100.         $("#module-galleries-preview").wipetouch({

    3101. 

  3101.               tapToClick: false, /* if user taps the screen, triggers a click event*/

    3102. 

  3102.               preventDefault:false,/* if user taps the screen, triggers a click event*/

    3103. 

  3103.               wipeLeft: function(result) { wipeChange( 1 ); },

    3104. 

  3104.               wipeRight: function(result) { wipeChange( -1 ); }

    3105. 

  3105.         });     

    3106. 

  3106.     }

    3107. 

  3107.     function wipeChange( idx ){

    3108. 

  3108.         var prevMediaChild = $("#preview-media-holder :first"); 

    3109. 

  3109.         TweenMax.to($(".gallery-preview-media-loader"), .3, {css:{opacity:"1"}, delay:.3, easing:Sine.easeOut});

    3110. 

  3110.         TweenMax.to(prevMediaChild, .4, {css:{opacity: "0"}, easing:Sine.easeOut, onComplete:

    3111. 

  3111.             function(){

    3112. 

  3112.                 changePreviewMedia( idx );                    

    3113. 

  3113.             }

    3114. 

  3114.         });

    3115. 

  3115.     }

    3116. 

  3116.     function storePreviewMedia(){

    3117. 

  3117.         galleryPreviewMediaArr = new Array();

    3118. 

  3118.         galleryPreviewDescArr = new Array();

    3119. 

  3119.         var i = 0;

    3120. 

  3120.         $("#module-galleries-preview").find("#preview-media-holder").children().each(

    3121. 

  3121.             function(){           

    3122. 

  3122.                 if( $(this).attr("id") == "preview-media-image" ){

    3123. 

  3123.                     galleryPreviewMediaArr[ i ] = '<img id="preview-media-image" src="' + $(this).attr("data-url") + 

    3124. 

  3124.                                                    '" title="' + $(this).attr("data-title") + '"' +

    3125. 

  3125.                                                    ' alt="' + $(this).attr("data-alt") +'" />';

    3126. 

  3126.                 }

    3127. 

  3127.                 else if( $(this).attr("id") == "video-wrapper"){

    3128. 

  3128.                     var videoType = $(this).attr("data-type");

    3129. 

  3129.                     galleryPreviewMediaArr[ i ] = $(this);                    

    3130. 

  3130.                 }

    3131. 

  3131.                 var descTxt = $(":first", this);

    3132. 

  3132.                 if( $(":first", this).length > 0){ galleryPreviewDescArr[ i ] = descTxt; }                    

    3133. 

  3133.                 else{ galleryPreviewDescArr[ i ] = undefined; }                        

    3134. 

  3134.                 i++;

    3135. 

  3135.         });

    3136. 

  3136.         i = 0;

    3137. 

  3137.         var total = galleryPreviewDescArr.length;

    3138. 

  3138.         var descHolder = $("#module-galleries-preview-description-holder");

    3139. 

  3139.         for( i = 0; i < total; i++){

    3140. 

  3140.             if( descHolder.length > 0 && galleryPreviewDescArr[ i ] != undefined ){ descHolder.append(galleryPreviewDescArr[ i ]); }

    3141. 

  3141.         }   

    3142. 

  3142.         setPreviewLoadHTML();

    3143. 

  3143.     }    

    3144. 

  3144.     function isIE9Std() {

    3145. 

  3145.       var a;

    3146. 

  3146.       try{var b=arguments.caller.length;a=0;}catch(e){a=1;}

    3147. 

  3147.       return((document.all&&a)==1);

    3148. 

  3148.     }

    3149. 

  3149.     function setPreviewLoadHTML(){         

    3150. 

  3150.         $("#module-galleries-preview").find("#preview-media-holder").empty();

    3151. 

  3151.     }    

    3152. 

  3152.     function setPreview(){        

    3153. 

  3153.         var galleriesPreview = $("#module-galleries-preview");

    3154. 

  3154.         if( galleriesPreview.length > 0 ){

    3155. 

  3155.             galleriesPreview.remove();

    3156. 

  3156.             $("#template-wrapper").after(galleriesPreview);

    3157. 

  3157.         }               

    3158. 

  3158.     }

    3159. 

  3159.     function showGalleryPreview(){

    3160. 

  3160.         previewGalleryOpen = true;

    3161. 

  3161.         var modGallPrev = $("#module-galleries-preview");

    3162. 

  3162.         $("#module-galleries").attr("style", "display: none; visibility: visible;");

    3163. 

  3163.         modGallPrev.css("opacity", "0");

    3164. 

  3164.         modGallPrev.css("display", "inline");

    3165. 

  3165.         modGallPrev.css("visibility", "visible");

    3166. 

  3166.         

    3167. 

  3167.         changeGalleryPreviewDescription( -1, currGalleryThumbID)

    3168. 

  3168.         TweenMax.to(  modGallPrev, .6, { css:{ opacity: "1" },  ease:Circ.easeOut, onComplete: showGalleryPreviewMedia   });        

    3169. 

  3169.     }    

    3170. 

  3170.     function showGalleryPreviewMedia(){      

    3171. 

  3171.         if( $(currPreviewElem).attr("id") == "preview-media-image" ){

    3172. 

  3172.             /*PLAY MEDIA IMAGE*/

    3173. 

  3173.             $("#module-galleries-preview").find("#preview-media-holder").append('<img id="preview-media-load" onload="animatePreviewMedia()" title="" alt="" />');

    3174. 

  3174.             var prevMediaLoad = $("#preview-media-load");

    3175. 

  3175.             prevMediaLoad.attr("style", "visibility: visible; display: inline");

    3176. 

  3176.             prevMediaLoad.css("opacity", "0" );

    3177. 

  3177.             prevMediaLoad.attr("src", $(currPreviewElem).attr("src") ).attr("title", $(currPreviewElem).attr("title") ).attr("alt", $(currPreviewElem).attr("alt") );                       

    3178. 

  3178.         }    

    3179. 

  3179.         else if( $(currPreviewElem).attr("id") == "video-wrapper" ){

    3180. 

  3180.             /*PLAY MEDIA VIDEO*/       

    3181. 

  3181.             $("#module-galleries-preview").find("#preview-media-holder").find("#video-wrapper").remove();

    3182. 

  3182.             var descHeight = ($("#module-galleries-preview-description-holder").length > 0) ? $("#module-galleries-preview-description-holder").height() : 0;

    3183. 

  3183.             if( previewDescriptionActive == false ) descHeight = 0;

    3184. 

  3184.             var prevMediaHolder      = $("#preview-media-holder");            

    3185. 

  3185.             var mediaBackNewW        = parseInt($(currPreviewElem).attr("data-width"), 10) + previewBorderSize*2;

    3186. 

  3186.             var mediaBackNewH        = parseInt($(currPreviewElem).attr("data-height"), 10) + previewBorderSize*2;

    3187. 

  3187.             var mediaBackMarginTop   = - mediaBackNewH * .5 - descHeight * .5;

    3188. 

  3188.             var mediaBackMarginLeft  = - mediaBackNewW * .5;

    3189. 

  3189.             prevMediaHolder.attr("style", "width: " + mediaBackNewW + "px; height: " + mediaBackNewH + "px; margin: 0px; top: 50%; left: 50%; margin-top:" + mediaBackMarginTop + "px; margin-left:" + mediaBackMarginLeft + "px;");

    3190. 

  3190.             $("#preview-media-holder").append('<div id="video-wrapper"></div>')

    3191. 

  3191.             templateAddMediaVideo( $(currPreviewElem).attr("data-video-type"), $(currPreviewElem), $("#video-wrapper") );

    3192. 

  3192.             

    3193. 

  3193.             TweenMax.to($(".gallery-preview-media-loader"), .3, {css:{opacity:"0"}, easing:Sine.easeOut});

    3194. 

  3194.             loadingAnimationDone = true;

    3195. 

  3195.             fadeInMedia("");

    3196. 

  3196.         }        

    3197. 

  3197.     }   

    3198. 

  3198.     function addControlsListeners(){

    3199. 

  3199.         if( touchDevice == 0 ){        

    3200. 

  3200.             var initOpacity = $(".module-galleries-preview-arrow-backward .module-galleries-preview-arrow-backg").css("opacity");            

    3201. 

  3201.             var initBackColor = rgb2hex( $(".module-galleries-preview-arrow-backward .module-galleries-preview-arrow-backg").css("background-color") );

    3202. 

  3202.             var prevControls = $(".module-galleries-preview-arrow-backward, .module-galleries-preview-arrow-forward, .module-galleries-preview-arrow-close");

    3203. 

  3203.             prevControls.unbind('mouseenter mouseleave');

    3204. 

  3204.             prevControls.hover(

    3205. 

  3205.                 function(){

    3206. 

  3206.                     TweenMax.to( $(".module-galleries-preview-arrow-backg", this), 0.3, {css:{opacity: "1", backgroundColor: themeColor }, easing:Sine.easeOut });

    3207. 

  3207.                 },

    3208. 

  3208.                 function(){

    3209. 

  3209.                     TweenMax.to( $(".module-galleries-preview-arrow-backg", this), 0.3, {css:{opacity: initOpacity, backgroundColor: initBackColor}, easing:Sine.easeOut });

    3210. 

  3210.             });

    3211. 

  3211.         }

    3212. 

  3212.         var prevArrBack = $(".module-galleries-preview-arrow-backward");

    3213. 

  3213.         var prevArrForw = $(".module-galleries-preview-arrow-forward")        

    3214. 

  3214.         prevArrBack.unbind("click");        

    3215. 

  3215.         prevArrBack.click(

    3216. 

  3216.             function(){

    3217. 

  3217.                 TweenMax.to($(".gallery-preview-media-loader"), .3, {css:{opacity:"1"}, easing:Sine.easeOut});

    3218. 

  3218.                 changePreviewMedia( -1 );

    3219. 

  3219.         });

    3220. 

  3220.         prevArrForw.unbind("click");

    3221. 

  3221.         prevArrForw.click(

    3222. 

  3222.             function(){

    3223. 

  3223.                TweenMax.to($(".gallery-preview-media-loader"), .3, {css:{opacity:"1"}, easing:Sine.easeOut});

    3224. 

  3224.                changePreviewMedia( 1 ); 

    3225. 

  3225.         });

    3226. 

  3226.         var prevArrClose = ".module-galleries-preview-arrow-close";

    3227. 

  3227.         var prevBackg = "#module-galleries-preview-background";

    3228. 

  3228.         $(prevBackg).unbind("click");

    3229. 

  3229.         $(prevArrClose).unbind("click");

    3230. 

  3230.         $(prevArrClose + "," + prevBackg).click(

    3231. 

  3231.             function(){

    3232. 

  3232.                 firstDescRun = true;

    3233. 

  3233.                 if( $(currPreviewElem).attr("id") == "preview-media-image" ){ TweenMax.to( $("#preview-media-load"), .3, { css:{ opacity: "0" },  ease:Circ.easeOut }); }

    3234. 

  3234.                 else if( $(currPreviewElem).attr("id") == "video-wrapper" ){

    3235. 

  3235.                     setPreviewLoadHTML();

    3236. 

  3236.                     TweenMax.to( $(currPreviewElem), .3, { css:{ opacity: "0" },  ease:Circ.easeOut });

    3237. 

  3237.                 }

    3238. 

  3238.                 if(previewDescriptionActive == true )TweenMax.to( $("#module-galleries-preview-description-holder"), .3, { css:{ bottom: "-60px" }, ease:Circ.easeOut });

    3239. 

  3239.                 TweenMax.to(  $("#module-galleries-preview"), .6, { css:{ opacity: "0" },  ease:Circ.easeOut, delay:0.3,  onComplete: onClosePreviewComplete   });

    3240. 

  3240.         });        

    3241. 

  3241.     }

    3242. 

  3242.     var loadingAnimationDone = true;

    3243. 

  3243.     var previewDescriptionActive = true;

    3244. 

  3244.     function changePreviewMedia( value ){        

    3245. 

  3245.         var nextThumbID = currGalleryThumbID + value;

    3246. 

  3246.         if( nextThumbID > galleryPreviewMediaArr.length - 1 ){ nextThumbID = 0; }            

    3247. 

  3247.         else if( nextThumbID < 0 ){ nextThumbID = galleryPreviewMediaArr.length - 1; }        

    3248. 

  3248.         if( currGalleryThumbID != nextThumbID ){

    3249. 

  3249.             if( $(currPreviewElem).attr("id") == "preview-media-image" ){ $("#preview-media-load").css("opacity", 0 ).css("visibility", "hidden").css("display", "none");  }

    3250. 

  3250.             else if( $(currPreviewElem).attr("id") == "video-wrapper" ){ $(currPreviewElem).css("opacity", "0" ).css("visibility", "hidden").css("display", "none"); }

    3251. 

  3251.             changeGalleryPreviewDescription( currGalleryThumbID, nextThumbID)

    3252. 

  3252.             currGalleryThumbID = nextThumbID;

    3253. 

  3253.             currPreviewElem = galleryPreviewMediaArr[ currGalleryThumbID ]; 

    3254. 

  3254.             setPreviewLoadHTML();

    3255. 

  3255.             showGalleryPreviewMedia();

    3256. 

  3256.         }

    3257. 

  3257.     }

    3258. 

  3258.     function changeGalleryPreviewDescription( pID, cID){

    3259. 

  3259.         if( pID != -1 ){

    3260. 

  3260.             var pDesc = galleryPreviewDescArr[ pID ];

    3261. 

  3261.             if( pDesc != undefined)

    3262. 

  3262.             TweenMax.to( $(pDesc), .4, { css:{ opacity: "0" },  ease:Circ.easeOut, onComplete: hidePrevDescText, onCompleteParams: [ pID ] });

    3263. 

  3263.         }

    3264. 

  3264.         if( cID != -1 ){

    3265. 

  3265.             var cDesc = galleryPreviewDescArr[ cID ]; 

    3266. 

  3266.             if( cDesc == undefined){

    3267. 

  3267.                 previewDescriptionActive = false;

    3268. 

  3268.                 firstDescRun = true;

    3269. 

  3269.                 TweenMax.to( $("#module-galleries-preview-description-holder"), .4, { css:{ bottom: "-60px" },  ease:Circ.easeOut });

    3270. 

  3270.                 return;

    3271. 

  3271.             }

    3272. 

  3272.             else {previewDescriptionActive = true;}

    3273. 

  3273.             $(cDesc).css("opacity", "0").css("visibility", "visible").css("display", "inline");

    3274. 

  3274.             TweenMax.to( $(cDesc), .6, { css:{ opacity: "1" },  ease:Circ.easeOut });

    3275. 

  3275.         }

    3276. 

  3276.     }

    3277. 

  3277.     function hidePrevDescText( pID ){

    3278. 

  3278.         var pDesc = galleryPreviewDescArr[ pID ];

    3279. 

  3279.         $(pDesc).css("opacity", "0").css("visibility", "hidden").css("display", "none");

    3280. 

  3280.     }

    3281. 

  3281.     function updatePreviewMediaPosition(){

    3282. 

  3282.        var visibleWidth = $( window ).width() - previewBorderSize*2;

    3283. 

  3283.        var visibleHeight = $( window ).height() - 36;

    3284. 

  3284.        var elem = "";

    3285. 

  3285.        var mediaType = $(currPreviewElem).attr("id");

    3286. 

  3286.        if( mediaType == "preview-media-image" ){    

    3287. 

  3287.             elem = $("#preview-media-load");

    3288. 

  3288.             elem.css("width", '').css("height", '');

    3289. 

  3289.             checkSizeMedia( $(elem), visibleWidth, visibleHeight );

    3290. 

  3290.        }        

    3291. 

  3291.        if( $(elem).width() != null ){

    3292. 

  3292.            var mediaBackNewW        = $(elem).width() + previewBorderSize*2;

    3293. 

  3293.            var mediaBackNewH        = $(elem).height() + previewBorderSize*2;

    3294. 

  3294.            var mediaBackMarginTop   = - mediaBackNewH * .5 - 18;

    3295. 

  3295.            var mediaBackMarginLeft  = - mediaBackNewW * .5;

    3296. 

  3296.            var prevMediaHolder      = $("#preview-media-holder");

    3297. 

  3297.            prevMediaHolder.attr("style", "width: " + $(elem).width() + "px; height: " + $(elem).height() + "px; margin: 0px; top: 50%; left: 50%; margin-top:" + mediaBackMarginTop + "px; margin-left:" + mediaBackMarginLeft + "px;");          

    3298. 

  3298.        }

    3299. 

  3299.     }

    3300. 

  3300.     function onClosePreviewComplete(){        

    3301. 

  3301.         setPreviewLoadHTML();

    3302. 

  3302.         var prevMediaLoad   = $("#preview-media-load");

    3303. 

  3303.         var modGallPrev     = $("#module-galleries-preview");

    3304. 

  3304.         var modGall         = $("#module-galleries");

    3305. 

  3305.         if( $(currPreviewElem).attr("id") == "preview-media-image" ){ prevMediaLoad.css("opacity", 0 ).css("visibility", "hidden").css("display", "none"); }

    3306. 

  3306.         if( $(currPreviewElem).attr("id") == "preview-media-video" ){ prevMediaLoad.css("opacity", 0 );  }        

    3307. 

  3307.         modGallPrev.css("opacity", "0").css("display", "none").css("visibility", "hidden");

    3308. 

  3308.         modGall.css("opacity", "0").css("display", "inline").css("visibility", "visible");

    3309. 

  3309.         previewGalleryOpen = false;

    3310. 

  3310.         changeGalleryPreviewDescription(currGalleryThumbID, -1)

    3311. 

  3311.         var textPageInstanceHolder    = $(txt_modCont);

    3312. 

  3312.         var textPageInstance          = $( "#module-galleries", textPageInstanceHolder);

    3313. 

  3313.         if( moduleList != null ){ moduleList.enableList(); }    

    3314. 

  3314.         moduleUpdate( textPageInstanceHolder, textPageInstance, $("div:first", textPageInstance), sideType, true, false );

    3315. 

  3315.         TweenMax.to(  textPageInstance, .6, { css:{ opacity: "1" },  ease:Circ.easeOut  });                                                                     

    3316. 

  3316.     }

    3317. 

  3317.     function animatePreviewMedia(){

    3318. 

  3318.        var descHeight = ($("#module-galleries-preview-description-holder").length > 0) ? $("#module-galleries-preview-description-holder").height() : 0;

    3319. 

  3319.        if( previewDescriptionActive == false ) descHeight = 0;

    3320. 

  3320.        var visibleWidth = $( window ).width() - previewBorderSize*2;

    3321. 

  3321.        var visibleHeight = $( window ).height() - descHeight;

    3322. 

  3322.        var elem = "";

    3323. 

  3323.        var mediaType = $(currPreviewElem).attr("id");

    3324. 

  3324.        if( mediaType == "preview-media-image" ) {    

    3325. 

  3325.             elem = $("#preview-media-load");

    3326. 

  3326.             checkSizeMedia( $(elem), visibleWidth, visibleHeight );

    3327. 

  3327.        }        

    3328. 

  3328.        if( $(elem).width() != null ){

    3329. 

  3329.            var mediaBackNewW        = $(elem).width() + previewBorderSize*2;

    3330. 

  3330.            var mediaBackNewH        = $(elem).height() + previewBorderSize*2;

    3331. 

  3331.            var mediaBackMarginTop   = - mediaBackNewH * .5 - descHeight * .5;

    3332. 

  3332.            var mediaBackMarginLeft  = - mediaBackNewW * .5;

    3333. 

  3333.            var prevMediaHolder      = $("#preview-media-holder");

    3334. 

  3334.            prevMediaHolder.attr("style", "width: " + $(elem).width() + "px; height: " + $(elem).height() + "px; margin: 0px; top: 50%; left: 50%; margin-top:" + mediaBackMarginTop + "px; margin-left:" + mediaBackMarginLeft + "px;");           

    3335. 

  3335.            TweenMax.to($(".gallery-preview-media-loader"), .3, {css:{opacity:"0"}, easing:Sine.easeOut});

    3336. 

  3336.            loadingAnimationDone = true;

    3337. 

  3337.            fadeInMedia( mediaType );

    3338. 

  3338.        }

    3339. 

  3339.     }

    3340. 

  3340.     var firstDescRun = true;

    3341. 

  3341.     function fadeInMedia( mediaType ){

    3342. 

  3342.        if( mediaType == "preview-media-image" ){ TweenMax.to( $("#preview-media-load"), .6, { css:{ opacity: "1" },  ease:Circ.easeOut }); }        

    3343. 

  3343.        if( firstDescRun == true && previewDescriptionActive == true ){ 

    3344. 

  3344.             firstDescRun = false;

    3345. 

  3345.             TweenMax.to( $("#module-galleries-preview-description-holder"), .6, { css:{ bottom: "0px" }, delay: 0.5,  ease:Circ.easeOut }); 

    3346. 

  3346.        }         

    3347. 

  3347.     }

    3348. 

  3348.     function checkSizeMedia( image, w, h ){

    3349. 

  3349.         var imageW      = image.width();

    3350. 

  3350.         var imageH      = image.height();

    3351. 

  3351.         var scale       = 1;

    3352. 

  3352.         var newImageW;

    3353. 

  3353.         var newImageH;

    3354. 

  3354.         

    3355. 

  3355.         if( imageW > w && imageH > h){

    3356. 

  3356.             newImageW = w; newImageH = imageH / imageW * newImageW;            

    3357. 

  3357.             if( imageH > h  ){ newImageW = imageW / imageH * h; newImageH = h;}

    3358. 

  3358.         }

    3359. 

  3359.         else if( imageW > w && imageH < h ){  newImageW = w; newImageH = imageH / imageW * newImageW; }

    3360. 

  3360.         else if( imageW < w && imageH > h ){  newImageH = h; newImageW = newImageH / imageH * imageW; }

    3361. 

  3361.         else if( imageW < w && imageH < h ){ newImageW = imageW; newImageH = imageH; }        

    3362. 

  3362.         image.width(newImageW);

    3363. 

  3363. 		image.height(newImageH);

    3364. 

  3364.     }

    3365. 

  3365.     function gallerySizeMedia( image , w, h ){        

    3366. 

  3366.         var imageW      = image.width();

    3367. 

  3367.         var imageH      = image.height();

    3368. 

  3368.         var scale       = 1;

    3369. 

  3369.         /* image aspect ratio is wider than browser window*/

    3370. 

  3370.         if (imageW / imageH > w / h) { scale = h / imageH; } 

    3371. 

  3371.         else { scale = w / imageW; }

    3372. 

  3372.         var newImageW = imageW * scale;

    3373. 

  3373.         var newImageH = imageH * scale;        

    3374. 

  3374.         image.width(newImageW);

    3375. 

  3375. 		image.height(newImageH);        

    3376. 

  3376.     }

    3377. 

  3377. 	/*----------------- end Modules Methods -------------------*/

    3378. 

  3378.     

    3379. 

  3379. 	/*----------------- start footerListeners -----------------*/

    3380. 

  3380.     function footerListeners(){

    3381. 

  3381.         $("#footer-social").find("#footer-social-holder").find("a").each(

    3382. 

  3382.                 function(){

    3383. 

  3383.                   var aTitle = $("img", this).attr("title");  

    3384. 

  3384.                   $(this).hover(

    3385. 

  3385.                         function(){

    3386. 

  3386.                             $("#footer-social-tooltip").css("opacity", "0");

    3387. 

  3387.                             $("#footer-social-tooltip").css("display", "inline");

    3388. 

  3388.                             $("#footer-social-tooltip").css("visibility", "visible");

    3389. 

  3389.                             $("#footer-social-tooltip").empty();

    3390. 

  3390.                             $("#footer-social-tooltip").append('<span>' + aTitle + '</span>' );

    3391. 

  3391.                             TweenMax.to( $("#footer-social-tooltip"), .6, { css:{opacity:"1"}, ease:Circ.easeOut });

    3392. 

  3392.                         },

    3393. 

  3393.                         function(){

    3394. 

  3394.                             $("#footer-social-tooltip").css("opacity", "0");

    3395. 

  3395.                             $("#footer-social-tooltip").css("display", "none");

    3396. 

  3396.                             $("#footer-social-tooltip").css("visibility", "hidden");

    3397. 

  3397.                             $("#footer-social-tooltip").empty();

    3398. 

  3398.                     });  

    3399. 

  3399.                 });

    3400. 

  3400.     }

    3401. 

  3401. 

    3402. 

  3402. 	/*----------------- end footerListeners -------------------*/	

    3403. 

  3403. 

    3404. 

  3404. 	/*----------------- start menuListeners -------------------*/

    3405. 

  3405. 	var currModuleType 	= '';

    3406. 

  3406. 	var prevModuleType 	= '';

    3407. 

  3407.     var sideType        = 'none';

    3408. 

  3408.     var prevURL         = '';

    3409. 

  3409. 	var loadURL			= '';

    3410. 

  3410. 	var menuOptionsArr	= new Array();

    3411. 

  3411. 	var menuOptionID	= 0;

    3412. 

  3412. 	var submenuOptionID	= -1;

    3413. 

  3413. 	function storeMenuArr(){

    3414. 

  3414.        var extraWidth = $(".template-menu").width() + $("#menu-hider").width();

    3415. 

  3415.        $("#template-menu").children().each(function(index, element){

    3416. 

  3416.              var menu = $(element),

    3417. 

  3417.                  subOptArr = "null", 

    3418. 

  3418.                  subHol = "null",

    3419. 

  3419.                  menOptText = $(".menu-option-text a", menu);

    3420. 

  3420.              menuOptionsArr[ index ]         = [];

    3421. 

  3421.              menuOptionsArr[ index ][ 0 ]    = menu;

    3422. 

  3422.              

    3423. 

  3423.              if( menu.attr("data-module-type") == undefined ){

    3424. 

  3424.                 var subMenu = [];

    3425. 

  3425.                 subHol = menu.find(".sub-menu-holder");

    3426. 

  3426.                 subHol.children().each(function(index, elem){

    3427. 

  3427.                     var submenu = $(elem),

    3428. 

  3428.                         subOptTxt = $(".sub-menu-option-text a", this),

    3429. 

  3429.                         subOptHref = String(subOptTxt.attr("href")),

    3430. 

  3430.                         subOptHrefPath = subOptTxt.attr("data-path-href");

    3431. 

  3431.                     subMenu[ index ] = [];

    3432. 

  3432.                     subMenu[ index ][ 0 ] = "#" + menOptText.text().toLowerCase() + "/" + subOptHref.replace("#","");

    3433. 

  3433.                     subMenu[ index ][ 1 ] = [submenu.attr("data-module-type"), submenu.attr("data-side"),  subOptHref.replace("#",""), subOptHrefPath];

    3434. 

  3434.                     subMenu[ index ][ 2 ] = $(".sub-menu-option-background", this);

    3435. 

  3435.                     subMenu[ index ][ 3 ] = subOptTxt;    

    3436. 

  3436.                 });

    3437. 

  3437.                 subOptArr = subMenu; 

    3438. 

  3438.                 menuOptionsArr[ index ][ 1 ] = "null";                  

    3439. 

  3439.              }

    3440. 

  3440.              else{

    3441. 

  3441.                 menuOptionsArr[ index ][ 1 ]    = [menu.attr("data-module-type"), menu.attr("data-side"),  String(menOptText.attr("href")).replace("#",""), menOptText.attr("data-path-href")];   

    3442. 

  3442.              }                      

    3443. 

  3443.              menuOptionsArr[ index ][ 2 ]    = $(".menu-option-background", menu);

    3444. 

  3444.              menuOptionsArr[ index ][ 3 ]    = ( subOptArr == "null" ) ? [menOptText] : [menOptText, $(".menu-option-text div", menu)];

    3445. 

  3445.              menuOptionsArr[ index ][ 4 ]    = extraWidth - parseInt( menOptText.css("padding-left"), 10);

    3446. 

  3446.              menuOptionsArr[ index ][ 5 ]    = subHol;  

    3447. 

  3447.              menuOptionsArr[ index ][ 6 ]    = subOptArr;            

    3448. 

  3448.              if( touchDevice == 0 )menu.bind("mouseenter mouseleave", {idx: index}, menuOptionHover);

    3449. 

  3449.        });	

    3450. 

  3450. 	}

    3451. 

  3451.     

    3452. 

  3452.     function menuOptionIn( idx1, idx2 ){

    3453. 

  3453.         menuOptionsArr[ idx1 ][ 2 ].attr("class", "menu-option-background-selected"); 

    3454. 

  3454.         TweenMax.to( menuOptionsArr[ idx1 ][ 2 ], menuAnimDuration, { css:{marginLeft: "0px", width: menuWidth}, ease:menuAnimEase });

    3455. 

  3455. 		TweenMax.to( menuOptionsArr[ idx1 ][ 3 ], menuAnimDuration, { css:{color: "#FFF"}, ease:menuAnimEase });

    3456. 

  3456.         if( idx2 != -1 ){

    3457. 

  3457.             var subMenu = menuOptionsArr[ idx1 ][ 6 ];

    3458. 

  3458.             subMenu[ idx2 ][ 2 ].attr("class", "sub-menu-option-background-selected");   

    3459. 

  3459.             TweenMax.to( subMenu[ idx2 ][ 2 ], menuAnimDuration, { css:{marginLeft: "0px", width: menuWidth}, ease:menuAnimEase });		

    3460. 

  3460.             TweenMax.to( subMenu[ idx2 ][ 3 ], menuAnimDuration, { css:{color: "#FFF"}, ease:menuAnimEase });   

    3461. 

  3461.         }        

    3462. 

  3462.     }

    3463. 

  3463.     function menuOptionOut( idx1, idx2, disableIdx1){

    3464. 

  3464.         if( disableIdx1 == undefined){

    3465. 

  3465.             menuOptionsArr[ idx1 ][ 2 ].attr("class", "menu-option-background"); 

    3466. 

  3466.             TweenMax.to( menuOptionsArr[ idx1 ][ 2 ], menuAnimDuration, { css:{marginLeft: menuWidth, width: "0px"}, ease:menuAnimEase });

    3467. 

  3467.             TweenMax.to( menuOptionsArr[ idx1 ][ 3 ], menuAnimDuration, { css:{color: menuTextOutColor}, ease:menuAnimEase });

    3468. 

  3468.         }

    3469. 

  3469.         if( idx2 != -1 ){

    3470. 

  3470.             var subMenu = menuOptionsArr[ idx1 ][ 6 ];

    3471. 

  3471.             subMenu[ idx2 ][ 2 ].attr("class", "sub-menu-option-background");   

    3472. 

  3472.             TweenMax.to( subMenu[ idx2 ][ 2 ], menuAnimDuration, { css:{marginLeft: menuWidth, width: "0px"}, ease:menuAnimEase });		

    3473. 

  3473.             TweenMax.to( subMenu[ idx2 ][ 3 ], menuAnimDuration, { css:{color: menuTextOutColor}, ease:menuAnimEase });   

    3474. 

  3474.         }        

    3475. 

  3475.     }

    3476. 

  3476.     function setMenuData( val ){

    3477. 

  3477.         oldMenuData = val;

    3478. 

  3478.         currModuleType  = val[0];

    3479. 

  3479.         sideType        = val[1];

    3480. 

  3480.         url             = val[2];

    3481. 

  3481.         $("#template-menu").attr("data-current-module-type", val[0]);

    3482. 

  3482.         $("#template-menu").attr("data-side",  val[1]);

    3483. 

  3483.         $("#template-menu").attr("data-href",  val[2]);

    3484. 

  3484.         endPreviousModule = false;

    3485. 

  3485.     }

    3486. 

  3486.     function menuOptionHover( event ){

    3487. 

  3487.        //---custom add---------------------------------------

    3488. 

  3488.        var offset = 0,

    3489. 

  3489.            _menuWidth = menuWidth;

    3490. 

  3490.        if ($(event.currentTarget).hasClass('nolink')) 

    3491. 

  3491.        {

    3492. 

  3492.     	   return;

    3493. 

  3493.        } else

    3494. 

  3494.        if ($(event.currentTarget).hasClass('submenu')) 

    3495. 

  3495.        {

    3496. 

  3496.        	   offset = 20;

    3497. 

  3497.        	   _menuWidth = _menuWidth.replace('px','');

    3498. 

  3498.        	   _menuWidth = _menuWidth - offset;

    3499. 

  3499.        	   _menuWidth = _menuWidth + "px";

    3500. 

  3500.        }

    3501. 

  3501.        //----------------------------------------------------

    3502. 

  3502.        var idx = event.data.idx,

    3503. 

  3503.            subMenuHol = menuOptionsArr[ idx ][ 5 ];

    3504. 

  3504.        if( event.type == "mouseenter" ){

    3505. 

  3505.             menuOptionsArr[ idx ][ 3 ][ 0 ].css("width", menuOptionsArr[ idx ][ 4 ]); 

    3506. 

  3506.             TweenMax.to( menuOptionsArr[ idx ][ 2 ], menuAnimDuration, { css:{marginLeft: (0+offset)+"px", width: _menuWidth}, ease:menuAnimEase });

    3507. 

  3507.             TweenMax.to( menuOptionsArr[ idx ][ 3 ], menuAnimDuration, { css:{color: "#FFF"}, ease:menuAnimEase });  

    3508. 

  3508.             

    3509. 

  3509.             if( subMenuHol != "null" ){

    3510. 

  3510.                 subMenuHol.css( 'height', '').css( 'width', '');

    3511. 

  3511.                 var initialHeight = subMenuHol.css( 'height'),

    3512. 

  3512. 				    initialWidth  = subMenuHol.css( 'width');

    3513. 

  3513. 				subMenuHol.css( 'width', '0px' ).css( 'height', '0px' );                

    3514. 

  3514. 				TweenMax.to( subMenuHol, menuAnimDuration, { css:{height:initialHeight, width:initialWidth}, delay:0.2, ease:menuAnimEase, onStart:

    3515. 

  3515.                     function(){

    3516. 

  3516.                         subMenuHol.css( 'opacity', '1' ).css( 'display', 'block' );

    3517. 

  3517.                     }

    3518. 

  3518.                  });   

    3519. 

  3519.             }   

    3520. 

  3520.        }

    3521. 

  3521.        else{

    3522. 

  3522.             menuOptionsArr[ idx ][ 3 ][ 0 ].css("width", ""); 

    3523. 

  3523.             if( menuOptionsArr[ idx ][ 2 ].hasClass('menu-option-background-selected') == false ){

    3524. 

  3524.                 TweenMax.to( menuOptionsArr[ idx ][ 2 ], menuAnimDuration, { css:{marginLeft: menuWidth, width: "0px"}, ease:menuAnimEase });

    3525. 

  3525. 			    TweenMax.to( menuOptionsArr[ idx ][ 3 ], menuAnimDuration, { css:{color: menuTextOutColor}, ease:menuAnimEase });

    3526. 

  3526.             }

    3527. 

  3527.             if( subMenuHol != "null" ){

    3528. 

  3528.                 subMenuHol.css( 'overflow', '' );

    3529. 

  3529. 			    TweenMax.killTweensOf( subMenuHol );

    3530. 

  3530. 			    TweenMax.to( subMenuHol, menuAnimDuration, { css:{height:"0px", width:"0px" }, ease:menuAnimEase, onComplete:hideSubmenu, onCompleteParams:[subMenuHol]});

    3531. 

  3531.             }                       

    3532. 

  3532.        } 

    3533. 

  3533.     }

    3534. 

  3534.     function hideSubmenu( obj ){ obj.css( 'opacity', '0' ).css( 'display', 'none' ); }

    3535. 

  3535.     

    3536. 

  3536. 	var menuAnimEase       = Quad.easeOut; /* Circ.easeOut  Quad.easeOut*/

    3537. 

  3537.     var menuAnimDuration   = 0.4; /* 0.6  or  0.3*/

    3538. 

  3538.     var menuWidth = 0;    

    3539. 

  3539.     var submenuWidth = 0;

    3540. 

  3540.     var oldMenuData        = "";

    3541. 

  3541.     var menuData           = "";

    3542. 

  3542. 	function menuListeners(){	

    3543. 

  3543.         menuWidth = $(".template-menu").width() + "px";

    3544. 

  3544.         /* We add 2 px in order to fix the 2px margin on the right. Since sub menu holder */

    3545. 

  3545.         /* has overflow hidden the 2px will fill the gap in IE 8 and in the other browser it won't be shown. */

    3546. 

  3546.         submenuWidth = $(".template-menu").width() + 2 + "px";

    3547. 

  3547. 		/* MENU & SUBMENU -- OVER & OUT LISTENER */

    3548. 

  3548.         

    3549. 

  3549. 		function hideSubmenu( obj ){ obj.css( 'opacity', '0' ).css( 'display', 'none' ); }

    3550. 

  3550.         var submOptBackSel = "sub-menu-option-background-selected"; 		

    3551. 

  3551. 		if( touchDevice == 0 )$(".sub-menu-option-holder").hover(

    3552. 

  3552.     		function(){	 

    3553. 

  3553.     		    var submOptBack = $(".sub-menu-option-background", this);

    3554. 

  3554.     			var elem = submOptBack.length == 1  ? submOptBack : $("." + submOptBackSel, this);

    3555. 

  3555.     			TweenMax.to( elem, menuAnimDuration, { css:{marginLeft:"0px", width: submenuWidth}, ease:menuAnimEase });

    3556. 

  3556.     			TweenMax.to( $(".sub-menu-option-text a", this), menuAnimDuration, { css:{color:"#FFF"}, ease:menuAnimEase });

    3557. 

  3557.     		}, 

    3558. 

  3558.     		function(){

    3559. 

  3559.     			if( $('div:first', this ).hasClass(submOptBackSel) == false ){

    3560. 

  3560.     			    var submOptBack = $(".sub-menu-option-background", this);

    3561. 

  3561.     				var elem = submOptBack.length == 1  ? submOptBack : $("." + submOptBackSel, this);

    3562. 

  3562.     				TweenMax.to( elem, menuAnimDuration, { css:{marginLeft: submenuWidth, width:"0px"}, ease:menuAnimEase });

    3563. 

  3563.     				TweenMax.to( $(".sub-menu-option-text a", this), menuAnimDuration, { css:{color: menuTextOutColor}, ease:menuAnimEase });

    3564. 

  3564.     			} 

    3565. 

  3565. 	   	});	

    3566. 

  3566. 		// MENU & SUBMENU -- CLICK LISTENER	        

    3567. 

  3567.         $(".menu-option-holder").click(

    3568. 

  3568.     		function(event){

    3569. 

  3569.     		    event.preventDefault();   

    3570. 

  3570.     		    var idx =  $(".menu-option-holder").index(this); 

    3571. 

  3571.                 

    3572. 

  3572.                 if( touchDevice == 1 ){

    3573. 

  3573.                     if( menuOptionsArr[ idx ][ 6 ] != "null" ){

    3574. 

  3574.                         if( touchMenuID != -1 && touchMenuID != idx ){

    3575. 

  3575.                             menuOptionHover({data:{idx:touchMenuID}, type:"mouseleave"});    

    3576. 

  3576.                         }

    3577. 

  3577.                         menuOptionHover({data:{idx:idx}, type:"mouseenter"}); 

    3578. 

  3578.                         touchMenuID = idx;

    3579. 

  3579.                         if( touchRemoveOn == false ){

    3580. 

  3580.                             touchRemoveOn = true;

    3581. 

  3581.                             var moduleContainer = document.getElementById("module-container");     

    3582. 

  3582.                             moduleContainer.addEventListener("touchstart", touchContainer, false);    

    3583. 

  3583.                         }     

    3584. 

  3584.                     }

    3585. 

  3585.                     else{

    3586. 

  3586.                         if( touchMenuID != -1 && touchMenuID != idx ){                        

    3587. 

  3587.                             menuOptionHover({data:{idx:touchMenuID}, type:"mouseleave"});

    3588. 

  3588.                             touchMenuID = -1;    

    3589. 

  3589.                         }

    3590. 

  3590.                     }

    3591. 

  3591.                 }               

    3592. 

  3592.                 

    3593. 

  3593.     			if( menuOptionID != idx && $(this).attr("data-module-type") != undefined && $(this).attr("data-module-type") != "#" ){    			    

    3594. 

  3594.                     if(loadedContent == false )return;

    3595. 

  3595.                     menuOptionsArr[ idx ][ 2 ].attr("class", "menu-option-background-selected");

    3596. 

  3596.                     menuOptionOut( menuOptionID, submenuOptionID );

    3597. 

  3597.                     menuOptionID = idx;

    3598. 

  3598.                     submenuOptionID = -1;

    3599. 

  3599.                     

    3600. 

  3600.                     if( touchDevice == 1){

    3601. 

  3601.                        menuOptionIn( menuOptionID, submenuOptionID ); 

    3602. 

  3602.                     }

    3603. 

  3603.                     

    3604. 

  3604.                     var hashURL = "#" + menuOptionsArr[ idx ][ 1 ][ 2 ];                    

    3605. 

  3605.                     menuData = menuOptionsArr[ idx ][ 1 ];

    3606. 

  3606.                     $(window).unbind('hashchange', onTemplateHashChange);

    3607. 

  3607.                     window.location.hash = hashURL;

    3608. 

  3608.                     clearCustomInterval( delayInterval );

    3609. 

  3609.                     delayInterval = setInterval(function(){ 

    3610. 

  3610.                         menuOptionClicked(  menuData[2], 

    3611. 

  3611.                                             menuData[0],

    3612. 

  3612.                                             menuData[1],

    3613. 

  3613.                                             menuData[3]);

    3614. 

  3614.                         clearCustomInterval( delayInterval );

    3615. 

  3615.                         $(window).bind('hashchange', onTemplateHashChange);          

    3616. 

  3616.                     }, 400);                            

    3617. 

  3617.     			}

    3618. 

  3618. 		});    

    3619. 

  3619.         

    3620. 

  3620. 		

    3621. 

  3621. 		subCloseInterval = "";

    3622. 

  3622. 		$(".sub-menu-holder .sub-menu-option-holder").click(

    3623. 

  3623. 		function(event){

    3624. 

  3624. 		    event.preventDefault();  

    3625. 

  3625. 			var submenuParent 	= $(this).parent().get(0);

    3626. 

  3626. 			var menuParent		= $(submenuParent).parent().get(0);

    3627. 

  3627. 			currMenuOptionID 	= $(menuParent).index();

    3628. 

  3628.             var submenuOptIdx   = $(this).index();

    3629. 

  3629. 			if( submenuOptionID == submenuOptIdx && menuOptionID == currMenuOptionID){ return false; }

    3630. 

  3630. 			else{		

    3631. 

  3631. 			    if(loadedContent == false ){return;} 

    3632. 

  3632.                 var subMenu = menuOptionsArr[ currMenuOptionID ][ 6 ];

    3633. 

  3633. 			    menuOptionsArr[ currMenuOptionID ][ 2 ].attr("class", "menu-option-background-selected");			    

    3634. 

  3634.                 subMenu[ submenuOptIdx ][ 2 ].attr("class", "sub-menu-option-background-selected");

    3635. 

  3635.                  

    3636. 

  3636.                 if( touchDevice == 1 ){

    3637. 

  3637.                     menuOptionIn(currMenuOptionID, submenuOptIdx);

    3638. 

  3638.                     clearCustomInterval( subCloseInterval );

    3639. 

  3639.                     subCloseInterval = setInterval(function(){ 

    3640. 

  3640.                         touchContainer();

    3641. 

  3641.                         clearCustomInterval( subCloseInterval );                                 

    3642. 

  3642.                     }, 200);

    3643. 

  3643.                     

    3644. 

  3644.                 } 

    3645. 

  3645.                  

    3646. 

  3646.                 var disableIdx1 = undefined;

    3647. 

  3647.                 if(menuOptionID == currMenuOptionID){ disableIdx1 = true; }

    3648. 

  3648.                 menuOptionOut( menuOptionID, submenuOptionID, disableIdx1 );

    3649. 

  3649.                 menuOptionID = currMenuOptionID;

    3650. 

  3650.                 submenuOptionID = submenuOptIdx; 

    3651. 

  3651.                 

    3652. 

  3652.                 var hashURL = subMenu[ submenuOptIdx ][ 0 ] ;

    3653. 

  3653.                 

    3654. 

  3654.                 menuData = subMenu[ submenuOptIdx ][ 1 ];

    3655. 

  3655.                 $(window).unbind('hashchange', onTemplateHashChange);

    3656. 

  3656.                 window.location.hash = hashURL;

    3657. 

  3657.                 

    3658. 

  3658.                 clearCustomInterval( delayInterval ); 

    3659. 

  3659.                 delayInterval = setInterval(function(){ 

    3660. 

  3660.                     menuOptionClicked(  menuData[2], 

    3661. 

  3661.                                         menuData[0],

    3662. 

  3662.                                         menuData[1],

    3663. 

  3663.                                         menuData[3]);

    3664. 

  3664.                     clearCustomInterval( delayInterval );

    3665. 

  3665.                     $(window).bind('hashchange', onTemplateHashChange);          

    3666. 

  3666.                 }, 400);

    3667. 

  3667. 			}

    3668. 

  3668. 			event.stopPropagation();

    3669. 

  3669. 		});				

    3670. 

  3670. 	}

    3671. 

  3671.     

    3672. 

  3672.     var touchRemoveOn = false;

    3673. 

  3673.     var touchMenuID = -1;

    3674. 

  3674.     function touchContainer(){

    3675. 

  3675.         touchRemoveOn = false;

    3676. 

  3676.         if( touchMenuID != -1 &&  menuOptionsArr[ touchMenuID ][ 6 ] != "null" ){

    3677. 

  3677.             var evt = {data:{idx:touchMenuID}, type:"mouseleave"};

    3678. 

  3678.             menuOptionHover(evt);

    3679. 

  3679.         }

    3680. 

  3680.         var moduleContainer = document.getElementById("module-container");

    3681. 

  3681.         moduleContainer.removeEventListener("touchstart", touchContainer, false); 

    3682. 

  3682.     }

    3683. 

  3683.     function urlChanged(){

    3684. 

  3684.         loadedContent = true;     

    3685. 

  3685.         menuOptionClicked(  menuData[2], menuData[0], menuData[1], menuData[3]);

    3686. 

  3686.     }

    3687. 

  3687.     function isOtherURL(){

    3688. 

  3688.         var val = ( menuData != "" && menuData[2] != prevURL ) ? true : false;

    3689. 

  3689.         return val;

    3690. 

  3690.     }

    3691. 

  3691.     function menuOptionClicked( val, mType, sType, hrefPath ){

    3692. 

  3692. 		if( val != "#" ){			

    3693. 

  3693. 			var url = '';

    3694. 

  3694. 			if( $("#template-menu").attr("data-current-module-type")  == "slideshow" ){deleteSlideshowTimer();}

    3695. 

  3695. 			currModuleType   = mType;

    3696. 

  3696.             sideType         = sType;

    3697. 

  3697.             hrefPath         = (hrefPath == undefined) ? "" : hrefPath;

    3698. 

  3698.             setMobileMenuOption(val);

    3699. 

  3699. 			url              = templateBaseURL + hrefPath + val.replace('#','');

    3700. 

  3700.             

    3701. 

  3701.             if( prevURL == '' ){prevURL = url;}

    3702. 

  3702.             else{prevURL = loadURL;}

    3703. 

  3703.             loadURL = url;

    3704. 

  3704.             

    3705. 

  3705.             stopCurrentLoading();  

    3706. 

  3706. 			if( endModuleFunction != null ){

    3707. 

  3707.                 delayAnimationLoading = 0.3;

    3708. 

  3708.                 if( moduleEnd == true ){

    3709. 

  3709.                     moduleEnd = false;

    3710. 

  3710.                     endModuleFunction();

    3711. 

  3711.                 }

    3712. 

  3712.             }

    3713. 

  3713.             else{delayAnimationLoading = 0.1;}

    3714. 

  3714.             

    3715. 

  3715.             if(menuData[2] != oldMenuData[2] ){

    3716. 

  3716.                 loadedContent = true;

    3717. 

  3717.                 activateAnimationLoading(); 

    3718. 

  3718.             }

    3719. 

  3719.             else{

    3720. 

  3720.                 loadedContent =  true;

    3721. 

  3721.                 var loadAnim = $("#loading-animation");

    3722. 

  3722.                 if(loadAnim.length > 0 ){ TweenMax.to( loadAnim, .3, { css:{right:"-104px"}, ease:Circ.easeOut }); }

    3723. 

  3723.                 if(endModuleFunction == null){

    3724. 

  3724.                     

    3725. 

  3725.                    switch( menuData[0] ){

    3726. 

  3726.                         case "news":

    3727. 

  3727.                             var textPageInstanceHolder    = $( txt_modCont);

    3728. 

  3728.                             TweenMax.to(  textPageInstanceHolder, .6, { css:{left: "0px" }, delay:0.1,  ease:Circ.easeInOut   });/*get_OffsetWidth() +*/         

    3729. 

  3729.                     		endModuleFunction = endModuleTextPage;

    3730. 

  3730.                             moduleEnd = true;

    3731. 

  3731.                             break;

    3732. 

  3732.                         case "text_page":

    3733. 

  3733.                             moduleTextPage();

    3734. 

  3734.                             break;

    3735. 

  3735.                         case "gallery":

    3736. 

  3736.                             endModuleGallery(true);

    3737. 

  3737.                             endModuleFunction =  endModuleGallery;

    3738. 

  3738.                             break;

    3739. 

  3739.                         case "showreel":

    3740. 

  3740.                             reverseEndModuleShowreel();

    3741. 

  3741.                             break;                                        

    3742. 

  3742.                    } 

    3743. 

  3743.                 }

    3744. 

  3744.             }			

    3745. 

  3745. 		}

    3746. 

  3746. 	}

    3747. 

  3747.     function stopCurrentLoading(){

    3748. 

  3748.         if( loadInterval != ""){

    3749. 

  3749.             clearInterval( loadInterval );

    3750. 

  3750.             loadInterval = "";    

    3751. 

  3751.         }

    3752. 

  3752.         if( showModuleInterval != ""){

    3753. 

  3753.             clearInterval( showModuleInterval );

    3754. 

  3754.             showModuleInterval = "";    

    3755. 

  3755.         }

    3756. 

  3756.     }

    3757. 

  3757.     var delayAnimationLoading = 0.3;

    3758. 

  3758. 	function activateAnimationLoading(){	   

    3759. 

  3759. 	    var loadAnim = $("#loading-animation");

    3760. 

  3760.         TweenMax.killTweensOf( loadAnim );

    3761. 

  3761. 		loadAnim.css("right", "-104px" ).css("display", "inline").css("visibility", "visible" );

    3762. 

  3762. 		if(loadAnim.length > 0 ){ TweenMax.to( loadAnim, .3, { css:{right:"0px"}, delay: delayAnimationLoading, ease:Circ.easeOut, onComplete: doLoad }); }

    3763. 

  3763. 		else{doLoad();}

    3764. 

  3764. 	}

    3765. 

  3765.     var loadInterval = ""

    3766. 

  3766. 	function doLoad(){	   

    3767. 

  3767. 	   if( loadedContent == true ){

    3768. 

  3768.            var toLoad = loadURL;

    3769. 

  3769.            clearCustomInterval( loadInterval ); 

    3770. 

  3770.     	   var modGallPrev = $("#module-galleries-preview");

    3771. 

  3771.            var fullWidPrev = $("#full-width-preview");

    3772. 

  3772.     	   if( modGallPrev.length > 0 ){ modGallPrev.remove(); }

    3773. 

  3773.            if( fullWidPrev.length > 0 ){ fullWidPrev.remove(); }

    3774. 

  3774.     	   

    3775. 

  3775.             loadedContent = false; 

    3776. 

  3776.             loadInterval = setInterval(function(){

    3777. 

  3777.                 loadModule( toLoad )

    3778. 

  3778.                 clearCustomInterval( loadInterval );                         

    3779. 

  3779.             }, 50);            

    3780. 

  3780.        }     

    3781. 

  3781. 	}

    3782. 

  3782. 	/*------------------ end menuListeners --------------------*/	

    3783. 

  3783. 	

    3784. 

  3784. 	/*------------------ start module load functions ----------*/

    3785. 

  3785.     var loadedContent = true;

    3786. 

  3786. 	function loadModule( url ){

    3787. 

  3787. 	    loadedContent = false;

    3788. 

  3788. 	    backLoaded = false;

    3789. 

  3789.         showDone = false;

    3790. 

  3790.         var loadContainer = $("#load-container");

    3791. 

  3791. 		if( loadContainer.length > 0 ){

    3792. 

  3792.             prevURL = url;

    3793. 

  3793.             loadContainer.empty().load( url + ' #module-container > *', moduleLoaded );

    3794. 

  3794.         }

    3795. 

  3795. 	}

    3796. 

  3796.     var showModuleInterval = "";

    3797. 

  3797.     var cc = 0;

    3798. 

  3798. 	function moduleLoaded(response, status, xhr)

    3799. 

  3799. 	{

    3800. 

  3800. 		switch ( status )

    3801. 

  3801. 		{

    3802. 

  3802. 			case "error":console.log( "Error loading the page: " + response );				

    3803. 

  3803. 				break;

    3804. 

  3804. 			case "success": 

    3805. 

  3805.                 if( prevURL != loadURL ){

    3806. 

  3806.                     clearCustomInterval( showModuleInterval );

    3807. 

  3807.                 }

    3808. 

  3808.                 else{                    

    3809. 

  3809.                     clearCustomInterval( showModuleInterval );

    3810. 

  3810.                     showModuleInterval = setInterval(function(){

    3811. 

  3811.                         if( menuData[2] == oldMenuData[2]){ 

    3812. 

  3812.                             clearCustomInterval( showModuleInterval );

    3813. 

  3813.                             loadedContent =  true;

    3814. 

  3814.                             var loadAnim = $("#loading-animation");

    3815. 

  3815.                             if(loadAnim.length > 0 ){ TweenMax.to( loadAnim, .3, { css:{right:"-104px"}, ease:Circ.easeOut }); }

    3816. 

  3816.                             return;   

    3817. 

  3817.                         }

    3818. 

  3818.                         setMenuData(menuData);

    3819. 

  3819.                         var containerStyle = $("#module-container").attr("style");

    3820. 

  3820.                         if( containerStyle == undefined ) containerStyle = "";         

    3821. 

  3821.                         $("#module-container").attr("id", "module-container-old" ).attr("style", containerStyle );			

    3822. 

  3822.                 		$("#load-container").css("visibility", "hidden" ).attr('id', 'module-container').attr("style", containerStyle );

    3823. 

  3823.                         $("#module-container-old").after($("#module-container"));

    3824. 

  3824.                 		$("#template-wrapper").after( '<div id="load-container"></div>' );   //.css("left", get_OffsetWidth() + "px" )                        

    3825. 

  3825.                         showModule();

    3826. 

  3826.                         clearCustomInterval( showModuleInterval );                             

    3827. 

  3827.                     }, 50);                    

    3828. 

  3828.                 }

    3829. 

  3829. 				break;		

    3830. 

  3830. 		}

    3831. 

  3831. 	}

    3832. 

  3832. 	/*------------------- end module load functions -----------*/

    3833. 

  3833.     

    3834. 

  3834.     function templateCollectGarbage(){

    3835. 

  3835.         var moduleType = $("#template-menu").attr("data-current-module-type"); 		

    3836. 

  3836.         if( moduleType != "slideshow" ){

    3837. 

  3837.             currentSlide = null;

    3838. 

  3838.             if( thumbsList != null ){

    3839. 

  3839.                 thumbsList.destroy();

    3840. 

  3840.                 thumbsList = null;

    3841. 

  3841.             }

    3842. 

  3842.         }

    3843. 

  3843.         moduleType = null;	

    3844. 

  3844.     }

    3845. 

  3845.     

    3846. 

  3846.     /*------------------- start window resize -----------------*/ 

    3847. 

  3847. 

    3848. 

  3848.     function moduleUpdate_slideshow(){        

    3849. 

  3849.         var winW = $(window).width();

    3850. 

  3850.         if( $("#slideshow-thumbs-content").length > 0 ){ 

    3851. 

  3851.             var thumbHolder = $("#slideshow-thumbs"); 

    3852. 

  3852.             if( winW >= 768 && winW <= 1024 ){ $("#slideshow-thumbs-content").css("width", initialThumbContW + "px"); }

    3853. 

  3853.             else{

    3854. 

  3854.                  var thumbCont = $("#slideshow-thumbs-content");

    3855. 

  3855.                  var thumbW = $(".slideshow-thumb-holder").width() + parseInt( $(".slideshow-thumb-holder").css("margin-right"), 10 ); 

    3856. 

  3856.                  

    3857. 

  3857.                  if( thumbHolder.width() > winW ){                                   

    3858. 

  3858.                     $("#slideshow-thumbs-content").css("width", (thumbCont.width() - thumbW) + "px");

    3859. 

  3859.                  }

    3860. 

  3860.                  else if( thumbHolder.width() + thumbW <= winW ){

    3861. 

  3861.                     if( thumbCont.width() + thumbW <= initialThumbContW  )thumbCont.css("width", (thumbCont.width() + thumbW) + "px");

    3862. 

  3862.                  }                

    3863. 

  3863.             }            

    3864. 

  3864.             thumbHolder.css("margin-left", ($("#module-container").width() - thumbHolder.width() )* .5 );

    3865. 

  3865.             if( thumbsList != null )thumbsList.updateCustomList();

    3866. 

  3866.         }

    3867. 

  3867.         var slideHolder = $("#slideshow .slideshow-slide");

    3868. 

  3868.         if( slideHolder.length > 0 ){

    3869. 

  3869.             $("#slideshow-captions", slideHolder ).each(function(){

    3870. 

  3870.                 $(this ).css("top", ($(window).height() * 0.3) + "px");

    3871. 

  3871.                 $(this ).css("left", ($("#module-container").width() * 0.5) + "px");    

    3872. 

  3872.             });

    3873. 

  3873.         }

    3874. 

  3874.     }

    3875. 

  3875.     function moduleUpdate_home2(){

    3876. 

  3876.         var winW = $(window).width();

    3877. 

  3877.         var li = ".home-layout2-content ul li";

    3878. 

  3878.         var mH  = "#module-home-layout2";

    3879. 

  3879.         var textPageInstanceHolder    = $(txt_modCont);

    3880. 

  3880.         var textPageInstance          = $( mH, textPageInstanceHolder);

    3881. 

  3881.         if( textPageInstance.length <= 0 )return;

    3882. 

  3882.         if( winW > 1200){

    3883. 

  3883.              $(mH).css("width", "");

    3884. 

  3884.              $(li).attr("style", "");

    3885. 

  3885.              $(li + ":nth-child(4n+4)").css("margin-right", "0px");

    3886. 

  3886.         }

    3887. 

  3887.         else if( winW > 1024 && winW <= 1200){

    3888. 

  3888.             $(mH).css("width", "800");            

    3889. 

  3889.             $(li).attr("style", "").attr("style", " margin-right: 20px; width: 162px;");

    3890. 

  3890.             $(li + ":nth-child(4n+4)").css("margin-right", "0px");

    3891. 

  3891.         }

    3892. 

  3892.         else if( winW >= 768 && winW <= 1024 ){

    3893. 

  3893.             $(mH).css("width", "570");

    3894. 

  3894.             $(li).attr("style", "");

    3895. 

  3895.             $(li + ":nth-child(2n+2)").css("margin-right", "0px");

    3896. 

  3896.         }

    3897. 

  3897.         else if( winW < 768 ){

    3898. 

  3898.             $(mH).css("width", "510");

    3899. 

  3899.             $(li).attr("style", "");

    3900. 

  3900.             $(li + ":nth-child(2n+2)").css("margin-right", "0px");

    3901. 

  3901.         }

    3902. 

  3902.         moduleUpdate( textPageInstanceHolder, textPageInstance, $("div:first", textPageInstance), sideType );

    3903. 

  3903.     }

    3904. 

  3904.     

    3905. 

  3905.     function moduleUpdate_home3(){

    3906. 

  3906.         var textPageInstanceHolder    = $(txt_modCont);

    3907. 

  3907.         var textPageInstance          = $( "#module-home-layout3", textPageInstanceHolder);

    3908. 

  3908.         if( textPageInstance.length <= 0 )return;

    3909. 

  3909.         moduleUpdate( textPageInstanceHolder, textPageInstance, $("div:first", textPageInstance), sideType );

    3910. 

  3910.     }

    3911. 

  3911.     function moduleUpdate_text_page(){

    3912. 

  3912.         var textPageInstanceHolder    = $(txt_modCont);

    3913. 

  3913.         var textPageInstance          = $( "#module-wrapper", textPageInstanceHolder);

    3914. 

  3914.         if( textPageInstance.length <= 0 )return;

    3915. 

  3915.         moduleUpdate( textPageInstanceHolder, textPageInstance, $("div:first", textPageInstance), sideType );

    3916. 

  3916.     }

    3917. 

  3917.     function moduleUpdate_showreel(){

    3918. 

  3918.         var textPageInstanceHolder    = $(txt_modCont);

    3919. 

  3919.         var textPageInstance          = $( "#module-showreel", textPageInstanceHolder);     

    3920. 

  3920.         if( textPageInstance.length <= 0 )return;         

    3921. 

  3921.         moduleUpdate( textPageInstanceHolder, textPageInstance, $("div:first", textPageInstance), sideType ); 

    3922. 

  3922.     }

    3923. 

  3923.     function moduleUpdate_fullscreen_video( animate ){

    3924. 

  3924.         var textPageInstanceHolder    = $( txt_modCont);

    3925. 

  3925.         var textPageInstance          = $( "#module-fullscreen-video", textPageInstanceHolder);

    3926. 

  3926.         if( textPageInstance.length <= 0 )return;

    3927. 

  3927.         var width                     = $(window).width() - get_OffsetWidth();

    3928. 

  3928.         var height                    = $(window).height();          

    3929. 

  3929.         var standalone                = $("#standalone-wrapper", textPageInstance);    

    3930. 

  3930.         if( standalone.length > 0 ){ TweenMax.to( [ standalone, textPageInstance ], .6, {css:{width: width, height: height}, easing:Sine.easeOut}); }

    3931. 

  3931.         else{ TweenMax.to( textPageInstance, .6, {css:{width: width, height: height}, easing:Sine.easeOut}); }

    3932. 

  3932.     }

    3933. 

  3933.     function moduleUpdate_pricing_tables(){

    3934. 

  3934.        var textPageInstanceHolder = $(txt_modCont);

    3935. 

  3935.        var textPageInstance = $("#module-pricing", textPageInstanceHolder);

    3936. 

  3936.        if( textPageInstance.length <= 0 )return;

    3937. 

  3937.        moduleUpdate( textPageInstanceHolder, textPageInstance, $("div:first", textPageInstance), sideType );

    3938. 

  3938.     }

    3939. 

  3939.     function moduleUpdate_full_width( animate ){  

    3940. 

  3940.         var textPageInstanceHolder   = $( txt_modCont);

    3941. 

  3941.         var textPageInstance         = $( "#module-full-width", textPageInstanceHolder); 

    3942. 

  3942.         var modWrapper               = $( "#module-wrapper", textPageInstance);  

    3943. 

  3943.         if( textPageInstance.length <= 0 ) return;   

    3944. 

  3944.         var currWindowW              = $(window).width() - get_OffsetWidth();

    3945. 

  3945.         if( touchDevice == 1){ currWindowW = $(window).width() - templateMenuW; }

    3946. 

  3946.         textPageInstance.css("width", currWindowW);

    3947. 

  3947.         

    3948. 

  3948.         if( $("#module-full-width-holder-text", modWrapper).height() > $(window).height() && touchDevice == 0){ currWindowW = currWindowW - $(t_scrBarV2).width(); }

    3949. 

  3949.         if( animate == undefined || animate == false ){            

    3950. 

  3950.             textPageInstance.css("width", currWindowW);

    3951. 

  3951.             moduleUpdate( textPageInstanceHolder, modWrapper, $("div:first", modWrapper), sideType );

    3952. 

  3952.         }

    3953. 

  3953.         else{

    3954. 

  3954.             TweenMax.to(textPageInstance, .3, {css:{width: currWindowW}, easeing:Sine.easeOut, onComplete:

    3955. 

  3955.                 function(){ 

    3956. 

  3956.                     moduleUpdate( textPageInstanceHolder, modWrapper, $("div:first", modWrapper), sideType ); 

    3957. 

  3957.                 }

    3958. 

  3958.             });

    3959. 

  3959.         }    

    3960. 

  3960.     }

    3961. 

  3961.     function moduleUpdate_news(){

    3962. 

  3962.         var textPageInstanceHolder    = $( txt_modCont);

    3963. 

  3963.         var textPageInstance          = $( "#module-news-vertical", textPageInstanceHolder);

    3964. 

  3964.         var newsPreviewContainer      = $(newsPrvU, textPageInstance);

    3965. 

  3965.         if( previewNewsOpen == true ){

    3966. 

  3966.             var i = 0;        

    3967. 

  3967.             for( i; i < totalPreviews; i++){ if( i != previewNewsIndex ){ newsPrevItemArr[ i ].css("display", "none"); } }

    3968. 

  3968.             

    3969. 

  3969.             moduleUpdate( textPageInstanceHolder, $("#module-news-preview-holder", textPageInstance), $("#module-news-preview-container", textPageInstance), "custom", 0 );

    3970. 

  3970.             if( touchDevice == 1){

    3971. 

  3971.                 $("#module-news-preview-container", textPageInstance).css("height", "");

    3972. 

  3972.                 $("#module-news-preview-container", textPageInstance).css("height", $("#module-news-preview-container", textPageInstance).height());    

    3973. 

  3973.             }

    3974. 

  3974.             newsPreviewItemDisplay("inline");

    3975. 

  3975.         }

    3976. 

  3976.         else{ moduleUpdate( textPageInstanceHolder, $("#module-news-vertical"), $("#module-news-vertical div:first"), sideType ); }

    3977. 

  3977.     }

    3978. 

  3978.     function moduleUpdate_contact(){

    3979. 

  3979.         var textPageInstanceHolder    = $( txt_modCont);

    3980. 

  3980.         var textPageInstance          = $( "#module-wrapper", textPageInstanceHolder);

    3981. 

  3981.         var mapHolder                 = $("#map-holder", textPageInstanceHolder);

    3982. 

  3982.         if(textPageInstance.length <= 0 || $("#module-contact-holder").length <= 0){return;}

    3983. 

  3983.         var dd                        = $("#module-container").width(); 

    3984. 

  3984.         $("#module-contact-holder").css("left", (dd - $("#module-contact-holder").width())*.5 + "px");

    3985. 

  3985. 

    3986. 

  3986.         var mapW        = window.width-get_OffsetWidth()-$("#module-scrollbar-holder_v2").width();//screen.width;

    3987. 

  3987.         var mapLeft     = 0;//(- get_OffsetWidth()) * .5;

    3988. 

  3988.         if( mapHolder.length > 0 ){TweenMax.to(mapHolder, .3, {css:{left: mapLeft, width: mapW, height: ($(window).height())/2+"px"}, easing:Sine.easeOut});}

    3989. 

  3989.         

    3990. 

  3990.         var currWindowW             = $(window).width() - get_OffsetWidth() - $(t_scrBarV2).width();

    3991. 

  3991.         if( touchDevice == 1){ currWindowW = $(window).width() - templateMenuW; }  

    3992. 

  3992.         textPageInstance.css("width", currWindowW);

    3993. 

  3993.          

    3994. 

  3994.         if( $("div:first", textPageInstance).height() <= $(window).height() )

    3995. 

  3995.         { currWindowW = currWindowW + $(t_scrBarV2).width(); }

    3996. 

  3996.          

    3997. 

  3997.         textPageInstance.css("width", currWindowW); 

    3998. 

  3998.         moduleUpdate( textPageInstanceHolder, textPageInstance, $("div:first", textPageInstance), sideType );

    3999. 

  3999.              

    4000. 

  4000.     }

    4001. 

  4001.     function moduleUpdate_gallery(){

    4002. 

  4002.         var textPageInstanceHolder    = $( txt_modCont);

    4003. 

  4003.         var textPageInstance          = $( "#module-galleries", textPageInstanceHolder);

    4004. 

  4004.         var galleryHolder       = $("#module-galleries-holder", textPageInstance);

    4005. 

  4005.         

    4006. 

  4006.         if( textPageInstance.length <= 0 ) return;

    4007. 

  4007.         

    4008. 

  4008.         var thumbMarginRight    = parseInt($(".thumb-holder").css("margin-right"), 10);

    4009. 

  4009.         var thumbMarginBottom   = parseInt($(".thumb-holder").css("margin-bottom"), 10);

    4010. 

  4010.         var thumbWidth          = $(".thumb-holder").width();

    4011. 

  4011.         var thumbHeight         = $(".thumb-holder").height();

    4012. 

  4012.         var containerWidth      = galleryHolder.width();

    4013. 

  4013.         var containerHeight     = galleryHolder.height();

    4014. 

  4014.         var visibleHeight       = textPageInstance.height();

    4015. 

  4015.         var numberColumns       = Math.round( containerWidth / ( thumbWidth + thumbMarginRight) );

    4016. 

  4016.         var numberLines         = Math.floor( visibleHeight / ( thumbHeight + thumbMarginBottom) + 1);

    4017. 

  4017.         var totalVisibleThumbs  = numberColumns * numberLines - 1;

    4018. 

  4018.         visibleGalleryH         = visibleHeight;

    4019. 

  4019.         galleryColumns          = numberColumns;

    4020. 

  4020.         galleryLines            = numberLines;

    4021. 

  4021.         

    4022. 

  4022.         $(".thumb-holder", galleryHolder).css("margin-right",  "");

    4023. 

  4023.         $(".thumb-holder" + ":nth-child(" + galleryColumns + "n+" + galleryColumns + ")", galleryHolder).css("margin-right",  "0px");

    4024. 

  4024.         

    4025. 

  4025.         moduleUpdate( textPageInstanceHolder, textPageInstance, $("div:first", textPageInstance), sideType );               

    4026. 

  4026.         if( previewGalleryOpen == true ){ updatePreviewMediaPosition() }

    4027. 

  4027.     }

    4028. 

  4028.     function moduleUpdate_full_width_gallery(){

    4029. 

  4029.         var textPageInstanceHolder    = $(txt_modCont);

    4030. 

  4030.         var textPageInstance          = $( "#module-full-width-gallery", textPageInstanceHolder);

    4031. 

  4031. 		var modulePositionType        = textPageInstanceHolder.attr("data-id"); 

    4032. 

  4032.         if( textPageInstance.length > 0 ){

    4033. 

  4033.             if( initialThumbW <= 0)return;                        

    4034. 

  4034.             checkItems();

    4035. 

  4035.             moduleUpdate( textPageInstanceHolder, textPageInstance, $("div:first", textPageInstance), sideType );

    4036. 

  4036.         }

    4037. 

  4037.         if( previewFullWidthOpen == true ){ updateFullWidthPreviewPosition(); }

    4038. 

  4038.     }

    4039. 

  4039.     function moduleUpdate_page_columns( customStartPos ){

    4040. 

  4040.         var textPageInstanceHolder    = $( txt_modCont);

    4041. 

  4041.         var textPageInstance          = $( "#module-columns", textPageInstanceHolder);

    4042. 

  4042. 		var modulePositionType        = textPageInstanceHolder.attr("data-id");

    4043. 

  4043.         var columnItemWrapper         = $("#module-columns-wrapper", textPageInstance);

    4044. 

  4044. 	    var columnPrevWrapper         = $("#module-columns-preview-wrapper", textPageInstance);

    4045. 

  4045. 		

    4046. 

  4046.         if( textPageInstance.length <= 0 )return;

    4047. 

  4047.         checkColumnSize( columnsPreviewOpen );

    4048. 

  4048.         

    4049. 

  4049.         var val = Math.abs($("#module-container").width() - textPageInstanceHolder.width()) * .5; 

    4050. 

  4050. 		TweenMax.to(  textPageInstanceHolder, .2, { css:{ left: val },  ease:Circ.easeOut   });

    4051. 

  4051.         

    4052. 

  4052.         if( columnsPreviewOpen == false ){ 

    4053. 

  4053.             if( customStartPos == undefined ){ customStartPos = 0; }

    4054. 

  4054.             moduleUpdate( textPageInstanceHolder, columnItemWrapper, $("div:first", columnItemWrapper), sideType, null, null, customStartPos );

    4055. 

  4055.         }

    4056. 

  4056.         else{

    4057. 

  4057.             if(previewAnimDone == false)return;                

    4058. 

  4058.             var i = 0;

    4059. 

  4059.             for( i; i < totalColPreviews; i++){if( i != columnsPreviewIndex )columnsPrevItemArr[ i ].css("display", "none");}             

    4060. 

  4060.             moduleUpdate( textPageInstanceHolder, columnPrevWrapper, $("div:first", columnPrevWrapper), sideType, null, null, 0 );           

    4061. 

  4061.             if( touchDevice == 1){

    4062. 

  4062.                 $("div:first", columnPrevWrapper).css("height", "");

    4063. 

  4063.                 $("div:first", columnPrevWrapper).css("height", $("div:first", columnPrevWrapper).height());

    4064. 

  4064.             }            

    4065. 

  4065.             colPreviewItemDisplay("inline");

    4066. 

  4066.         }

    4067. 

  4067.     }

    4068. 

  4068.     $(window).resize(

    4069. 

  4069.         function(){    

    4070. 

  4070.             /*SLIDESHOW CHECK*/

    4071. 

  4071.             if( currentSlide != null )resizeImage(currentSlide);            

    4072. 

  4072.             /*BACKGROUND CHECK*/

    4073. 

  4073.             if( $showModuleBackground != null )resizeImage( $showModuleBackground );

    4074. 

  4074.             

    4075. 

  4075.             var scrollbar_v1    = $("#module-container #module-scrollbar-holder");

    4076. 

  4076.             var scrollbar_v2    = $("#module-container #module-scrollbar-holder_v2");

    4077. 

  4077.             var availScrollbar  = (scrollbar_v1.length > 0) ? scrollbar_v1 : scrollbar_v2;

    4078. 

  4078.             var winW = $(window).width();

    4079. 

  4079.             var winH = $(window).height();

    4080. 

  4080.             var menuHiderH = parseInt( $("#menu-container #menu-hider").height(), 10 );

    4081. 

  4081.             var menW = getMenuWidth();

    4082. 

  4082.             var menH = getMenuHeight();

    4083. 

  4083.             

    4084. 

  4084.             $("#module-container").css( "width", (winW - get_OffsetWidth()) + "px" );

    4085. 

  4085.             if( winW >= 768 ){

    4086. 

  4086.                 $("#module-container").css( "top", "0px" ).css( "left", menW + "px" );

    4087. 

  4087.                 $("#module-container").css( "height", "100%" );

    4088. 

  4088.                 if( firstRun == false )$("footer").css( 'display', 'inline' ).css( 'visibility', 'visible' );

    4089. 

  4089.                 if( availScrollbar.length > 0){ availScrollbar.css("height", winH).css("top", "0px"); }

    4090. 

  4090.                 if( menuActive == false ){

    4091. 

  4091.                     var menuHider = ($("#menu-hider").length > 0 ) ? parseInt($("#menu-hider").width(), 10) : 0;

    4092. 

  4092.                     var menuWidth = parseInt( $("#menu-container").css("width"), 10 ) - menuHider;

    4093. 

  4093.                     var menuVal = 0; 

    4094. 

  4094.                     $("#template-wrapper").css("left", -(menuWidth ) + "px").css("top", "0px");

    4095. 

  4095.                     $("#menu-container").css("left", menuVal + "px").css("top", "0px");                  

    4096. 

  4096.                 }

    4097. 

  4097.             }

    4098. 

  4098.             else{

    4099. 

  4099.                 

    4100. 

  4100.                 if( menuActive == true ){

    4101. 

  4101.                     var menuVal = 0; 

    4102. 

  4102.                     $("#template-wrapper").css("left", "0px").css("top", "0px");    

    4103. 

  4103.                     $("#menu-container").css("left", "0px").css("top", "0px"); 

    4104. 

  4104.                 }

    4105. 

  4105.                 else{

    4106. 

  4106.                     var menuHeight = parseInt( $("#menu-container").height(), 10 ) - menuHiderH;

    4107. 

  4107.                     $("#template-wrapper").css("left", "0px").css("top", -menuHeight + "px");    

    4108. 

  4108.                     $("#menu-container").css("left", "0px").css("top", "0px"); 

    4109. 

  4109.                 }

    4110. 

  4110.                 $("#module-container").css( "left", "0px" ).css( "top", $("#menu-container").height() + "px" );

    4111. 

  4111.                 $("#module-container").css( "height", ( winH - menuHiderH ) + "px" );

    4112. 

  4112.                 if( firstRun == false )$("footer").css( 'display', 'none' ).css( 'visibility', 'hidden' );

    4113. 

  4113.                 if( availScrollbar.length > 0 && touchDevice == 0){ availScrollbar.css("height", (winH - menuHiderH) + "px");}                        

    4114. 

  4114.             }

    4115. 

  4115.             /*window["moduleUpdate_" + currModuleType]();*/

    4116. 

  4116.             switch( currModuleType ){                

    4117. 

  4117.                 case "slideshow":           moduleUpdate_slideshow();

    4118. 

  4118.                     break;

    4119. 

  4119.                 case "home2":               moduleUpdate_home2();

    4120. 

  4120.                     break;              

    4121. 

  4121.                 case "home3":               moduleUpdate_home3();

    4122. 

  4122.                     break;

    4123. 

  4123.                 case "text_page":           moduleUpdate_text_page();

    4124. 

  4124.                     break;

    4125. 

  4125.                 case "showreel":            moduleUpdate_showreel();

    4126. 

  4126.                     break; 

    4127. 

  4127.                 case "fullscreen_video":    moduleUpdate_fullscreen_video();

    4128. 

  4128.                     break;                

    4129. 

  4129.                 case "pricing_tables":      moduleUpdate_pricing_tables();

    4130. 

  4130.                     break;

    4131. 

  4131.                 case "full_width":          moduleUpdate_full_width();

    4132. 

  4132.                     break;

    4133. 

  4133.                 case "news":                moduleUpdate_news();

    4134. 

  4134.                     break;              

    4135. 

  4135.                 case "contact":             moduleUpdate_contact();

    4136. 

  4136.                     break;                

    4137. 

  4137.                 case "gallery":             moduleUpdate_gallery();

    4138. 

  4138.                     break;

    4139. 

  4139.                 case "full_width_gallery":  moduleUpdate_full_width_gallery();

    4140. 

  4140.                     break;

    4141. 

  4141.                 case "page_columns":        moduleUpdate_page_columns();

    4142. 

  4142.                     break;      

    4143. 

  4143.             }          

    4144. 

  4144.             moduleType = null;

    4145. 

  4145.             /*FOOTER*/

    4146. 

  4146.             if( firstRun == true )return;

    4147. 

  4147.             if( $(window).width() >= 768){  $("footer").css( 'display', 'inline' ).css( 'visibility', 'visible' ); }

    4148. 

  4148.             else{ $("footer").css( 'display', 'none' ).css( 'visibility', 'hidden' ); }

    4149. 

  4149.         }

    4150. 

  4150.     );

    4151. 

  4151.     function get_OffsetWidth(){

    4152. 

  4152.        var value = 0;   

    4153. 

  4153.        if( $(window).width() > 767 ){

    4154. 

  4154.             if( menuActive == false ){

    4155. 

  4155.                 if( isOverMenu == false )

    4156. 

  4156.                     value = parseInt( $("#menu-hider").css("width"), 10 );

    4157. 

  4157.                 else

    4158. 

  4158.                     value = parseInt( $("#menu-container").css("width"), 10 );    

    4159. 

  4159.             }

    4160. 

  4160.             else{ value = parseInt( $("#menu-container").css("width"), 10 ); }

    4161. 

  4161.         }     

    4162. 

  4162.        return value;

    4163. 

  4163.     }

    4164. 

  4164.     

    4165. 

  4165.     /*------------------- end window resize -------------------*/	

    4166. 

  4166. 	

    4167. 

  4167. 	/*----------------- start Utils Methods -------------------*/	

    4168. 

  4168. 	

    4169. 

  4169.     function templateAddMediaVideo( videoType, elem, elemParent ){

    4170. 

  4170.         var id              = elem.attr("id");

    4171. 

  4171.         var url             = (videoType != "standalone") ? url = elem.attr("data-url") : "";

    4172. 

  4172.         var parent          = ( elemParent == undefined) ? elem : elemParent;

    4173. 

  4173.         var videoEmbedCode  = "";

    4174. 

  4174.         if( videoType == "standalone" ){

    4175. 

  4175.             videoEmbedCode += '<video id="standalone-wrapper" class="video-js vjs-default-skin" controls preload="none" width="'+ elem.attr("data-width") +'" height="'+ elem.attr("data-height") +'"'

    4176. 

  4176.                               + 'poster="'+ elem.attr("data-poster") +'">';     

    4177. 

  4177.             for( var i = 1; i <= 3; i++ ){

    4178. 

  4178.                 videoEmbedCode += '<source src="' + $(elem).attr("data-url" + i) + '" type="' + $(elem).attr("data-type" + i) + '" />';

    4179. 

  4179.             }                                 

    4180. 

  4180.             videoEmbedCode += '</video>';

    4181. 

  4181.         }

    4182. 

  4182.         else if( videoType != "standalone" ){

    4183. 

  4183.             videoEmbedCode += '<iframe src="' + url + '" width="' + elem.attr("data-width") + '" height="'+ elem.attr("data-height") +'" frameborder="0" allowfullscreen="" mozallowfullscreen="" webkitallowfullscreen=""></iframe>';

    4184. 

  4184.             if ( $.browser.msie && videoType == "youtube"){  

    4185. 

  4185.                 if( $.browser.version == "8.0" || ( $.browser.version == "9.0" && isIE9Std() == false )){

    4186. 

  4186.                     url = url.replace("http://www.youtube.com/embed/", "http://www.youtube.com/v/");

    4187. 

  4187.                     videoEmbedCode = '<object width="' + elem.attr("data-width") + '" height="' + elem.attr("data-height") + '">'+ '<param name="movie" value="' + url + '?fs=1&enablejsapi=1"></param>' +

    4188. 

  4188.                                             '<param name="allowFullScreen" value="true"></param>' + 

    4189. 

  4189.                                             '<param name="allowScriptAccess" value="always"></param>' +

    4190. 

  4190.                                             '<embed id="ytplayer" src="' + url + '?fs=1&enablejsapi=1"' + 'type="application/x-shockwave-flash"' +

    4191. 

  4191.                                               'allowfullscreen="true"' + 'allowscriptaccess="always"' + 'width="' + elem.attr("data-width") + '" height="' + elem.attr("data-height") + '">' +

    4192. 

  4192.                                             '</embed>' +

    4193. 

  4193.                                         '</object>';

    4194. 

  4194.                 }

    4195. 

  4195.             }   

    4196. 

  4196.         }

    4197. 

  4197.         parent.append( videoEmbedCode );        

    4198. 

  4198.         destroyVideoJS();        

    4199. 

  4199.         parent.css("opacity", "0").css("visibility","visible");        

    4200. 

  4200.         if( videoType == "standalone" ){ var ready = false;            

    4201. 

  4201.             videojsHolder = _V_("standalone-wrapper", {}, function(){                

    4202. 

  4202.                     if(ready == false){ ready = true;                        

    4203. 

  4203.                         TweenMax.to( [$("#standalone-wrapper"), parent], .6, { css:{ opacity: "1" },  ease:Circ.easeOut });

    4204. 

  4204.                     }

    4205. 

  4205.             });

    4206. 

  4206.         }

    4207. 

  4207.         else{ TweenMax.to( parent, .6, { css:{ opacity: "1" },  ease:Circ.easeOut }); }

    4208. 

  4208.     }

    4209. 

  4209.     function destroyVideoJS(){

    4210. 

  4210.         if( videojsHolder != "" ){   

    4211. 

  4211.              videojsHolder.pause();             

    4212. 

  4212.               /* for html5 - clear out the src which solves a browser memory leak */

    4213. 

  4213.               /* this workaround was found here: http://stackoverflow.com/questions/5170398/ios-safari-memory-leak-when-loading-unloading-html5-video */                                        

    4214. 

  4214.               if(videojsHolder.techName == "html5"){        

    4215. 

  4215.                 videojsHolder.tag.src = "";                 

    4216. 

  4216.                 videojsHolder.tech.removeTriggers();        

    4217. 

  4217.                 videojsHolder.load();                       

    4218. 

  4218.               }                            

    4219. 

  4219.               videojsHolder.tech.destroy();/* destroy the parts of the player which are specific to html5 or flash */

    4220. 

  4220.               videojsHolder.destroy();/* destroy the player */

    4221. 

  4221.               $(videojsHolder.el).remove();/* remove the entire player from the dom */

    4222. 

  4222.               videojsHolder.players = {} ;

    4223. 

  4223.         }

    4224. 

  4224.     }

    4225. 

  4225.     function clearCustomInterval( interval ){

    4226. 

  4226.         if( interval != "" ){

    4227. 

  4227.             clearInterval( interval );

    4228. 

  4228.             interval = "";

    4229. 

  4229.         }

    4230. 

  4230.     }

    4231. 

  4231. 	function resizeImage( image, animate ){

    4232. 

  4232. 		image.removeAttr('width');

    4233. 

  4233. 		image.removeAttr('height');

    4234. 

  4234. 		var ww = $( window ).width() - get_OffsetWidth(),

    4235. 

  4235. 				wh = $( window ).height(),

    4236. 

  4236. 				iw = image.width(),

    4237. 

  4237. 				ih = image.height(),

    4238. 

  4238. 				rw = wh / ww,

    4239. 

  4239. 				ri = ih / iw,

    4240. 

  4240. 				newWidth, newHeight,

    4241. 

  4241. 				newLeft, newTop,

    4242. 

  4242. 				properties;

    4243. 

  4243. 	

    4244. 

  4244. 			if ( rw > ri ) {

    4245. 

  4245. 				newWidth = wh / ri;

    4246. 

  4246. 				newHeight = wh;

    4247. 

  4247. 			} else {

    4248. 

  4248. 				newWidth = ww;

    4249. 

  4249. 				newHeight = ww * ri;

    4250. 

  4250. 			}

    4251. 

  4251.         if( animate == undefined || animate == false ){

    4252. 

  4252.           image.css("width", newWidth).css("height", newHeight);

    4253. 

  4253.         }

    4254. 

  4254.         else if( animate == true ){ TweenMax.to( image, .6, { css:{width: newWidth, height: newHeight}, ease:Sine.easeOut }); }

    4255. 

  4255. 	}

    4256. 

  4256.     function rgb2hex(rgb){     

    4257. 

  4257.          var value = "";

    4258. 

  4258.          if( rgb != undefined )

    4259. 

  4259.          {

    4260. 

  4260.             if ( ($.browser.msie && ($.browser.version == "9.0" && isIE9Std() == true )) ||  !$.browser.msie ){  

    4261. 

  4261.             rgb = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);            

    4262. 

  4262.             value = "#" + ("0" + parseInt(rgb[1],10).toString(16)).slice(-2) + ("0" + parseInt(rgb[2],10).toString(16)).slice(-2) + ("0" + parseInt(rgb[3],10).toString(16)).slice(-2);

    4263. 

  4263.              }

    4264. 

  4264.              else{ value = rgb; }

    4265. 

  4265.          }

    4266. 

  4266.          

    4267. 

  4267.          return value;

    4268. 

  4268.     }

    4269. 

  4269.     function mobileConsole(text, value, clear, displayConsole ){

    4270. 

  4270.         if( clear != undefined && clear == true )$("#console-log").empty();

    4271. 

  4271.         $("#console-log").append('<span>' + text + ' ' + value + '</span>');

    4272. 

  4272.         if( displayConsole == true )

    4273. 

  4273.         {

    4274. 

  4274.             $("#console-log").css("display", "inline");

    4275. 

  4275.         }

    4276. 

  4276.     }

    4277. 

  4277. 	/*----------------- end Utils Methods ---------------------*/

    4278. 

  4278.     	
    4279.