PageRenderTime 72ms CodeModel.GetById 23ms RepoModel.GetById 1ms app.codeStats 1ms

/js/link.net.js

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

Large files files are truncated, but you can click here to view the full 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 = $(".adve…
    1058.

Large files files are truncated, but you can click here to view the full file