Videos

.grid-gallery965 > ul { list-style: none; margin: 0; padding: 0 !important; } .grid-gallery965 figure { margin: 0; } .grid-gallery965 figure img { display: block;cursor: pointer; width: 100%; margin: 0 !important; } .grid-gallery965 figcaption h3, .grid-gallery965 figcaption p { margin: 0; margin-top: 5px; word-wrap: break-word; line-height: normal;} /* Grid style */ .content-wrapper{max-width: 100%} .grid965-wrap { max-width: 69em; margin: 0 auto!important; } /* Grid style */ /*.grid965-wrap { max-width: 69em; margin: 0 auto; padding: 0 1em 1.875em; }*/ .grid965 { margin: 0 auto; } .grid965 .imgLiii { float: left; /*cursor: pointer;*/ left:0px; list-style-type: none !important; padding:0px !important; margin:0px !important; opacity: 1; } .grid965 figure { -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .grid965 figcaption { padding: 5px 25px; } .grid965 .imgLiii { width: 294px; } /* Slideshow style */ .slideshow965 { position: fixed; background: rgba(0,0,0,0.6); width: 100%; height: 100%; top: 0; left: 0; z-index: 99999999999 !important; opacity: 0; visibility: hidden; overflow: hidden; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.52s; } .slideshow965-open .slideshow965 { opacity: 1; visibility: visible; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; transition: opacity 0.4s; } .slideshow965 .nav-close-RW965 { width: 100%; height: 100%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translate3d(0,0,150px); -moz-transform: translate3d(0,0,150px); transform: translate3d(0,0,150px); -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; transition: transform 0.5s; } .slideshow965 .nav-close-RW965.animatable > li { -webkit-transition: -webkit-transform 0.7s; -moz-transition: -moz-transform 0.7s; transition: transform 0.7s; } .slideshow965-open .slideshow965 .nav-close-RW965 { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); margin: 0; list-style:none; } .slideshow965 .iframecontainer { width: 600px; max-width:95%; position: absolute; margin: 0!important; left: 50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); visibility: hidden; box-sizing:border-box; background:none !important; background-color:none !important; } .container_1 * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .slideshow965 li.show965 { visibility: visible; } .slideshow965 li.iframecontainer .show965{ z-index: -99!important; opacity: 0.8!important; } .current965{z-index: 999999!important;} .slideshow965 .nav-close-RW965 > li:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; } .slideshow965 .nav-close-RW965 > li.current965:after { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.1s, visibility 0s 0.1s; -moz-transition: opacity 0.1s, visibility 0s 0.1s; transition: opacity 0.1s, visibility 0s 0.1s; } .slideshow965 figure { position: absolute; width: 100%; overflow: hidden; } .slideshow965 figcaption { padding-bottom: 20px; } .slideshow965 ul li figure iframe, .slideshow965 ul li figure video { height:250px; margin: 0; display: block; } .slideshow965 ul li figure img { height: 250px; width: auto; margin: 0 auto !important; } .slideshow965 figcaption .TotalSoft_GV_GG_SP { overflow-x: auto; margin-top: 5px; padding-right: 10px; padding: 0 20px; height: 50px;} .slideshow965 figcaption .TotalSoft_GV_GG_SP ul li{top:unset!important; position: relative; margin-bottom:0px;margin-top:0px;list-style-type: disc!important; } .slideshow965 figcaption .TotalSoft_GV_GG_SP ul { margin-bottom:0px; margin-left: 10px;line-height: 15px;} /* Navigation */ .slideshow965 nav span { position: fixed; z-index: 1000; padding: 3%; cursor: pointer; background:none !important; background-color:none !important; width:auto !important; } .slideshow965 nav span:before,.slideshow965 nav span:after { content:none; } .slideshow965 nav span.nav-prev, .slideshow965 nav span.nav-next { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .slideshow965 nav span.nav-prev {left:0;} .slideshow965 nav span.nav-next { right: 0; } .slideshow965 nav span.nav-close { top: 5%; right: 0; } .grid965 li { width: 100%; } .grid965 li { width: 294px; } .grid965 figure { padding: 5px; } .grid-gallery965 figure img { border-radius: 0px; } .slideshow965 figcaption p, .main-container { font:inherit; } .grid965 li:hover figure > div { -webkit-filter: sepia(100%); filter:sepia(100%); } .grid965 figcaption { background: rgba(0,148,145,0.75); margin-top: 0px; } .grid-gallery965{width: 100%} .grid-gallery965 figcaption h3 { font-size: 19px; line-height: 19px; font-family: Gabriola !important; color: #ffffff !important; text-align: center !important; border-bottom: 0px dotted #ffffff !important; margin-bottom: 0 !important; line-height: 1 !important; font-weight: 400 !important; text-transform:none !important; perspective: 800px; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } .grid-gallery965 figcaption p { margin-bottom: 0 !important; } .slideshow965 figure { background-color: #ffffff; border: 0px solid #009491; border-radius: 0px; padding: 30px; max-width:100%; } .slideshow965>ul>li:after { background-color: #ffffff; border-radius: 0px; opacity: 0.8; } .slideshow965 figure ol,.slideshow965 figure ul{margin-left: 0!important;} .slideshow965 figure .TotalSoft_GV_GG_SP{padding-left: 25px;} #GRU965 figure figcaption ul,#GRU965 figure figcaption ol{left: 0;margin-left: 0;} #GRU965 figure figcaption ul > ul{ display: list-item; list-style-type:disc;} .grid965-sizer{margin: 0!important;padding: 0!important;} .slideshow965 figcaption h3 { font-size: 30px; font-family: Gabriola !important; color: #009491 !important; text-align: center !important; border-bottom: 1px solid #cccccc !important; margin-bottom: 0 !important; line-height: 1 !important; font-weight: 400 !important; } .slideshow965 figcaption p { margin-bottom: 0 !important; display: block !important;} .slideshow965 nav span.nav-prev, .slideshow965 nav span.nav-next { font-size: 28px; color: #009491; } .slideshow965 nav span.nav-close { font-size: 25px; color: #009491; } .TotalSoft_GV_GVG_Link965 { position: absolute !important; padding: 3px 10px !important; right: 30px !important; border: 1px solid #009491 !important; border-radius: 0px !important; text-decoration: none !important; background-color: #009491 !important; color: #ffffff !important; line-height: 1 !important; font-family: Gabriola !important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; } .TotalSoft_GV_GVG_Link965:hover { text-decoration: none !important; background-color: #ffffff !important; color: #009491 !important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; } .TotalSoft_GV_GVG_Link965:focus { box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; outline: none !important; } #pagination965 li { border:none !important; list-style:none !important;display: inline-block!important; padding: 0!important} #pagination965 li a { background-color:#ffffff; color:#009491; font-size:23px; font-family:Gabriola; height:auto !important; border: 1px solid #009491 !important; line-height:1 !important; display:block; padding: 2px 10px; } #pagination965 li:not(.active) a:hover { background-color: #009491 !important; color: #f9f9f9 !important; } /*#pagination965 li a.active965 { background-color: #009491!important; color: #ffffff; }*/ #pagination965 .active { background-color: #009491; color: #ffffff !important; } .TotalSoftGV_GVG_LM965 { background-color:#ffffff; color:#009491; font-size:23px; font-family:Gabriola; border: 1px solid #009491; cursor:pointer; display: block; padding: 3px !important; line-height: 1 !important; } .nav-close-RW965 li.current965 { position:relative; z-index:9; } .TotalSoftGV_GVG_LM965:hover { background-color: #009491; color: #f9f9f9; } .slideshow965 figcaption .TotalSoft_GV_GG_SP::-webkit-scrollbar { width: 0.5em; } .slideshow965 figcaption .TotalSoft_GV_GG_SP::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #ffffff; } .slideshow965 figcaption .TotalSoft_GV_GG_SP::-webkit-scrollbar-thumb { background-color: #009491; outline: #009491; } @media screen and (max-width:820px) { .slideshow965 nav span { cursor:default !important; } } .TS_GV_GVG_Loading_965 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: ; z-index: 10; padding: 0; overflow: hidden !important; text-align: center; } .TS_GV_GVG_Loading_965 img { margin: 0 auto !important; position: relative; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); }

  • img205

    Maquillaje de Ojos by Agus Santamarina

  • img206

    Tutorial Semi Recogido by Luisa Estevez & TRESemmé

  • img207

    #LOOKEATvTalks by Ale Garcia: ¿cómo combinás un palazzo negro?

  • img208

    #LOOKEATvTalks by Ale Garcia: polleras cortas, ¿sabés cómo usarlas en tu día a día?

  • img209

    #LOOKEATvTalks by Ale Garcia: tenés UN kimono, ¿sabés cómo usarlo de día y de noche?

  • img210

    #LOOKEATvTalks by Ale Garcia: te compraste un kimono, ¿cómo lo vas a usar?

  • img211

    #LOOKEATvTalks by Ale Garcia: ¿ya sabés qué ponerte si tenés un casamiento de día?

  • img212

    #LOOKEATvTalks by Ale Garcia: el casamiento de noche, ¿qué te vas a poner?

  • img213

    Maquillaje Simple by Agus Santamarina

  • img214

    #LOOKEATvTalks by Ale Garcia: los PERMITIDOS y los PROHIBIDOS a la hora de ir a la oficina.

  • img215

    #LOOKEATvTalks by Ale Garcia: ¿sabés qué te vas a poner para ir a la oficina?

  • Maquillaje de Ojos by Agus Santamarina

    Maquillaje de Ojos by Agus Santamarina

  • Tutorial Semi Recogido by Luisa Estevez & TRESemmé

    Tutorial Semi Recogido by Luisa Estevez & TRESemmé

  • #LOOKEATvTalks by Ale Garcia: ¿cómo combinás un palazzo negro?

    #LOOKEATvTalks by Ale Garcia: ¿cómo combinás un palazzo negro?

  • #LOOKEATvTalks by Ale Garcia: polleras cortas, ¿sabés cómo usarlas en tu día a día?

    #LOOKEATvTalks by Ale Garcia: polleras cortas, ¿sabés cómo usarlas en tu día a día?

  • #LOOKEATvTalks by Ale Garcia: tenés UN kimono, ¿sabés cómo usarlo de día y de noche?

    #LOOKEATvTalks by Ale Garcia: tenés UN kimono, ¿sabés cómo usarlo de día y de noche?

  • #LOOKEATvTalks by Ale Garcia: te compraste un kimono, ¿cómo lo vas a usar?

    #LOOKEATvTalks by Ale Garcia: te compraste un kimono, ¿cómo lo vas a usar?

  • #LOOKEATvTalks by Ale Garcia: ¿ya sabés qué ponerte si tenés un casamiento de día?

    #LOOKEATvTalks by Ale Garcia: ¿ya sabés qué ponerte si tenés un casamiento de día?

  • #LOOKEATvTalks by Ale Garcia: el casamiento de noche, ¿qué te vas a poner?

    #LOOKEATvTalks by Ale Garcia: el casamiento de noche, ¿qué te vas a poner?

  • Maquillaje Simple by Agus Santamarina

    Maquillaje Simple by Agus Santamarina

  • #LOOKEATvTalks by Ale Garcia: los PERMITIDOS y los PROHIBIDOS a la hora de ir a la oficina.

    #LOOKEATvTalks by Ale Garcia: los PERMITIDOS y los PROHIBIDOS a la hora de ir a la oficina.

  • #LOOKEATvTalks by Ale Garcia: ¿sabés qué te vas a poner para ir a la oficina?

    #LOOKEATvTalks by Ale Garcia: ¿sabés qué te vas a poner para ir a la oficina?

        jQuery(document).ready(function(){ jQuery('#GRU965 figure figcaption ol').find('ul').css({'list-style-type':'decimal', 'display': 'list-item','font-size':'13px'}); // var height = jQuery('.nav-close-RW965').children().first().height(); var top = jQuery('.nav-close-RW965').children().first().position().top; jQuery('.nav-close-RW965').children().css({'top':top}); jQuery(window).resize(function(){ var height = jQuery('.nav-close-RW965').children().first().height(); var top = jQuery('.nav-close-RW965').children().first().position().top; jQuery('.nav-close-RW965').children().css({'top':top}); }); var array\_images965=\[\]; jQuery('.grid965 li.imgLiii').each(function(){ if( jQuery(this).find('img').attr("src") != "" ) { array\_images965.push(jQuery(this).find('img').attr("src")); } }) var tema\_name = 'The Voux' var size = jQuery(window).width(); if(tema\_name == "Oneline Lite" || tema\_name == "Oshi" || tema\_name == "OceanWP" || tema\_name == "Businessly"){ if(size<=480){ jQuery('.slideshow965 ul li figure iframe').css({'width':'100%', 'margin-left':'0', 'min-height':'0'}); jQuery('.slideshow965 ul li figure iframe').css({'height':'168px'}); jQuery('.nav-close-RW965').children().css({'height':'340px'}) } jQuery(window).resize(function() { var size = jQuery(window).width(); if(size<=480){ var first = jQuery('.nav-close-RW965').children().first(); jQuery(first).css({'top':'170px'}); var top = jQuery(first).position().top; var height = jQuery(first).height(); jQuery('.nav-close-RW965').children().css({'top':top,'height':'340px'}); jQuery('.slideshow965 ul li figure iframe').css({'width':'100%', 'margin-left':'0', 'min-height':'0'}); jQuery('.slideshow965 ul li figure iframe').css({'height':'168px'}); } }); } var y\_images965=0; jQuery('.grid965 li.imgLiii').each(function(i){ jQuery(this).find('img').attr('src', array\_images965\[i\]).on("load",function(){ y\_images965++; if(y\_images965 == array\_images965.length) { jQuery('.TS\_GV\_GVG\_Loading\_965').css('display','none'); } }) }) new CBPGridGallery965( document.getElementById( 'grid965-gallery' ) ); var delaytime = 0; var TS\_VG\_GG\_AE = jQuery('.TS\_VG\_GG\_AE\_965').val(); if(TS\_VG\_GG\_AE == ''){ TS\_VG\_GG\_AE = 'fadeIn'; } jQuery('.grid965 li.imgLiii').each(function(){ if(!jQuery(this).hasClass('noshow1')) { delaytime++; if(TS\_VG\_GG\_AE == '') { jQuery(this).css({'opacity':'1'}); } else if(TS\_VG\_GG\_AE == 'fadeIn') { jQuery(this).css({"display":"block",'animation':'fadeIn 0.65s ease '+0.2\*delaytime+'s forwards','-webkit-animation':'fadeIn 0.65s ease '+0.2\*delaytime+'s forwards','-moz-animation':'fadeIn 0.65s ease '+0.2\*delaytime+'s forwards'}); } else if(TS\_VG\_GG\_AE == 'moveUp') { jQuery(this).css({"display":"block",'animation':'moveUp 0.65s ease '+0.2\*delaytime+'s forwards','-webkit-animation':'moveUp 0.65s ease '+0.2\*delaytime+'s forwards','-moz-animation':'moveUp 0.65s ease '+0.2\*delaytime+'s forwards'}); } else if(TS\_VG\_GG\_AE == 'scaleUp') { jQuery(this).css({"display":"block",'animation':'scaleUp 0.65s ease-in-out '+0.2\*delaytime+'s forwards','-webkit-animation':'scaleUp 0.65s ease-in-out '+0.2\*delaytime+'s forwards','-moz-animation':'scaleUp 0.65s ease-in-out '+0.2\*delaytime+'s forwards'}); } else if(TS\_VG\_GG\_AE == 'fallPerspective') { jQuery(this).css({"display":"block",'animation':'fallPerspective 0.8s ease-in-out '+0.2\*delaytime+'s forwards','-webkit-animation':'fallPerspective 0.8s ease-in-out '+0.2\*delaytime+'s forwards','-moz-animation':'fallPerspective 0.8s ease-in-out '+0.2\*delaytime+'s forwards'}); } else if(TS\_VG\_GG\_AE == 'fly') { jQuery(this).css({"display":"block",'animation':'fly 0.8s ease-in-out '+0.2\*delaytime+'s forwards','-webkit-animation':'fly 0.8s ease-in-out '+0.2\*delaytime+'s forwards','-moz-animation':'fly 0.8s ease-in-out '+0.2\*delaytime+'s forwards'}); } else if(TS\_VG\_GG\_AE == 'flip') { jQuery(this).css({"display":"block",'animation':'flip 0.8s ease-in-out '+0.2\*delaytime+'s forwards','-webkit-animation':'flip 0.8s ease-in-out '+0.2\*delaytime+'s forwards','-moz-animation':'flip 0.8s ease-in-out '+0.2\*delaytime+'s forwards'}); } else if(TS\_VG\_GG\_AE == 'helix') { jQuery(this).css({"display":"block",'animation':'helix 0.8s ease-in-out '+0.2\*delaytime+'s forwards','-webkit-animation':'helix 0.8s ease-in-out '+0.2\*delaytime+'s forwards','-moz-animation':'helix 0.8s ease-in-out '+0.2\*delaytime+'s forwards'}); } else if(TS\_VG\_GG\_AE == 'popUp') { jQuery(this).css({"display":"block",'animation':'popUp 0.8s ease-in '+0.2\*delaytime+'s forwards','-webkit-animation':'popUp 0.8s ease-in '+0.2\*delaytime+'s forwards','-moz-animation':'popUp 0.8s ease-in '+0.2\*delaytime+'s forwards'}); } } }) jQuery(window).resize(function(){ new CBPGridGallery965( document.getElementById( 'grid965-gallery' ) ); }) jQuery(".pagination965 li").click(function(){ new CBPGridGallery965( document.getElementById( 'grid965-gallery' ) ); }) })   var ImgWidthhhh965 = jQuery('.ImgWidthhhh965').val(); var VTitlePOpFS965 = jQuery('.VTitlePOpFS965').val(); var VLinkPOpFS965 = jQuery('.VLinkPOpFS965').val(); var countFGTotalSoft965 = jQuery('.countFGTotalSoft965').val(); var TotalSoft\_Grid\_FS965 = jQuery('.TotalSoft\_Grid\_FS965').val(); function Total\_Soft\_GV\_GVG\_PagePresp965(){ if(jQuery('.slideshow965 ul').height()<=400) { jQuery('.slideshow965 figcaption p').css('display','none'); jQuery('.slideshow965 nav span.nav-close').css('top','0%'); } else { jQuery('.slideshow965 figcaption p').css('display','block'); jQuery('.slideshow965 nav span.nav-close').css('top','0%'); } jQuery('.slideshow965 ul li figure iframe').css('width',Math.floor(jQuery('.slideshow965 ul li figure iframe').height()\*16/9)); jQuery('.slideshow965 ul li figure iframe').css('min-width','100%'); jQuery('.slideshow965 ul li figure iframe').css('min-height',Math.floor(jQuery('.slideshow965 ul li figure iframe').width()\*9/16)); jQuery('.slideshow965 ul li figure iframe').css('max-height',Math.floor(jQuery('.slideshow965 ul li figure iframe').width()\*9/16)); jQuery('.slideshow965 ul li figure iframe').css('margin-left',Math.floor((jQuery('.slideshow965 ul li figure').width()-jQuery('.slideshow965 ul li figure iframe').width())/2)); jQuery('.slideshow965 ul li figure video').css('width',Math.floor(jQuery('.slideshow965 ul li figure video').height()\*16/9)); jQuery('.slideshow965 ul li figure video').css('min-width','100%'); jQuery('.slideshow965 ul li figure video').css('min-height',Math.floor(jQuery('.slideshow965 ul li figure video').width()\*9/16)); jQuery('.slideshow965 ul li figure video').css('max-height',Math.floor(jQuery('.slideshow965 ul li figure video').width()\*9/16)); jQuery('.slideshow965 ul li figure video').css('margin-left',Math.floor((jQuery('.slideshow965 ul li figure').width()-jQuery('.slideshow965 ul li figure video').width())/2)); for(i=0;i<=countFGTotalSoft965-1;i++) { if(jQuery('.slideshow965 ul li').eq(i).hasClass('videocontainer')) { jQuery('.slideshow965 ul li').eq(i).css('height',jQuery('.slideshow965 ul li').eq(i).find('figcaption').height()+jQuery('.slideshow965 ul li').eq(i).find('video').height()+90); } else if(jQuery('.slideshow965 ul li').eq(i).hasClass('iframecontainer')) { jQuery('.slideshow965 ul li').eq(i).css('height',jQuery('.slideshow965 ul li').eq(i).find('figcaption').height()+jQuery('.slideshow965 ul li').eq(i).find('iframe').height()+55); } else if(jQuery('.slideshow965 ul li').eq(i).hasClass('imagecontainer')) { jQuery('.slideshow965 ul li').eq(i).css('height',jQuery('.slideshow965 ul li').eq(i).find('figcaption').height()+jQuery('.slideshow965 ul li').eq(i).find('img').height()+70); } jQuery('.slideshow965 ul li').eq(i).css('top',Math.floor((jQuery('.slideshow965 ul').height()-jQuery('.slideshow965 ul li').eq(i).height())/2)); } jQuery('.slideshow965 figcaption h3').css('font-size',Math.floor(VTitlePOpFS965\*jQuery(window).width()/(jQuery(window).width()+150))); jQuery('.slideshow965 figcaption p').css('font-size',Math.floor(jQuery('.slideshow965 figcaption p').css('font-size')\*jQuery(window).width()/(jQuery(window).width()+150))); jQuery('.slideshow965 figcaption p').css('line-height',jQuery('.slideshow965 figcaption p').css('font-size')); jQuery('.TotalSoft\_GV\_GVG\_Link965').css('font-size',Math.floor(VLinkPOpFS965\*jQuery(window).width()/(jQuery(window).width()+150))); jQuery('.grid965 li').css('width',Math.floor(ImgWidthhhh965\*jQuery('.GRWR965').width()/1000)); jQuery('.grid-gallery965 figcaption h3').css('font-size',Math.floor(TotalSoft\_Grid\_FS965\*jQuery('.GRWR965').width()/(jQuery('.GRWR965').width()+25))+'px'); jQuery('.grid-gallery965 figcaption h3').css('line-height',Math.floor(TotalSoft\_Grid\_FS965\*jQuery('.GRWR965').width()/(jQuery('.GRWR965').width()+25))+'px'); if(jQuery('.GRWR965').width()<=450) { jQuery('.GRU965 li').css('width','100%'); } else if(jQuery('.GRWR965').width()<=700) { jQuery('.GRU965 li').css('width',Math.floor(ImgWidthhhh965\*jQuery('.GRWR965').width()/700)+'px'); } else if(jQuery('.GRWR965').width()<=1000) { jQuery('.GRU965 li').css('width',Math.floor(ImgWidthhhh965\*jQuery('.GRWR965').width()/1000)+'px'); } else if(jQuery('.GRWR965').width()<=1500) { jQuery('.GRU965 li').css('width',Math.floor(ImgWidthhhh965\*jQuery('.GRWR965').width()/1500)+'px'); } else if(jQuery('.GRWR965').width()<=1800) { jQuery('.GRU965 li').css('width',Math.floor(ImgWidthhhh965\*jQuery('.GRWR965').width()/1800)+'px'); } var kj = Math.floor(jQuery('.GRWR965').width()/(ImgWidthhhh965\*jQuery('.GRWR965').width()/1000)); var TS\_VG\_GG\_PP = parseInt(jQuery('.TS\_VG\_GG\_PP\_965').val()); var TS\_VG\_GG\_PT = jQuery('.TS\_VG\_GG\_PT\_965').val(); if(TS\_VG\_GG\_PT != 'All'){ if(kj > TS\_VG\_GG\_PP) { kj = TS\_VG\_GG\_PP; } } var kl = kj\*Math.floor(ImgWidthhhh965\*jQuery('.GRWR965').width()/1000); var kh = Math.floor((jQuery('.GRWR965').width() - kl)/2); jQuery('.grid965').css('margin','0 '+ kh + 'px'); } jQuery(window).resize(function(){ Total\_Soft\_GV\_GVG\_PagePresp965(); }) Total\_Soft\_GV\_GVG\_PagePresp965();   ;( function( window ) { 'use strict'; var docElem = window.document.documentElement, transEndEventNames = { 'WebkitTransition': 'webkitTransitionEnd', 'MozTransition': 'transitionend', 'OTransition': 'oTransitionEnd', 'msTransition': 'MSTransitionEnd', 'transition': 'transitionend' }, transEndEventName965 = transEndEventNames\[ Modernizr.prefixed( 'transition' ) \], support = { transitions : Modernizr.csstransitions, support3d : Modernizr.csstransforms3d }; function setTransform965( el, transformStr ) { el.style.WebkitTransform = transformStr; el.style.msTransform = transformStr; el.style.transform = transformStr; } function getViewportW965() { var client = docElem\['clientWidth'\], inner = window\['innerWidth'\]; if( client < inner ) return inner; else return client; } function extend965( a, b ) { for( var key in b ) { if( b.hasOwnProperty( key ) ) { a\[key\] = b\[key\]; } } return a; } function CBPGridGallery965( el, options ) { this.el = el; this.options965 = extend965( {}, this.options965 ); extend965( this.options965, options ); this.\_init965(); } CBPGridGallery965.prototype.options965 = {}; CBPGridGallery965.prototype.\_init965 = function() { // main grid this.grid965 = this.el.querySelector( 'section.grid965-wrap > ul.grid965' ); // main grid items this.gridItems965 = \[\].slice.call( this.grid965.querySelectorAll( 'li:not(.grid965-sizer)' ) ); // items total this.itemsCount965 = this.gridItems965.length; // slideshow grid this.slideshow965 = this.el.querySelector( 'section.slideshow965 > ul' ); // slideshow grid items this.slideshowItems965 = \[\].slice.call( this.slideshow965.children ); // index of current slideshow item this.current965 = -1; // slideshow control buttons this.ctrlPrev965 = this.el.querySelector( 'section.slideshow965 > nav > span.nav-prev' ); this.ctrlNext965 = this.el.querySelector( 'section.slideshow965 > nav > span.nav-next' ); this.ctrlClose965 = this.el.querySelector( '.nav-close-RW965' ); this.ctrlClose2965 = this.el.querySelector( 'section.slideshow965 > nav > span.nav-close' ); // init masonry grid this.\_initMasonry965(); // init events this.\_initEvents965(); }; CBPGridGallery965.prototype.\_initMasonry965 = function() { var grid965 = this.grid965; imagesLoaded( grid965, function() { new Masonry( grid965, { itemSelector: 'li', columnWidth: grid965.querySelector( '.grid965-sizer' ) }); }); }; CBPGridGallery965.prototype.\_initEvents965 = function() { var self = this; // open the slideshow when clicking on the main grid items this.gridItems965.forEach( function( item, idx ) { item = jQuery(item).find('img'); jQuery(item).bind("touchstart click",function(e){ if(e.target !== this){ return; } else{ e.preventDefault(); self.\_openSlideshow965( idx ); } }) } ); // slideshow controls this.ctrlPrev965.addEventListener( 'click', function() { var items = jQuery('.nav-close-RW965').children('li'); var x = 0; jQuery(items).each(function(i, el){ if(jQuery(window).width() > 880){ x--; jQuery(el).css({'z-index':x}); } else{ jQuery(el).css({'z-index':'0'}); } }); self.\_navigate965( 'prev' ); } ); this.ctrlNext965.addEventListener( 'click', function() { var items = jQuery('.nav-close-RW965').children('li'); var last = jQuery('.nav-close-RW965').children('li:last-child'); self.\_navigate965( 'next' ); } ); this.ctrlClose965.addEventListener( 'click', function(e) { if(e.target !== this){ return; } else{ self.\_closeSlideshow965(); } self.\_closeSlideshow965(); } ); this.ctrlClose2965.addEventListener( 'click', function() { self.\_closeSlideshow965(); } ); // window resize window.addEventListener( 'resize', function() { self.\_resizeHandler(); } ); // keyboard navigation events document.addEventListener( 'keydown', function( ev ) { if ( self.isSlideshowVisible965 ) { var keyCode = ev.keyCode || ev.which; switch (keyCode) { case 37: self.\_navigate965( 'prev' ); break; case 39: self.\_navigate965( 'next' ); break; case 27: self.\_closeSlideshow965(); break; } } } ); // trick to prevent scrolling when slideshow is visible window.addEventListener( 'scroll', function() { if ( self.isSlideshowVisible965 ) { window.scrollTo( self.scrollPosition ? self.scrollPosition.x : 0, self.scrollPosition ? self.scrollPosition.y : 0 ); } else { self.scrollPosition = { x : window.pageXOffset || docElem.scrollLeft, y : window.pageYOffset || docElem.scrollTop }; } }); }; CBPGridGallery965.prototype.\_openSlideshow965 = function( pos ) { this.isSlideshowVisible965 = true; this.current965 = pos; classie.addClass( this.el, 'slideshow965-open' ); /\* position slideshow items \*/ // set viewport items (current, next and previous) this.\_setViewportItems965(); // add class "current" and "show" to currentItem classie.addClass( this.currentItem965, 'current965' ); classie.addClass( this.currentItem965, 'show965' ); if(jQuery(this.currentItem965).hasClass('videocontainer')) { var videoid = jQuery(this.currentItem965).find('video').attr('id'); document.getElementById(videoid).play(); } else if(jQuery(this.currentItem965).hasClass('iframecontainer')) { jQuery(this.currentItem965).find('iframe').attr('src', jQuery(this.currentItem965).find('iframe').attr('src').split('?autoplay=0')\[0\]+'?autoplay=1;rel=0;iv\_load\_policy=3'); } // add class show to next and previous items // position previous item on the left side and the next item on the right side if( this.prevItem965 ) { var last = jQuery('.imgLiii').last(); var size = jQuery( window ).width(); var items = jQuery('.nav-close-RW965').children('li'); jQuery(items).each(function(i, el){ if(jQuery(el).attr('class') == "iframecontainer current965 show965"){ jQuery(el).prev().css({'opacity':'0.96'}); } }); jQuery(last).on('click touchstart', function(){ if(items.length >= 5){ if(jQuery(items).eq(1).attr('class') == 'iframecontainer show965'){ jQuery(items).eq(1).removeClass('show965'); } } if(items.length >= 6){ if(jQuery(items).eq(1).attr('class') == 'iframecontainer show965' || jQuery(items).eq(2).attr('class') == 'iframecontainer show965'){ jQuery(items).eq(1).removeClass('show965'); jQuery(items).eq(2).removeClass('show965'); } } if(items.length >= 7){ if(jQuery(items).eq(1).attr('class') == 'iframecontainer show965' || jQuery(items).eq(2).attr('class') == 'iframecontainer show965' || jQuery(items).eq(3).attr('class') == 'iframecontainer show965'){ jQuery(items).eq(1).removeClass('show965'); jQuery(items).eq(2).removeClass('show965'); jQuery(items).eq(3).removeClass('show965'); } } if(items.length >= 8){ if(jQuery(items).eq(1).attr('class') == 'iframecontainer show965' || jQuery(items).eq(2).attr('class') == 'iframecontainer show965' || jQuery(items).eq(3).attr('class') == 'iframecontainer show965' || jQuery(items).eq(4).attr('class') == 'iframecontainer show965'){ jQuery(items).eq(1).removeClass('show965'); jQuery(items).eq(2).removeClass('show965'); jQuery(items).eq(3).removeClass('show965'); jQuery(items).eq(4).removeClass('show965'); } } if(items.length >= 9){ if(jQuery(items).eq(1).attr('class') == 'iframecontainer show965' || jQuery(items).eq(2).attr('class') == 'iframecontainer show965' || jQuery(items).eq(3).attr('class') == 'iframecontainer show965' || jQuery(items).eq(4).attr('class') == 'iframecontainer show965' || jQuery(items).eq(5).attr('class') == 'iframecontainer show965'){ jQuery(items).eq(1).removeClass('show965'); jQuery(items).eq(2).removeClass('show965'); jQuery(items).eq(3).removeClass('show965'); jQuery(items).eq(4).removeClass('show965'); jQuery(items).eq(5).removeClass('show965'); } } if(items.length >= 10){ if(jQuery(items).eq(1).attr('class') == 'iframecontainer show965' || jQuery(items).eq(2).attr('class') == 'iframecontainer show965' || jQuery(items).eq(3).attr('class') == 'iframecontainer show965' || jQuery(items).eq(4).attr('class') == 'iframecontainer show965' || jQuery(items).eq(5).attr('class') == 'iframecontainer show965' || jQuery(items).eq(6).attr('class') == 'iframecontainer show965'){ jQuery(items).eq(1).removeClass('show965'); jQuery(items).eq(2).removeClass('show965'); jQuery(items).eq(3).removeClass('show965'); jQuery(items).eq(4).removeClass('show965'); jQuery(items).eq(5).removeClass('show965'); jQuery(items).eq(6).removeClass('show965'); } } }); classie.addClass( this.prevItem965, 'show965' ); var translateVal = Number( -1 \* ( getViewportW965() / 2 + this.prevItem965.offsetWidth / 2 ) ); setTransform965( this.prevItem965, support.support3d ? 'translate3d(' + translateVal + 'px, 0, -150px)' : 'translate(' + translateVal + 'px)' ); } if( this.nextItem965 ) { var items = jQuery('.nav-close-RW965').children('li'); jQuery(items).each(function(i, el){ if(jQuery(el).attr('class') == "iframecontainer current965 show965"){ jQuery(el).next().css({'opacity':'0.96'}); } }); var last\_item = jQuery('.nav-close-RW965').children('li:last-child'); var first\_item = jQuery('.nav-close-RW965').children('li:first-child'); var totalsoft = jQuery('.TotalSoft\_GV\_GG\_SP').children('ul'); var class\_name = jQuery(last\_item).attr('class'); classie.addClass( this.nextItem965, 'show965' ); if(class\_name != 'iframecontainer current965 show965'){ var translateVal = Number( getViewportW965() / 2 - this.nextItem965.offsetWidth / 2 ); setTransform965( this.nextItem965, support.support3d ? 'translate3d(' + translateVal + 'px, 0, -150px)' : 'translate(' + translateVal + 'px)' ); } } }; CBPGridGallery965.prototype.\_navigate965 = function( dir ) { if( this.isAnimating ) return; if( dir === 'next' && this.current965 === this.itemsCount965 - 1 || dir === 'prev' && this.current965 === 0 ) { this.\_closeSlideshow965(); return; } this.isAnimating = true; // reset viewport items this.\_setViewportItems965(); var self = this, itemWidth = this.currentItem965.offsetWidth, // positions for the centered/current item, both the side items and the incoming ones transformLeftStr = support.support3d ? 'translate3d(-' + Number( getViewportW965() / 2 + itemWidth / 2 ) + 'px, 0, -150px)' : 'translate(-' + Number( getViewportW965() / 2 + itemWidth / 2 ) + 'px)', transformRightStr = support.support3d ? 'translate3d(' + Number( getViewportW965() / 2 - itemWidth / 2 ) + 'px, 0, -150px)' : 'translate(' + Number( getViewportW965() / 2 + itemWidth / 2 ) + 'px)', transformCenterStr = '', transformOutStr, transformIncomingStr, // incoming item incomingItem965; if( dir === 'next' ) { transformOutStr = support.support3d ? 'translate3d( -' + Number( (getViewportW965() \* 2) / 2 + itemWidth / 2 ) + 'px, 0, -150px )' : 'translate(-' + Number( (getViewportW965() \* 2) / 2 + itemWidth / 2 ) + 'px)'; transformIncomingStr = support.support3d ? 'translate3d( ' + Number( (getViewportW965() \* 2) / 2 + itemWidth / 2 ) + 'px, 0, -150px )' : 'translate(' + Number( (getViewportW965() \* 2) / 2 + itemWidth / 2 ) + 'px)'; var size = jQuery(window).width(); if(size<820){ var items = jQuery('.nav-close-RW965').children('li'); jQuery(items).each(function(i, el){ if(jQuery(el).attr('class') == "iframecontainer current965 show965"){ jQuery(el).css({ "opacity":"0", }).animate({opacity:1},100); } if(jQuery(el).attr('class') == "iframecontainer show965"){ jQuery(el).css({ "opacity":"0", "z-index": '0', }).animate({opacity:1},500); } }); } } else { transformOutStr = support.support3d ? 'translate3d( ' + Number( (getViewportW965() \* 2) / 2 - itemWidth / 2 ) - itemWidth + 'px, 0, -150px )' : 'translate(' + Number( (getViewportW965() \* 2) / 2 + itemWidth / 2 ) +itemWidth+ 'px)'; transformIncomingStr = support.support3d ? 'translate3d( -' + Number( (getViewportW965() \* 2) / 2 - itemWidth / 2 ) + 'px, 0, -150px )' : 'translate(-' + Number( (getViewportW965() \* 2) / 2 + itemWidth / 2 ) + 'px)'; var size = jQuery(window).width(); if(size<820){ var items = jQuery('.nav-close-RW965').children('li'); var x = 0; jQuery(items).each(function(i, el){ x--; if(jQuery(el).attr('class') == "iframecontainer current965 show965"){ jQuery(el).css({ "opacity":"0", }).animate({opacity:1},200); } if(jQuery(el).attr('class') == "iframecontainer show965"){ jQuery(el).css({ "z-index": x, "opacity":"0", }).animate({opacity:1},400); } }); } } // remove class animatable from the slideshow grid (if it has already) classie.removeClass( self.slideshow965, 'animatable' ); if( dir === 'next' && this.current965 < this.itemsCount965 - 2 || dir === 'prev' && this.current965 > 1 ) { // we have an incoming item! incomingItem965 = this.slideshowItems965\[ dir === 'next' ? this.current965 + 2 : this.current965 - 2 \]; setTransform965( incomingItem965, transformIncomingStr ); classie.addClass( incomingItem965, 'show965' ); } var slide965 = function() { // add class animatable to the slideshow grid classie.addClass( self.slideshow965, 'animatable' ); // overlays: if(jQuery(self.currentItem965).hasClass('videocontainer')) { var videoid = jQuery(self.currentItem965).find('video').attr('id'); document.getElementById(videoid).pause(); } else if(jQuery(self.currentItem965).hasClass('iframecontainer')) { jQuery(self.currentItem965).find('iframe').attr('src', jQuery(self.currentItem965).find('iframe').attr('src').split('?autoplay=1')\[0\]+'?autoplay=0'); } classie.removeClass( self.currentItem965, 'current965' ); var nextCurrent = dir === 'next' ? self.nextItem965 : self.prevItem965; classie.addClass( nextCurrent, 'current965' ); if(jQuery(nextCurrent).hasClass('videocontainer')) { var videoid = jQuery(nextCurrent).find('video').attr('id'); document.getElementById(videoid).play(); } else if(jQuery(nextCurrent).hasClass('iframecontainer')) { jQuery(nextCurrent).find('iframe').attr('src', jQuery(nextCurrent).find('iframe').attr('src').split('?autoplay=0')\[0\]+'?autoplay=1;rel=0;iv\_load\_policy=3'); } setTransform965( self.currentItem965, dir === 'next' ? transformLeftStr : transformRightStr ); if( self.nextItem965 ) { setTransform965( self.nextItem965, dir === 'next' ? transformCenterStr : transformOutStr ); } if( self.prevItem965 ) { setTransform965( self.prevItem965, dir === 'next' ? transformOutStr : transformCenterStr ); } if( incomingItem965 ) { setTransform965( incomingItem965, dir === 'next' ? transformRightStr : transformLeftStr ); } var onEndTransitionFn965 = function( ev ) { if( support.transitions ) { if( ev.propertyName.indexOf( 'transform' ) === -1 ) return false; this.removeEventListener( transEndEventName965, onEndTransitionFn965 ); } if( self.prevItem965 && dir === 'next' ) { classie.removeClass( self.prevItem965, 'show965' ); } else if( self.nextItem965 && dir === 'prev' ) { var last\_item = jQuery('.nav-close-RW965').children('li:last-child'); var pre = jQuery(last\_item\[0\]).prev(); if(jQuery(pre\[0\]).attr('class') == "iframecontainer show965 current965" ){ jQuery(last\_item\[0\]).not('show965'); } if(jQuery(pre\[0\]).attr('class') != "iframecontainer show965 current965"){ classie.removeClass( self.nextItem965, 'show965' ); } } /\*------------------------------------------------------\*/ if( dir === 'next' ) { self.prevItem965 = self.currentItem965; self.currentItem965 = self.nextItem965; if( incomingItem965 ) { self.nextItem965 = incomingItem965; } jQuery(self.prevItem965).fadeIn("0.2",function(){ jQuery(this).css({'display':'block',}); }); } else { self.nextItem965 = self.currentItem965; self.currentItem965 = self.prevItem965; if( incomingItem965 ) { self.prevItem965 = incomingItem965; } } self.current965 = dir === 'next' ? self.current965 + 1 : self.current965 - 1; self.isAnimating = false; }; if( support.transitions ) { self.currentItem965.addEventListener( transEndEventName965, onEndTransitionFn965 ); } else { onEndTransitionFn965(); } }; setTimeout( slide965, 25 ); } CBPGridGallery965.prototype.\_closeSlideshow965 = function( pos ) { // remove class slideshow-open from the grid gallery elem classie.removeClass( this.el, 'slideshow965-open' ); // remove class animatable from the slideshow grid classie.removeClass( this.slideshow965, 'animatable' ); var self = this, onEndTransitionFn965 = function( ev ) { if( support.transitions ) { if( ev.target.tagName.toLowerCase() !== 'ul' ) return; this.removeEventListener( transEndEventName965, onEndTransitionFn965 ); } // remove classes show and current from the slideshow items classie.removeClass( self.currentItem965, 'current965' ); classie.removeClass( self.currentItem965, 'show965' ); if(jQuery(self.currentItem965).hasClass('videocontainer')) { var videoid = jQuery(self.currentItem965).find('video').attr('id'); document.getElementById(videoid).pause(); } else if(jQuery(self.currentItem965).hasClass('iframecontainer')) { jQuery(self.currentItem965).find('iframe').attr('src', jQuery(self.currentItem965).find('iframe').attr('src').split('?autoplay=1')\[0\]+'?autoplay=0'); } if( self.prevItem965 ) { classie.removeClass( self.prevItem965, 'show965' ); } if( self.nextItem965 ) { classie.removeClass( self.nextItem965, 'show965' ); } // also reset any transforms for all the items self.slideshowItems965.forEach( function( item ) { setTransform965( item, '' ); } ); self.isSlideshowVisible965 = false; }; if( support.transitions ) { this.el.addEventListener( transEndEventName965, onEndTransitionFn965 ); } else { onEndTransitionFn965(); } var items = jQuery('.nav-close-RW965').children('li'); jQuery(items).removeClass('show965 current965'); }; CBPGridGallery965.prototype.\_setViewportItems965 = function() { this.currentItem965 = null; this.prevItem965 = null; this.nextItem965965 = null; if( this.current965 > 0 ) { this.prevItem965 = this.slideshowItems965\[ this.current965 - 1 \]; } if( this.current965 < this.itemsCount965 - 1 ) { this.nextItem965 = this.slideshowItems965\[ this.current965 + 1 \]; } this.currentItem965 = this.slideshowItems965\[ this.current965 \]; } CBPGridGallery965.prototype.\_resizeHandler = function() { var self = this; function delayed965() { self.\_resize965(); self.\_resizeTimeout965 = null; } if ( this.\_resizeTimeout965 ) { clearTimeout( this.\_resizeTimeout965 ); } this.\_resizeTimeout965 = setTimeout( delayed965, 50 ); } CBPGridGallery965.prototype.\_resize965 = function() { if ( this.isSlideshowVisible965 ) { // update width value if( this.prevItem965 ) { var translateVal = Number( getViewportW965() / 2 - this.nextItem965.offsetWidth / 2 ); setTransform965( this.nextItem965, support.support3d ? 'translate3d(' + translateVal + 'px, 0, -150px)' : 'translate(' + translateVal + 'px)' ); } if( this.nextItem965 ) { var translateVal = Number( getViewportW965() / 2 - this.nextItem965.offsetWidth / 2 ); setTransform965( this.nextItem965, support.support3d ? 'translate3d(' + translateVal + 'px, 0, -150px)' : 'translate(' + translateVal + 'px)' ); } } } // add to global namespace window.CBPGridGallery965 = CBPGridGallery965; })( window ); function Total\_Soft\_GV\_GVG\_Page965(TotalSoftGV\_ID, TotalSoftPage, TotalSoftPP, TotalSoftCV) { // var x =jQuery('.noshow1'); // jQuery(x).css({'top':'0'}); // jQuery('html,body').animate({ scrollTop: jQuery('.container\_1'+TotalSoftGV\_ID).offset().top - ( jQuery(window).height() - jQuery('.container\_1'+TotalSoftGV\_ID).outerHeight(true) ) / 2 }, 200); // var delaytime = 0; var TS\_VG\_GG\_AE = jQuery('.TS\_VG\_GG\_AE\_'+TotalSoftGV\_ID).val(); if(TS\_VG\_GG\_AE == ''){ TS\_VG\_GG\_AE = 'fadeIn'; } for(i=0;i<TotalSoftCV;i++) { if(i>=TotalSoftPP\*(TotalSoftPage-1) && i<TotalSoftPP\*TotalSoftPage) { delaytime++; if(TS\_VG\_GG\_AE == '') { // jQuery("#TotalSoft\_GV\_GVG\_"+TotalSoftGV\_ID+"\_"+parseInt(parseInt(i)+1)).css({"display":"block",'opacity':'1'}); } else if(TS\_VG\_GG\_AE == 'fadeIn') { jQuery("#TotalSoft\_GV\_GVG\_"+TotalSoftGV\_ID+"\_"+parseInt(parseInt(i)+1)).css({ "opacity":"0", "display":"block", }).animate({opacity:1},2000); // jQuery("#TotalSoft\_GV\_GVG\_"+TotalSoftGV\_ID+"\_"+parseInt(parseInt(i)+1)).css({"display":"block",'animation':'fadeIn 0.65s ease '+0.2\*delaytime+'s forwards','-webkit-animation':'fadeIn 0.65s ease '+0.2\*delaytime+'s forwards','-moz-animation':'fadeIn 0.65s ease '+0.2\*delaytime+'s forwards'}); } else if(TS\_VG\_GG\_AE == 'moveUp') { jQuery("#TotalSoft\_GV\_GVG\_"+TotalSoftGV\_ID+"\_"+parseInt(parseInt(i)+1)).css({"display":"block",'animation':'moveUp 0.65s ease '+0.2\*delaytime+'s forwards','-webkit-animation':'moveUp 0.65s ease '+0.2\*delaytime+'s forwards','-moz-animation':'moveUp 0.65s ease '+0.2\*delaytime+'s forwards'}); } else if(TS\_VG\_GG\_AE == 'scaleUp') { jQuery("#TotalSoft\_GV\_GVG\_"+TotalSoftGV\_ID+"\_"+parseInt(parseInt(i)+1)).css({"display":"block",'animation':'scaleUp 0.65s ease-in-out '+0.2\*delaytime+'s forwards','-webkit-animation':'scaleUp 0.65s ease-in-out '+0.2\*delaytime+'s forwards','-moz-animation':'scaleUp 0.65s ease-in-out '+0.2\*delaytime+'s forwards'}); } else if(TS\_VG\_GG\_AE == 'fallPerspective') { jQuery("#TotalSoft\_GV\_GVG\_"+TotalSoftGV\_ID+"\_"+parseInt(parseInt(i)+1)).css({"display":"block",'animation':'fallPerspective 0.8s ease-in-out '+0.2\*delaytime+'s forwards','-webkit-animation':'fallPerspective 0.8s ease-in-out '+0.2\*delaytime+'s forwards','-moz-animation':'fallPerspective 0.8s ease-in-out '+0.2\*delaytime+'s forwards'}); } else if(TS\_VG\_GG\_AE == 'fly') { jQuery("#TotalSoft\_GV\_GVG\_"+TotalSoftGV\_ID+"\_"+parseInt(parseInt(i)+1)).css({"display":"block",'animation':'fly 0.8s ease-in-out '+0.2\*delaytime+'s forwards','-webkit-animation':'fly 0.8s ease-in-out '+0.2\*delaytime+'s forwards','-moz-animation':'fly 0.8s ease-in-out '+0.2\*delaytime+'s forwards'}); } else if(TS\_VG\_GG\_AE == 'flip') { jQuery("#TotalSoft\_GV\_GVG\_"+TotalSoftGV\_ID+"\_"+parseInt(parseInt(i)+1)).css({"display":"block",'animation':'flip 0.8s ease-in-out '+0.2\*delaytime+'s forwards','-webkit-animation':'flip 0.8s ease-in-out '+0.2\*delaytime+'s forwards','-moz-animation':'flip 0.8s ease-in-out '+0.2\*delaytime+'s forwards'}); } else if(TS\_VG\_GG\_AE == 'helix') { jQuery("#TotalSoft\_GV\_GVG\_"+TotalSoftGV\_ID+"\_"+parseInt(parseInt(i)+1)).css({"display":"block",'animation':'helix 0.8s ease-in-out '+0.2\*delaytime+'s forwards','-webkit-animation':'helix 0.8s ease-in-out '+0.2\*delaytime+'s forwards','-moz-animation':'helix 0.8s ease-in-out '+0.2\*delaytime+'s forwards'}); } else if(TS\_VG\_GG\_AE == 'popUp') { jQuery("#TotalSoft\_GV\_GVG\_"+TotalSoftGV\_ID+"\_"+parseInt(parseInt(i)+1)).css({"display":"block",'animation':'popUp 0.8s ease-in '+0.2\*delaytime+'s forwards','-webkit-animation':'popUp 0.8s ease-in '+0.2\*delaytime+'s forwards','-moz-animation':'popUp 0.8s ease-in '+0.2\*delaytime+'s forwards'}); } } else { jQuery("#TotalSoft\_GV\_GVG\_"+TotalSoftGV\_ID+"\_"+parseInt(parseInt(i)+1)).css("display","none"); } } new CBPGridGallery965( document.getElementById( 'grid965-gallery' ) ); Total\_Soft\_GV\_GVG\_PagePresp1965(); jQuery('.pagination965 li').each(function(){ jQuery(this).find('span').removeClass('active965'); }) jQuery('#TotalSoft\_GV\_GVG\_PLi\_'+TotalSoftGV\_ID+'\_'+TotalSoftPage).find('span').addClass('active965'); } var pages = 11; var count = 1; var TotalSoftGV\_ID = 965; document.getElementById('pagination965').innerHTML = createPagination(pages, 0,TotalSoftGV\_ID,count); function createPagination(pages, page,TotalSoftGV\_ID,count) { var delaytime = 0; if (page != 0) { jQuery('html,body').animate({ scrollTop: jQuery(".container\_1"+TotalSoftGV\_ID).offset().top - jQuery(window).height()/2+200 }, 1000); } else{ page=1; } var TS\_VG\_GG\_AE = jQuery('.TS\_VG\_GG\_AE\_'+TotalSoftGV\_ID).val(); var allGallery = document.getElementsByClassName("imgLiii"); for(i=0;i<allGallery.length;i++) { if(i>=count\*(page-1) && i<count\*page) { delaytime++; if(TS\_VG\_GG\_AE == ''){} else if(TS\_VG\_GG\_AE == 'fadeIn') { jQuery("#TotalSoft\_GV\_GVG\_"+TotalSoftGV\_ID+"\_"+parseInt(parseInt(i)+1)).css({ "opacity":"0", "display":"block", }).animate({opacity:1},2000); // jQuery("#TotalSoft\_GV\_GVG\_"+TotalSoftGV\_ID+"\_"+parseInt(parseInt(i)+1)).css({"display":"block",'animation':'fadeIn 0.65s ease '+0.2\*delaytime+'s forwards','-webkit-animation':'fadeIn 0.65s ease '+0.2\*delaytime+'s forwards','-moz-animation':'fadeIn 0.65s ease '+0.2\*delaytime+'s forwards'}); } else if(TS\_VG\_GG\_AE == 'moveUp') { jQuery("#TotalSoft\_GV\_GVG\_"+TotalSoftGV\_ID+"\_"+parseInt(parseInt(i)+1)).css({"display":"block",'animation':'moveUp 0.65s ease '+0.2\*delaytime+'s forwards','-webkit-animation':'moveUp 0.65s ease '+0.2\*delaytime+'s forwards','-moz-animation':'moveUp 0.65s ease '+0.2\*delaytime+'s forwards'}); } else if(TS\_VG\_GG\_AE == 'scaleUp') { jQuery("#TotalSoft\_GV\_GVG\_"+TotalSoftGV\_ID+"\_"+parseInt(parseInt(i)+1)).css({"display":"block",'animation':'scaleUp 0.65s ease-in-out '+0.2\*delaytime+'s forwards','-webkit-animation':'scaleUp 0.65s ease-in-out '+0.2\*delaytime+'s forwards','-moz-animation':'scaleUp 0.65s ease-in-out '+0.2\*delaytime+'s forwards'}); } else if(TS\_VG\_GG\_AE == 'fallPerspective') { jQuery("#TotalSoft\_GV\_GVG\_"+TotalSoftGV\_ID+"\_"+parseInt(parseInt(i)+1)).css({"display":"block",'animation':'fallPerspective 0.8s ease-in-out '+0.2\*delaytime+'s forwards','-webkit-animation':'fallPerspective 0.8s ease-in-out '+0.2\*delaytime+'s forwards','-moz-animation':'fallPerspective 0.8s ease-in-out '+0.2\*delaytime+'s forwards'}); } else if(TS\_VG\_GG\_AE == 'fly') { jQuery("#TotalSoft\_GV\_GVG\_"+TotalSoftGV\_ID+"\_"+parseInt(parseInt(i)+1)).css({"display":"block",'animation':'fly 0.8s ease-in-out '+0.2\*delaytime+'s forwards','-webkit-animation':'fly 0.8s ease-in-out '+0.2\*delaytime+'s forwards','-moz-animation':'fly 0.8s ease-in-out '+0.2\*delaytime+'s forwards'}); } else if(TS\_VG\_GG\_AE == 'flip') { jQuery("#TotalSoft\_GV\_GVG\_"+TotalSoftGV\_ID+"\_"+parseInt(parseInt(i)+1)).css({"display":"block",'animation':'flip 0.8s ease-in-out '+0.2\*delaytime+'s forwards','-webkit-animation':'flip 0.8s ease-in-out '+0.2\*delaytime+'s forwards','-moz-animation':'flip 0.8s ease-in-out '+0.2\*delaytime+'s forwards'}); } else if(TS\_VG\_GG\_AE == 'helix') { jQuery("#TotalSoft\_GV\_GVG\_"+TotalSoftGV\_ID+"\_"+parseInt(parseInt(i)+1)).css({"display":"block",'animation':'helix 0.8s ease-in-out '+0.2\*delaytime+'s forwards','-webkit-animation':'helix 0.8s ease-in-out '+0.2\*delaytime+'s forwards','-moz-animation':'helix 0.8s ease-in-out '+0.2\*delaytime+'s forwards'}); } else if(TS\_VG\_GG\_AE == 'popUp') { jQuery("#TotalSoft\_GV\_GVG\_"+TotalSoftGV\_ID+"\_"+parseInt(parseInt(i)+1)).css({"display":"block",'animation':'popUp 0.8s ease-in '+0.2\*delaytime+'s forwards','-webkit-animation':'popUp 0.8s ease-in '+0.2\*delaytime+'s forwards','-moz-animation':'popUp 0.8s ease-in '+0.2\*delaytime+'s forwards'}); } } else { jQuery("#TotalSoft\_GV\_GVG\_"+TotalSoftGV\_ID+"\_"+parseInt(parseInt(i)+1)).css({"display":"none"}); } } var allGallery = document.getElementsByClassName("imgLiii"); var array = \[\]; for(var i=0; i<allGallery.length; i++){ allGallery\[i\].style.display = "none" if( i >= count\*(page-1) && i < page\*count ){ allGallery\[i\].style.display = "block"; } } let str = '<ul>'; let active; let pageCutLow = page - 1; let pageCutHigh = page + 1; var next = 'Next'; var prev = 'Prev'; if (page > 1) { str += '<li class="page-item previous no"><a onclick="createPagination(pages, '+(page-1)+', TotalSoftGV\_ID,count)">'+prev+'</a></li>'; } if (pages < 6) { for (let p = 1; p <= pages; p++) { active = page == p ? "active" : "no"; str += '<li class="'+active+'"><a class="'+active+'" onclick="createPagination(pages, '+p+', TotalSoftGV\_ID,count)">'+ p +'</a></li>'; } } else { if (page > 2) { str += '<li class="no page-item"><a onclick="createPagination(pages, 1,TotalSoftGV\_ID,count)">1</a></li>'; if (page > 3) { str += '<li class="out-of-range"><a onclick="createPagination(pages,'+(page-2)+',TotalSoftGV\_ID,count)">...</a></li>'; } } if (page === 1) { pageCutHigh += 1; } else if (page === 2) { pageCutHigh; } if (page === pages) { pageCutLow -= 1; } else if (page === pages-1) { pageCutLow; } for (let p = pageCutLow; p <= pageCutHigh; p++) { if (p === 0) { p += 1; } if (p > pages) { continue } active = page == p ? "active" : "no"; str += '<li class="page-item '+active+'"><a class="'+active+'" onclick="createPagination(pages, '+p+',TotalSoftGV\_ID,count)">'+ p +'</a></li>'; } if (page < pages-1) { if (page < pages-2) { str += '<li class="out-of-range"><a onclick="createPagination(pages,'+(page+2)+',TotalSoftGV\_ID,count)">...</a></li>'; } str += '<li class="page-item no"><a onclick="createPagination(pages, pages,TotalSoftGV\_ID,count)">'+pages+'</a></li>'; } } if (page < pages) { str += '<li class="page-item next no"><a onclick="createPagination(pages, '+(page+1)+',TotalSoftGV\_ID,count)">'+next+'</a></li>'; } str += '</ul>'; setTimeout(function(){ jQuery('.imgLiii').css({"top":"0"}); }) new CBPGridGallery965( document.getElementById( 'grid965-gallery' ) ); document.getElementById('pagination965').innerHTML = str; return str; } function Total\_Soft\_GV\_GVG\_PagePresp1965(){ var ImgWidthhhh965 = jQuery('.ImgWidthhhh965').val(); var VTitlePOpFS965 = jQuery('.VTitlePOpFS965').val(); var VLinkPOpFS965 = jQuery('.VLinkPOpFS965').val(); jQuery('.slideshow965 ul li figure iframe').css('width',Math.floor(jQuery('.slideshow965 ul li figure iframe').height()\*16/9)); jQuery('.slideshow965 ul li figure video').css('width',Math.floor(jQuery('.slideshow965 ul li figure video').height()\*16/9)); jQuery('.slideshow965 figcaption h3').css('font-size',Math.floor(VTitlePOpFS965\*jQuery(window).width()/(jQuery(window).width()+150))); jQuery('.slideshow965 figcaption p').css('line-height',jQuery('.slideshow965 figcaption p').css('font-size')); jQuery('.TotalSoft\_GV\_GVG\_Link965').css('font-size',Math.floor(VLinkPOpFS965\*jQuery(window).width()/(jQuery(window).width()+150))); jQuery('.grid965 li').css('width',Math.floor(ImgWidthhhh965\*jQuery('.GRWR965').width()/1000)); if(jQuery('.GRWR965').width()<=450) { jQuery('.GRU965 li').css('width','100%'); } else if(jQuery('.GRWR965').width()<=700) { jQuery('.GRU965 li').css('width',Math.floor(ImgWidthhhh965\*jQuery('.GRWR965').width()/700)+'px'); } else if(jQuery('.GRWR965').width()<=1000) { jQuery('.GRU965 li').css('width',Math.floor(ImgWidthhhh965\*jQuery('.GRWR965').width()/1000)+'px'); } else if(jQuery('.GRWR965').width()<=1500) { jQuery('.GRU965 li').css('width',Math.floor(ImgWidthhhh965\*jQuery('.GRWR965').width()/1500)+'px'); } else if(jQuery('.GRWR965').width()<=1800) { jQuery('.GRU965 li').css('width',Math.floor(ImgWidthhhh965\*jQuery('.GRWR965').width()/1800)+'px'); } } function Total\_Soft\_GV\_GVG\_PageP965(TotalSoftGV\_ID, TotalSoftPP, TotalSoftCV) { var TotalSoftPage=''; jQuery('.pagination965 li').each(function(){ if(jQuery(this).find('span').hasClass('active965')) { if(jQuery(this).find('span').html()!='1') { TotalSoftPage=parseInt(parseInt(jQuery(this).find('span').html())-1); Total\_Soft\_GV\_GVG\_Page965(TotalSoftGV\_ID, TotalSoftPage, TotalSoftPP, TotalSoftCV); } } }) } function Total\_Soft\_GV\_GVG\_PageN965(TotalSoftGV\_ID, TotalSoftPP, TotalSoftCV, TotalSoftPC) { var TotalSoftPage=''; jQuery('.pagination965 li').each(function(){ if(jQuery(this).find('span').hasClass('active965')) { if(jQuery(this).find('span').html()!=TotalSoftPC) { TotalSoftPage=parseInt(parseInt(jQuery(this).find('span').html())+1); Total\_Soft\_GV\_GVG\_Page965(TotalSoftGV\_ID, TotalSoftPage, TotalSoftPP, TotalSoftCV); return false; } } }) } function Total\_Soft\_GV\_GVG\_PageLM965(TotalSoftGV\_ID, TotalSoftPP, TotalSoftCV, TotalSoftPC) { var TotalSoftPage=parseInt(parseInt(jQuery('#TotalSoftPage\_'+TotalSoftGV\_ID).val())+1); jQuery('#TotalSoftPage\_'+TotalSoftGV\_ID).val(TotalSoftPage); var delaytime = 0; var TS\_VG\_GG\_AE = jQuery('.TS\_VG\_GG\_AE\_'+TotalSoftGV\_ID).val(); if(TS\_VG\_GG\_AE == ''){ TS\_VG\_GG\_AE = 'fadeIn'; } if(TotalSoftPage<=TotalSoftPC) { for(i=0;i<TotalSoftCV;i++) { if(i<TotalSoftPP\*TotalSoftPage && jQuery("#TotalSoft\_GV\_GVG\_"+TotalSoftGV\_ID+"\_"+parseInt(parseInt(i)+1)).hasClass('noshow1')) { delaytime++; if(TS\_VG\_GG\_AE == '') { jQuery("#TotalSoft\_GV\_GVG\_"+TotalSoftGV\_ID+"\_"+parseInt(parseInt(i)+1)).css({"display":"block",'opacity':'1'}); } else if(TS\_VG\_GG\_AE == 'fadeIn') { jQuery("#TotalSoft\_GV\_GVG\_"+TotalSoftGV\_ID+"\_"+parseInt(parseInt(i)+1)).css({"display":"block",'animation':'fadeIn 0.65s ease '+0.2\*delaytime+'s forwards','-webkit-animation':'fadeIn 0.65s ease '+0.2\*delaytime+'s forwards','-moz-animation':'fadeIn 0.65s ease '+0.2\*delaytime+'s forwards'}); } else if(TS\_VG\_GG\_AE == 'moveUp') { jQuery("#TotalSoft\_GV\_GVG\_"+TotalSoftGV\_ID+"\_"+parseInt(parseInt(i)+1)).css({"display":"block",'animation':'moveUp 0.65s ease '+0.2\*delaytime+'s forwards','-webkit-animation':'moveUp 0.65s ease '+0.2\*delaytime+'s forwards','-moz-animation':'moveUp 0.65s ease '+0.2\*delaytime+'s forwards'}); } else if(TS\_VG\_GG\_AE == 'scaleUp') { jQuery("#TotalSoft\_GV\_GVG\_"+TotalSoftGV\_ID+"\_"+parseInt(parseInt(i)+1)).css({"display":"block",'animation':'scaleUp 0.65s ease-in-out '+0.2\*delaytime+'s forwards','-webkit-animation':'scaleUp 0.65s ease-in-out '+0.2\*delaytime+'s forwards','-moz-animation':'scaleUp 0.65s ease-in-out '+0.2\*delaytime+'s forwards'}); } else if(TS\_VG\_GG\_AE == 'fallPerspective') { jQuery("#TotalSoft\_GV\_GVG\_"+TotalSoftGV\_ID+"\_"+parseInt(parseInt(i)+1)).css({"display":"block",'animation':'fallPerspective 0.8s ease-in-out '+0.2\*delaytime+'s forwards','-webkit-animation':'fallPerspective 0.8s ease-in-out '+0.2\*delaytime+'s forwards','-moz-animation':'fallPerspective 0.8s ease-in-out '+0.2\*delaytime+'s forwards'}); } else if(TS\_VG\_GG\_AE == 'fly') { jQuery("#TotalSoft\_GV\_GVG\_"+TotalSoftGV\_ID+"\_"+parseInt(parseInt(i)+1)).css({"display":"block",'animation':'fly 0.8s ease-in-out '+0.2\*delaytime+'s forwards','-webkit-animation':'fly 0.8s ease-in-out '+0.2\*delaytime+'s forwards','-moz-animation':'fly 0.8s ease-in-out '+0.2\*delaytime+'s forwards'}); } else if(TS\_VG\_GG\_AE == 'flip') { jQuery("#TotalSoft\_GV\_GVG\_"+TotalSoftGV\_ID+"\_"+parseInt(parseInt(i)+1)).css({"display":"block",'animation':'flip 0.8s ease-in-out '+0.2\*delaytime+'s forwards','-webkit-animation':'flip 0.8s ease-in-out '+0.2\*delaytime+'s forwards','-moz-animation':'flip 0.8s ease-in-out '+0.2\*delaytime+'s forwards'}); } else if(TS\_VG\_GG\_AE == 'helix') { jQuery("#TotalSoft\_GV\_GVG\_"+TotalSoftGV\_ID+"\_"+parseInt(parseInt(i)+1)).css({"display":"block",'animation':'helix 0.8s ease-in-out '+0.2\*delaytime+'s forwards','-webkit-animation':'helix 0.8s ease-in-out '+0.2\*delaytime+'s forwards','-moz-animation':'helix 0.8s ease-in-out '+0.2\*delaytime+'s forwards'}); } else if(TS\_VG\_GG\_AE == 'popUp') { jQuery("#TotalSoft\_GV\_GVG\_"+TotalSoftGV\_ID+"\_"+parseInt(parseInt(i)+1)).css({"display":"block",'animation':'popUp 0.8s ease-in '+0.2\*delaytime+'s forwards','-webkit-animation':'popUp 0.8s ease-in '+0.2\*delaytime+'s forwards','-moz-animation':'popUp 0.8s ease-in '+0.2\*delaytime+'s forwards'}); } jQuery("#TotalSoft\_GV\_GVG\_"+TotalSoftGV\_ID+"\_"+parseInt(parseInt(i)+1)).removeClass('noshow1'); } else if(i>=TotalSoftPP\*TotalSoftPage) { jQuery("#TotalSoft\_GV\_GVG\_"+TotalSoftGV\_ID+"\_"+parseInt(parseInt(i)+1)).css("display","none"); } } new CBPGridGallery965( document.getElementById( 'grid965-gallery' ) ); Total\_Soft\_GV\_GVG\_PagePresp1965(); if(TotalSoftPage==TotalSoftPC) { jQuery('#TotalSoftPageDiv\_'+TotalSoftGV\_ID).animate({'opacity':'0'},500).css('display','none'); } } else { jQuery('#TotalSoftPageDiv\_'+TotalSoftGV\_ID).animate({'opacity':'0'},500).css('display','none'); } } jQuery(window).ready(function(){ var window\_size = jQuery(window).width(); function Total\_Soft\_GV\_GVG\_CheckPosition(){ if(jQuery(window).width()>511){ var ShowType = 'All'; if(ShowType == 'Pagination' || ShowType=='Load'){ var elem = jQuery('#GRU965').children('li').not('.grid965-sizer').not('.noshow1'); var elem\_width = jQuery('#GRU965').children('li').width(); jQuery('#GRU965').css({'max-width':jQuery(elem).length\*elem\_width+'px','margin':'0 auto'}); jQuery('#GRU965'); } } } function Total\_Soft\_GV\_GVG\_CheckPosition2(){ if(jQuery(window).width()<511){ var elem = jQuery('#GRU965').children('li').not('.grid965-sizer').not('.noshow1'); var elem\_width = jQuery('#GRU965').children('li').width(); jQuery('#GRU965').css({'width':'unset','margin': '0 auto'}); } } Total\_Soft\_GV\_GVG\_CheckPosition(); Total\_Soft\_GV\_GVG\_CheckPosition2(); jQuery(window).resize(function(){ Total\_Soft\_GV\_GVG\_CheckPosition(); Total\_Soft\_GV\_GVG\_CheckPosition2(); }); });