Difference between revisions of "Team:Amoy"

Line 8: Line 8:
  
 
<style type="text/css">
 
<style type="text/css">
 +
 +
<!--            -->
 +
 +
/*
 +
* generated by WOW Slider 2.6
 +
* template Shady
 +
*/
 +
@font-face {
 +
    font-family: 'MisoBold';
 +
    src: url('miso-bold-webfont.eot');
 +
    src: url('miso-bold-webfont.eot?#iefix') format('embedded-opentype'),
 +
        url('miso-bold-webfont.ttf') format('truetype');
 +
    font-weight: normal;
 +
    font-style: normal;
 +
}
 +
 +
@font-face {
 +
  font-family: 'fullscreen';
 +
  src: url('fullscreen.eot');
 +
  src: url('fullscreen.eot#iefix') format('embedded-opentype'),
 +
      url('fullscreen.woff') format('woff'),
 +
      url('fullscreen.ttf') format('truetype'),
 +
      url('fullscreen.svg#fullscreen') format('svg');
 +
  font-weight: normal;
 +
  font-style: normal;
 +
}
 +
 +
@font-face {
 +
  font-family: 'wowslider-controls';
 +
  src: url('wowslider-controls.eot');
 +
  src: url('wowslider-controls.eot#iefix') format('embedded-opentype'),
 +
      url('wowslider-controls.woff') format('woff'),
 +
      url('wowslider-controls.ttf') format('truetype'),
 +
      url('wowslider-controls.svg#wowslider-controls') format('svg');
 +
  font-weight: normal;
 +
  font-style: normal;
 +
}
 +
 +
#wowslider-container {
 +
zoom: 1;
 +
position: relative;
 +
width: 100%;
 +
/*
 +
max-width:960px;
 +
max-height:350px;
 +
*/
 +
margin:0px auto 0px;
 +
z-index:100;
 +
border:none;
 +
text-align:left; /* reset align=center */
 +
font-size: 10px;
 +
}
 +
 +
 +
* html #wowslider-container{ width:960px }
 +
#wowslider-container .ws_images ul{
 +
position:relative;
 +
width: 10000%;
 +
height:100%;
 +
left:0;
 +
list-style:none;
 +
margin:0;
 +
padding:0;
 +
border-spacing:0;
 +
overflow: visible;
 +
}
 +
#wowslider-container .ws_images ul li{
 +
position: relative;
 +
width:1%;
 +
height:100%;
 +
line-height:0; /*opera*/
 +
overflow: hidden;
 +
float:left;
 +
font-size:0;
 +
padding:0 0 0 0 !important;
 +
margin:0 0 0 0 !important;
 +
}
 +
 +
#wowslider-container .ws_images{
 +
position: relative;
 +
left:0;
 +
top:0;
 +
width:100%;
 +
height:100%;
 +
max-height:550px;
 +
overflow:hidden;
 +
}
 +
 +
#wowslider-container .ws_images a{
 +
width:100%;
 +
display:block;
 +
color:transparent;
 +
}
 +
 +
#wowslider-container img{
 +
max-width: none !important;
 +
}
 +
#wowslider-container .ws_images img{
 +
width:100%;
 +
border:none 0;
 +
max-width: none;
 +
padding:0;
 +
margin:0;
 +
}
 +
 +
#wowslider-container .ws_images iframe {
 +
position: absolute;
 +
z-index: -1;
 +
}
 +
#wowslider-container a{
 +
text-decoration: none;
 +
outline: none;
 +
border: none;
 +
}
 +
 +
#wowslider-container  .ws_bullets {
 +
float: left;
 +
position:absolute;
 +
z-index:70;
 +
}
 +
#wowslider-container  .ws_bullets div{
 +
position:relative;
 +
float:left;
 +
font-size: 0px;
 +
}
 +
#wowslider-container  a.wsl{
 +
display:none;
 +
}
 +
#wowslider-container  .ws_bullets {
 +
padding: 10px;
 +
}
 +
#wowslider-container .ws_bullets a {
 +
margin-left:16px;
 +
width:12px;
 +
height:12px;
 +
float: left;
 +
text-indent: -4000px;
 +
position:relative;
 +
 +
background: rgb(30,165,194); /* ie */
 +
background: rgba(30,165,194,0.5);
 +
-webkit-border-radius: 50%;
 +
-moz-border-radius: 50%;
 +
border-radius: 50%;
 +
}
 +
#wowslider-container .ws_bullets a.ws_selbull, #wowslider-container .ws_bullets a:hover{
 +
background: rgba(30,165,194,1);
 +
}
 +
#wowslider-container .ws_bullets a:hover {
 +
-webkit-animation: pulseIn .9s infinite linear;
 +
-moz-animation: pulseIn .9s infinite linear;
 +
animation: pulseIn .9s infinite linear;
 +
}
 +
#wowslider-container a.ws_next, #wowslider-container a.ws_prev {
 +
font-family: 'wowslider-controls';
 +
position:absolute;
 +
display:none;
 +
text-shadow: none;
 +
text-align: center;
 +
background: rgb(30,165,194);
 +
color: #fff;
 +
top:50%;
 +
margin-top:-2.5em;
 +
height: 5em;
 +
width: 5em;
 +
z-index:60;
 +
-webkit-border-radius: 50%;
 +
-moz-border-radius: 50%;
 +
border-radius: 50%;
 +
}
 +
#wowslider-container a.ws_next:hover,
 +
#wowslider-container a.ws_prev:hover{
 +
background: rgba(30,165,194,0.6);
 +
}
 +
#wowslider-container a.ws_next{
 +
right:10px;
 +
}
 +
#wowslider-container a.ws_next:after {
 +
content: '\e801';
 +
display: block;
 +
font-size: 3.5em;
 +
line-height: 1.7em;
 +
}
 +
#wowslider-container a.ws_prev {
 +
left:10px;
 +
}
 +
#wowslider-container a.ws_prev:after {
 +
content: '\e800';
 +
display: block;
 +
font-size: 3.5em;
 +
line-height: 1.7em;
 +
}
 +
 +
#wowslider-container a.ws_prev:hover:after {
 +
-webkit-animation: prevArrow .7s infinite ease-in-out;
 +
-moz-animation: prevArrow .7s infinite ease-in-out;
 +
animation: prevArrow .7s infinite ease-in-out;
 +
}
 +
#wowslider-container a.ws_next:hover:after {
 +
-webkit-animation: nextArrow .7s infinite ease-in-out;
 +
-moz-animation: nextArrow .7s infinite ease-in-out;
 +
animation: nextArrow .7s infinite ease-in-out;
 +
}
 +
 +
 +
 +
 +
 +
* html #wowslider-container a.ws_next,* html #wowslider-container a.ws_prev{display:block}
 +
#wowslider-container:hover a.ws_next, #wowslider-container:hover a.ws_prev {display:block}
 +
/* bottom center */
 +
#wowslider-container  .ws_bullets {
 +
bottom:-33px;
 +
left:50%;
 +
}
 +
#wowslider-container  .ws_bullets div{
 +
left:-70%;
 +
}
 +
 +
/*
 +
#wowslider-container .ws-title{
 +
position:absolute;
 +
display:block;
 +
bottom: 0.31em;
 +
left: 1.23em;
 +
margin: 9px;
 +
z-index: 50;
 +
font-family:MisoBold, Oswald, Impact,Charcoal, sans-serif;
 +
font-size: 5.5em;
 +
color: #FFF;
 +
text-shadow: 1px 1px 1px #333333;
 +
}
 +
#wowslider-container .ws-title div,#wowslider-container .ws-title span{
 +
display:inline-block;
 +
padding:10px;
 +
background:#3398B6;
 +
border-radius:5px;
 +
-moz-border-radius:5px;
 +
-webkit-border-radius:5px;
 +
opacity:0.95;
 +
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95);
 +
}
 +
#wowslider-container .ws-title div{
 +
display:block;
 +
background:#B02D15;
 +
margin-top:10px;
 +
color: #FFFFFF;
 +
opacity:0.8;
 +
text-shadow: 1px 1px 1px #000000;
 +
}
 +
*/
 +
 +
#wowslider-container .ws_images > ul{
 +
animation: wsBasic 16.8s infinite;
 +
-moz-animation: wsBasic 16.8s infinite;
 +
-webkit-animation: wsBasic 16.8s infinite;
 +
}
 +
@keyframes wsBasic{0%{left:-0%} 14.88%{left:-0%} 25%{left:-100%} 39.88%{left:-100%} 50%{left:-200%} 64.88%{left:-200%} 75%{left:-300%} 89.88%{left:-300%} }
 +
@-moz-keyframes wsBasic{0%{left:-0%} 14.88%{left:-0%} 25%{left:-100%} 39.88%{left:-100%} 50%{left:-200%} 64.88%{left:-200%} 75%{left:-300%} 89.88%{left:-300%} }
 +
@-webkit-keyframes wsBasic{0%{left:-0%} 14.88%{left:-0%} 25%{left:-100%} 39.88%{left:-100%} 50%{left:-200%} 64.88%{left:-200%} 75%{left:-300%} 89.88%{left:-300%} }
 +
 +
 +
 +
#wowslider-container .ws_bullets  a img{
 +
text-indent:0;
 +
display:block;
 +
bottom:16px;
 +
left:-115px;
 +
visibility:hidden;
 +
position:absolute;
 +
    -moz-box-shadow: 0 0 5px #999999;
 +
    box-shadow: 0 0 5px #999999;
 +
    border: 3px solid #ffffff;
 +
max-width:none;
 +
}
 +
#wowslider-container .ws_bullets a:hover img{
 +
visibility:visible;
 +
}
 +
 +
#wowslider-container .ws_bulframe div div{
 +
height:75px;
 +
overflow:visible;
 +
position:relative;
 +
}
 +
#wowslider-container .ws_bulframe div div img {
 +
height: 100%;
 +
}
 +
#wowslider-container .ws_bulframe div {
 +
left:0;
 +
overflow:hidden;
 +
position:relative;
 +
width:200px;
 +
background-color:#ffffff;
 +
}
 +
#wowslider-container  .ws_bullets .ws_bulframe{
 +
display:none;
 +
bottom:18px;
 +
overflow:visible;
 +
position:absolute;
 +
cursor:pointer;
 +
    -moz-box-shadow: 0 0 5px #999999;
 +
    box-shadow: 0 0 5px #999999;
 +
    border: 3px solid #ffffff;
 +
}
 +
#wowslider-container .ws_bulframe span{
 +
display:block;
 +
position:absolute;
 +
bottom:-9px;
 +
margin-left:0px;
 +
left:95px;
 +
background:url(./triangle.png);
 +
width:15px;
 +
height:6px;
 +
}
 +
 +
#wowslider-container.ws_gestures,
 +
#wowslider-container.ws_gestures > div > a {
 +
cursor: -webkit-grab;
 +
cursor: -moz-grab;
 +
cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABwSURBVEjH7ZJBEsAgCAMT/v/n9NCOSqe2oD2yNx1JggB4BCEFWyFASP2KMQE7ywWhe/tTRGCGogLk02tFctiW/SUgaMyQG4PdPzDn31rQbMb8FiAXgvsEJNax1yVlVGAjA93apP3HFhZTGIqiKH7iADB6HxPlHdNVAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE0LTA3LTA3VDEzOjQ5OjEwKzAyOjAwm7WiFAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNC0wNy0wN1QxMzo0OToxMCswMjowMOroGqgAAAAASUVORK5CYII="), move;
 +
}
 +
#wowslider-container.ws_gestures.ws_grabbing,
 +
#wowslider-container.ws_gestures.ws_grabbing > div > a {
 +
cursor: -webkit-grabbing;
 +
cursor: -moz-grabbing;
 +
cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABaSURBVEjH7ZMxCkAhDEOT8u9/5TpJ+xWkFse8IYutJgEB8RCHL1qCc90BEFnT6QH7mwgFHBUf8wJyS1TDLuc3vmighx37LZdIth3E5hKj9n6O0HRh+oJCiFcMxRUUDxR1CTMAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMDctMDdUMTM6NDk6MzgrMDI6MDDqf+sOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTA3LTA3VDEzOjQ5OjM4KzAyOjAwmyJTsgAAAABJRU5ErkJggg=="), move;
 +
}
 +
 +
/* hide controls when video start play */
 +
#wowslider-container.ws_video_playing .ws_bullets {
 +
display: none;
 +
}
 +
#wowslider-container.ws_video_playing:hover .ws_bullets {
 +
display: block;
 +
}
 +
/* IE fix because it don't show controls on hover if frame visible */
 +
#wowslider-container.ws_video_playing_ie .ws_bullets,
 +
#wowslider-container.ws_video_playing_ie a.ws_next,
 +
#wowslider-container.ws_video_playing_ie a.ws_prev {
 +
display: block;
 +
}
 +
 +
 +
/* youtube/vimeo buttons */
 +
#wowslider-container .ws_video_btn {
 +
position: absolute;
 +
display: none;
 +
cursor: pointer;
 +
top: 0;
 +
left: 0;
 +
width: 100%;
 +
height: 100%;
 +
z-index: 55;
 +
}
 +
#wowslider-container .ws_video_btn.ws_youtube,
 +
#wowslider-container .ws_video_btn.ws_vimeo {
 +
display: block;
 +
}
 +
#wowslider-container .ws_video_btn div {
 +
position: absolute;
 +
background-image: url(./playvideo.png);
 +
background-size: 200%;
 +
top: 50%;
 +
left: 50%;
 +
width: 7em;
 +
height: 5em;
 +
margin-left: -3.5em;
 +
margin-top: -2.5em;
 +
}
 +
#wowslider-container .ws_video_btn.ws_youtube div {
 +
background-position: 0 0;
 +
}
 +
#wowslider-container .ws_video_btn.ws_youtube:hover div {
 +
background-position: 100% 0;
 +
}
 +
#wowslider-container .ws_video_btn.ws_vimeo div {
 +
background-position: 0 100%;
 +
}
 +
#wowslider-container .ws_video_btn.ws_vimeo:hover div {
 +
background-position: 100% 100%;
 +
}
 +
 +
#wowslider-container1 .ws_playpause.ws_hide {
 +
display: none !important;
 +
}
 +
 +
#wowslider-container .ws_fullscreen {
 +
display: none;
 +
position: absolute;
 +
font-family: "fullscreen";
 +
top: .5em;
 +
right: .5em;
 +
font-size: 2.25em;
 +
z-index: 59;
 +
color: #1EA5C2;
 +
text-shadow: none;
 +
}
 +
#wowslider-container .ws_fullscreen:hover {
 +
-webkit-animation: pulseOut .9s infinite linear;
 +
-moz-animation: pulseOut .9s infinite linear;
 +
animation: pulseOut .9s infinite linear;
 +
}
 +
 +
 +
#wowslider-container:hover .ws_fullscreen {
 +
display: block;
 +
}
 +
#wowslider-container .ws_fullscreen:after {
 +
content: '\e800';
 +
}
 +
 +
.ws_fs_wrapper {
 +
width:100%;
 +
height: 100%;
 +
background: #EFECDD;
 +
}
 +
 +
.ws_fs_wrapper > #wowslider-container,
 +
.ws_fs_wrapper > #wowslider-container .ws_images {
 +
margin:0 auto;
 +
max-height: none;
 +
}
 +
 +
.ws_fs_wrapper > #wowslider-container .ws_fullscreen {
 +
position: fixed;
 +
display: block;
 +
}
 +
 +
.ws_fs_wrapper > #wowslider-container .ws_fullscreen:after {
 +
content: '\e801';
 +
}
 +
 +
.ws_fs_wrapper > #wowslider-container {
 +
border: 0;
 +
outline: 0;
 +
-webkit-box-shadow: 0;
 +
-moz-box-shadow: 0;
 +
box-shadow: 0;
 +
}
 +
 +
 +
 +
@-webkit-keyframes pulseIn {
 +
    0% {-webkit-transform: scale(1);}
 +
    50% {-webkit-transform: scale(1.2);}
 +
    100% {-webkit-transform: scale(1);}
 +
}
 +
@-moz-keyframes pulseIn {
 +
    0% {-moz-transform: scale(1);}
 +
    50% {-moz-transform: scale(1.2);}
 +
    100% {-moz-transform: scale(1);}
 +
}
 +
@keyframes pulseIn {
 +
    0% {transform: scale(1);}
 +
    50% {transform: scale(1.2);}
 +
    100% {transform: scale(1);}
 +
}
 +
 +
@-webkit-keyframes pulseOut {
 +
    0% {-webkit-transform: scale(1);}
 +
    50% {-webkit-transform: scale(0.8);}
 +
    100% {-webkit-transform: scale(1);}
 +
}
 +
@-moz-keyframes pulseOut {
 +
    0% {-moz-transform: scale(1);}
 +
    50% {-moz-transform: scale(0.8);}
 +
    100% {-moz-transform: scale(1);}
 +
}
 +
@keyframes pulseOut {
 +
    0% {transform: scale(1);}
 +
    50% {transform: scale(0.8);}
 +
    100% {transform: scale(1);}
 +
}
 +
 +
 +
 +
 +
 +
@-webkit-keyframes nextArrow {
 +
0%, 100% { -webkit-transform: translateX(0px); }
 +
25% { -webkit-transform: translateX(2px); }
 +
75% { -webkit-transform: translateX(-2px); }
 +
}
 +
@-moz-keyframes nextArrow {
 +
0%, 100% { -moz-transform: translateX(0px); }
 +
25% { -moz-transform: translateX(2px); }
 +
75% { -moz-transform: translateX(-2px); }
 +
}
 +
@keyframes nextArrow {
 +
0%, 100% { -moz-transform: translateX(0px);transform: translateX(0px); }
 +
25% { -moz-transform: translateX(2px);transform: translateX(2px); }
 +
75% { -moz-transform: translateX(-2px);transform: translateX(-2px); }
 +
}
 +
 +
@-webkit-keyframes prevArrow {
 +
0%, 100% { -webkit-transform: translateX(0px); }
 +
25% { -webkit-transform: translateX(-2px); }
 +
75% { -webkit-transform: translateX(2px); }
 +
}
 +
@-moz-keyframes prevArrow {
 +
0%, 100% { -moz-transform: translateX(0px); }
 +
25% { -moz-transform: translateX(-2px); }
 +
75% { -moz-transform: translateX(2px); }
 +
}
 +
@keyframes prevArrow {
 +
0%, 100% { -moz-transform: translateX(0px);transform: translateX(0px); }
 +
25% { -moz-transform: translateX(-2px);transform: translateX(-2px); }
 +
75% { -moz-transform: translateX(2px);transform: translateX(2px); }
 +
}
 +
 +
<!--            -->
 +
 +
 +
 +
  
 
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
 
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
Line 250: Line 765:
 
<div style="width: 100%; height: 200px; background: #2a2a2a;">
 
<div style="width: 100%; height: 200px; background: #2a2a2a;">
 
</div>
 
</div>
 +
 +
 +
 +
 +
 +
<script type="text/javascript">
 +
function ws_seven(t,e,i){function a(t,e){return Math.abs((e%2?1:0)+(e-e%2)/2-t)/e}function n(t,e,i,a){var n=e>=a?a/e:1,o=t>=i?i/t:1;return{l:o,t:n,m:Math.min(o,n)}}function o(t,e,i,o,r){var s=M.width(),h=M.height(),c=l*s/f,w=l*h/g,u=p*(o?4:5)/(f*g),m=o?"easeInExpo":"easeOutQuart",v=T.h+T.t-h/g,x=T.w+T.l-s/f,b=M.offset().top+M.height(),y=M.offset().left+M.width();return b>v&&(v=b),y>x&&(x=y),d(t).each(function(t){var e=t%f,r=Math.floor(t/f),b=.2*p*(45*a(e,f)+4*r)/(f*g),y=M.offset().left+T.l+c*e-s*l/2+c,I=M.offset().top+T.t+w*r-h*l/2+w,z=n(y,I,x,v),C={opacity:1,left:s*e/f,top:h*r/g,width:s/f,height:h/g,zIndex:Math.ceil(100-100*a(e,f))},E={opacity:0,left:(c*e-s*l/2)*z.l,top:(w*r-h*l/2)*z.t,width:c*z.m,height:w*z.m},L={left:-(s*e/f)+i.marginLeft,top:-(h*r/g)+i.marginTop,width:i.width,height:i.height},Q={left:-l*(s/f*e-i.marginLeft)*z.m,top:-l*(h/g*r-i.marginTop)*z.m,width:l*i.width*z.m,height:l*i.height*z.m};if(!o){var _=C;C=E,E=_,_=L,L=Q,Q=_}d(this).css(C).delay(b).animate(E,u,m,o?function(){d(this).hide()}:{}),d(this).find("img").css(L).delay(b).animate(Q,u,m)}),o&&(d(e).each(function(t){var e=t%f,n=Math.floor(t/f),o=.2*p+.15*p*(35*a(e,f)+4*n)/(f*g);d(this).css({left:s/2,top:h/2,width:0,height:0,zIndex:Math.ceil(100-100*a(e,f))}).delay(o).animate({left:s*e/f,top:h*n/g,width:s/f+1,height:h/g+1},4*p/(f*g),"easeOutBack"),d(this).find("img").css({left:0,top:0,width:0,height:0}).delay(o).animate({left:-s*e/f+i.marginLeft,top:-h*n/g+i.marginTop,width:i.width,height:i.height},4*p/(f*g),"easeOutBack")}),I.delay(.1*p).animate({opacity:1},.2*p,"easeInCirc")),setTimeout(r,o?.5*p:.4*p),{stop:function(){r()}}}function r(t,e,i,a){var n=(parseInt(t.parent().css("z-index"))||0)+1;if(y){var o=a.getContext("2d");return o.drawImage(t.get(0),0,0,e.width,e.height),s(o,0,0,a.width,a.height,i)?d(a):0}for(var r=d("<div></div>").css({position:"absolute","z-index":n,left:0,top:0,overflow:"hidden"}).css(e).appendTo(x),h=(Math.sqrt(5)+1)/2,c=1-h/2,l=0;i>c*l;l++){var f=Math.PI*h*l,g=c*l+1,p=g*Math.cos(f),w=g*Math.sin(f);d(document.createElement("img")).attr("src",t.attr("src")).css({opacity:1/(l/1.8+1),position:"absolute","z-index":n,left:Math.round(p)+"px",top:Math.round(w)+"px",width:"100%",height:"100%"}).appendTo(r)}return r}function s(t,e,i,a,n,o){if(!(isNaN(o)||1>o)){o|=0;var r;try{r=t.getImageData(e,i,a,n)}catch(s){return console.log("error:unable to access image data: "+s),!1}var d,c,l,f,g,p,w,u,m,v,x,b,y,M,I,T,z,L,Q,_,O=r.data,j=o+o+1,D=a-1,k=n-1,q=o+1,A=q*(q+1)/2,B=new h,F=B;for(l=1;j>l;l++)if(F=F.next=new h,l==q)var N=F;F.next=B;var P=null,G=null;w=p=0;var H=C[o],J=E[o];for(c=0;n>c;c++){for(M=I=T=u=m=v=0,x=q*(z=O[p]),b=q*(L=O[p+1]),y=q*(Q=O[p+2]),u+=A*z,m+=A*L,v+=A*Q,F=B,l=0;q>l;l++)F.r=z,F.g=L,F.b=Q,F=F.next;for(l=1;q>l;l++)f=p+((l>D?D:l)<<2),u+=(F.r=z=O[f])*(_=q-l),m+=(F.g=L=O[f+1])*_,v+=(F.b=Q=O[f+2])*_,M+=z,I+=L,T+=Q,F=F.next;for(P=B,G=N,d=0;a>d;d++)O[p]=u*H>>J,O[p+1]=m*H>>J,O[p+2]=v*H>>J,u-=x,m-=b,v-=y,x-=P.r,b-=P.g,y-=P.b,f=w+((f=d+o+1)<D?f:D)<<2,M+=P.r=O[f],I+=P.g=O[f+1],T+=P.b=O[f+2],u+=M,m+=I,v+=T,P=P.next,x+=z=G.r,b+=L=G.g,y+=Q=G.b,M-=z,I-=L,T-=Q,G=G.next,p+=4;w+=a}for(d=0;a>d;d++){for(I=T=M=m=v=u=0,p=d<<2,x=q*(z=O[p]),b=q*(L=O[p+1]),y=q*(Q=O[p+2]),u+=A*z,m+=A*L,v+=A*Q,F=B,l=0;q>l;l++)F.r=z,F.g=L,F.b=Q,F=F.next;for(g=a,l=1;o>=l;l++)p=g+d<<2,u+=(F.r=z=O[p])*(_=q-l),m+=(F.g=L=O[p+1])*_,v+=(F.b=Q=O[p+2])*_,M+=z,I+=L,T+=Q,F=F.next,k>l&&(g+=a);for(p=d,P=B,G=N,c=0;n>c;c++)f=p<<2,O[f]=u*H>>J,O[f+1]=m*H>>J,O[f+2]=v*H>>J,u-=x,m-=b,v-=y,x-=P.r,b-=P.g,y-=P.b,f=d+((f=c+q)<k?f:k)*a<<2,u+=M+=P.r=O[f],m+=I+=P.g=O[f+1],v+=T+=P.b=O[f+2],P=P.next,x+=z=G.r,b+=L=G.g,y+=Q=G.b,M-=z,I-=L,T-=Q,G=G.next,p+=a}return t.putImageData(r,e,i),!0}}function h(){this.r=0,this.g=0,this.b=0,this.a=0,this.next=null}var d=jQuery,c=d(this),l=t.distance||5,f=t.cols,g=t.rows,p=2*t.duration,w=t.blur||50,u=(i.find(".ws_list"),[]),m=[],v=d("<div>").css({position:"absolute",top:0,left:0,width:"100%",height:"100%",overflow:t.responsive>1?"hidden":"visible"}),x=v.clone().css("overflow","hidden");v.addClass("ws_effect"),i=i.parent();var b,y=!t.noCanvas&&!window.opera&&!!document.createElement("canvas").getContext,M=d("<div>").addClass("ws_parts"),I=d("<div>").addClass("ws_zoom");v.append(M,I,x).appendTo(i);var T={t:d(window).scrollTop(),l:d(window).scrollLeft(),w:d(window).width(),h:d(window).height()};jQuery.extend(jQuery.easing,{easeOutQuart:function(t,e,i,a,n){return-a*((e=e/n-1)*e*e*e-1)+i},easeInExpo:function(t,e,i,a,n){return 0==e?i:a*Math.pow(2,10*(e/n-1))+i},easeInCirc:function(t,e,i,a,n){return-a*(Math.sqrt(1-(e/=n)*e)-1)+i}});var z;this.go=function(a,n){if(z)return n;var s=0==n&&a!=n+1||a==n-1?!1:!0;T.t=d(window).scrollTop(),T.l=d(window).scrollLeft(),T.w=d(window).width(),T.h=d(window).height();var h=Math.max((t.width||M.width())/(t.height||M.height())||3,3);f=f||Math.round(1>h?3:3*h),g=g||Math.round(1>h?3/h:3);var l=d(e.get(n));l={width:l.width(),height:l.height(),marginTop:parseFloat(l.css("marginTop")),marginLeft:parseFloat(l.css("marginLeft"))},M.css({position:"absolute",width:i.width(),height:i.height(),left:0,top:0,zIndex:8,transform:"translate3d(0,0,0)"}),I.css({position:"absolute",width:i.width(),height:i.height(),top:0,left:0,zIndex:2,transform:"translate3d(0,0,0)"});for(var p=0;f*g>p;p++){{Math.floor(p/f)}d(u[p]=document.createElement("div")).css({position:"absolute",overflow:"hidden",transform:"translate3d(0,0,0)"}).appendTo(M).append(d("<img>").css({position:"absolute",transform:"translate3d(0,0,0)"}).attr("src",e.get(s?n:a).src)),s&&d(m[p]=document.createElement("div")).css({position:"absolute",overflow:"hidden",transform:"translate3d(0,0,0)"}).appendTo(I).append(d("<img>").css({position:"absolute",transform:"translate3d(0,0,0)"}).attr("src",e.get(a).src))}u=d(u),s&&(m=d(m));var C=0;if(s){if(I.css("opacity",0),y){try{document.createElement("canvas").getContext("2d").getImageData(0,0,1,1)}catch(E){y=0}b='<canvas width="'+v.width+'" height="'+v.height+'"/>',b=d(b).css({"z-index":1,position:"absolute",left:0,top:0}).css(l).appendTo(x),C=r(d(e.get(n)),l,w,b.get(0))}y&&C||(y=0,C=r(d(e.get(n)),l,8),b&&(b.remove(),b=0))}else I.append(d("<img>").css({position:"absolute",top:0,left:0}).css(l).attr("src",e.get(n).src));z=new o(u,m,l,s,function(){c.trigger("effectEnd"),M.empty().removeAttr("style"),I.empty().removeAttr("style"),b?b.remove():C&&C.remove(),z=0})};var C=[512,512,456,512,328,456,335,512,405,328,271,456,388,335,292,512,454,405,364,328,298,271,496,456,420,388,360,335,312,292,273,512,482,454,428,405,383,364,345,328,312,298,284,271,259,496,475,456,437,420,404,388,374,360,347,335,323,312,302,292,282,273,265,512,497,482,468,454,441,428,417,405,394,383,373,364,354,345,337,328,320,312,305,298,291,284,278,271,265,259,507,496,485,475,465,456,446,437,428,420,412,404,396,388,381,374,367,360,354,347,341,335,329,323,318,312,307,302,297,292,287,282,278,273,269,265,261,512,505,497,489,482,475,468,461,454,447,441,435,428,422,417,411,405,399,394,389,383,378,373,368,364,359,354,350,345,341,337,332,328,324,320,316,312,309,305,301,298,294,291,287,284,281,278,274,271,268,265,262,259,257,507,501,496,491,485,480,475,470,465,460,456,451,446,442,437,433,428,424,420,416,412,408,404,400,396,392,388,385,381,377,374,370,367,363,360,357,354,350,347,344,341,338,335,332,329,326,323,320,318,315,312,310,307,304,302,299,297,294,292,289,287,285,282,280,278,275,273,271,269,267,265,263,261,259],E=[9,11,12,13,13,14,14,15,15,15,15,16,16,16,16,17,17,17,17,17,17,17,18,18,18,18,18,18,18,18,18,19,19,19,19,19,19,19,19,19,19,19,19,19,19,20,20,20,20,20,20,20,20,20,20,20,20,20,20,20,20,20,20,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24]};
 +
function ws_cube(t,e,i){function s(t,e,i,s){return"inset "+-s*t*1.2/90+"px "+i*e*1.2/90+"px "+(t+e)/20+"px rgba("+(s>i?"0,0,0,.6":i>s?"255,255,255,0.8":"0,0,0,.0")+")"}var n=jQuery,o=n(this),r=/iPhone|iPod|iPad|Android|BlackBerry/.test(navigator.userAgent),a=n(".ws_list",i),d=t.perspective||2e3,h={position:"absolute",backgroundSize:"cover",left:0,top:0,width:"100%",height:"100%",backfaceVisibility:"hidden"},c=n("<div>").addClass("ws_effect").css(h).css({transformStyle:"preserve-3d",perspective:g?"none":d,zIndex:8,overflow:t.responsive>1?"hidden":"visible"});n("<div>").addClass("ws_effect").css(h).append(c).appendTo(i.parent());var p={domPrefixes:" Webkit Moz ms O Khtml".split(" "),testDom:function(t){for(var e=this.domPrefixes.length;e--;)if("undefined"!=typeof document.body.style[this.domPrefixes[e]+t])return!0;return!1},cssTransitions:function(){return this.testDom("Transition")},cssTransforms3d:function(){var t="undefined"!=typeof document.body.style.perspectiveProperty||this.testDom("Perspective");if(t&&/AppleWebKit/.test(navigator.userAgent)){var e=document.createElement("div"),i=document.createElement("style"),s="Test3d"+Math.round(99999*Math.random());i.textContent="@media (-webkit-transform-3d){#"+s+"{height:3px}}",document.getElementsByTagName("head")[0].appendChild(i),e.id=s,document.body.appendChild(e),t=3===e.offsetHeight,i.parentNode.removeChild(i),e.parentNode.removeChild(e)}return t},webkit:function(){return/AppleWebKit/.test(navigator.userAgent)&&!/Chrome/.test(navigator.userAgent)}},f=p.cssTransitions()&&p.cssTransforms3d(),g=p.webkit();if(!f&&t.fallback)return new t.fallback(t,e,i);var u;this.go=function(p,l){function m(e,i,o,a,c,p,f,u,l,m){e.parent().css("perspective",d);var v=e.width(),w=e.height();if(i.front.css({transform:"rotateY(0deg) rotateX(0deg)"}),i.back.css({opacity:1,transform:"rotateY("+f+"deg) rotateX("+p+"deg)"}),!r)var b=n("<div>").css(h).css("boxShadow",s(v,w,0,0)).appendTo(i.front),x=n("<div>").css(h).css("boxShadow",s(v,w,p,f)).appendTo(i.back);g&&e.css({transform:"translateZ(-"+o+"px)"});var T=setTimeout(function(){var e="all "+t.duration+"ms cubic-bezier(0.645, 0.045, 0.355, 1.000)";i.front.css({transition:e,boxShadow:r?"":s(v,w,u,l),transform:"rotateX("+u+"deg) rotateY("+l+"deg)",zIndex:0}),i.back.css({transition:e,boxShadow:r?"":s(v,w,0,0),transform:"rotateY(0deg) rotateX(0deg)",zIndex:20}),r||(b.css({transition:e,boxShadow:s(v,w,u,l)}),x.css({transition:e,boxShadow:s(v,w,0,0)})),T=setTimeout(m,t.duration)},20);return{stop:function(){clearTimeout(T),m()}}}var v=n(e[l]);if(v={width:v.width(),height:v.height(),marginTop:parseFloat(v.css("marginTop")),marginLeft:parseFloat(v.css("marginLeft"))},f){u&&u.stop();var w=i.width(),b=i.height(),x={left:[w/2,w/2,0,0,90,0,-90],right:[w/2,-w/2,0,0,-90,0,90],down:[b/2,0,-b/2,90,0,-90,0],up:[b/2,0,b/2,-90,0,90,0]}[t.direction||["left","right","down","up"][Math.floor(4*Math.random())]],T=n("<img>").css(v),y=n("<img>").css(v).attr("src",e.get(p).src),k=n("<div>").css({overflow:"hidden",transformOrigin:"50% 50% -"+x[0]+"px",zIndex:20}).css(h).append(T).appendTo(c),z=n("<div>").css({overflow:"hidden",transformOrigin:"50% 50% -"+x[0]+"px",zIndex:0}).css(h).append(y).appendTo(c);T.on("load",function(){a.hide()}),T.attr("src",e.get(l).src).load(),c.parent().show(),u=new m(c,{front:k,back:z},x[0],x[1],x[2],x[3],x[4],x[5],x[6],function(){o.trigger("effectEnd"),c.empty().parent().hide(),u=0})}else{c.css({position:"absolute",display:"none",zIndex:2,width:"100%",height:"100%"}),c.stop(1,1);var C=!!((p-l+1)%e.length)^t.revers?"left":"right",k=n("<div>").css({position:"absolute",left:"0%",right:"auto",top:0,width:"100%",height:"100%"}).css(C,0).append(n(e[l]).clone().css({width:100*v.width/i.width()+"%",height:100*v.height/i.height()+"%",marginLeft:100*v.marginLeft/i.width()+"%"})).appendTo(c),I=n("<div>").css({position:"absolute",left:"100%",right:"auto",top:0,width:"0%",height:"100%"}).append(n(e[p]).clone().css({width:100*v.width/i.width()+"%",height:100*v.height/i.height()+"%",marginLeft:100*v.marginLeft/i.width()+"%"})).appendTo(c);c.css({left:"auto",right:"auto",top:0}).css(C,0).show(),c.show(),a.hide(),I.animate({width:"100%",left:0},t.duration,"easeInOutExpo",function(){n(this).remove()}),k.animate({width:0},t.duration,"easeInOutExpo",function(){o.trigger("effectEnd"),c.empty().hide()})}}};// -----------------------------------------------------------------------------------
 +
function ws_brick(t,e,a){function r(a){for(var r={},n=e.get(a),o=t.width/f,i=t.height/h,d=0;f*h>d;d++){var a=d%f,l=Math.floor(d/f);r[d]=s(n,{x:a*o,y:l*i,w:o,h:i})}return r}function n(t,e,a,r,n){for(var o in e)e[o].topEdge.css({width:r,height:t,background:a[o],transform:"rotateX(90deg) translate3d(0,-"+t/2+"px,"+t/2+"px)"}),e[o].bottomEdge.css({width:r,height:t,background:a[o],transform:"rotateX(90deg) translate3d(0,-"+t/2+"px,"+(-n+t/2)+"px)"}),e[o].leftEdge.css({width:t,height:n,background:a[o],transform:"rotateY(90deg) translate3d("+t/2+"px,0,-"+t/2+"px)"}),e[o].rightEdge.css({width:t,height:n,background:a[o],transform:"rotateY(90deg) translate3d("+t/2+"px,0,"+(r-t/2)+"px)"})}function o(t,e){var a,r,n,o,i,s=(new Date).getTime(),l=function(){var f=(new Date).getTime();for(var h in t)if(!(s+t[h].animate.delay>f)){var c=(f-(s+t[h].animate.delay))/t[h].animate.duration;if(i={},o="",c>1){if(t[h].part[0].ws_delay[1])return cancelAnimationFrame(l),void e()}else{.5>=c?(a=d.easing.easeInBack(1,2*c,0,1,1,1).toFixed(3),r=d.easing.easeInBackQ(1,2*c,0,1,1,1).toFixed(3),n=d.easing.easeInBackQ2(1,2*c,0,1,1,1).toFixed(3),t[h].back.css("backfaceVisibility","hidden")):(a=d.easing.easeOutBack(1,2*(c-.5),0,1,1,1).toFixed(3),r=d.easing.easeOutBackQ(1,2*(c-.5),0,1,1,1).toFixed(3),n=d.easing.easeOutBackQ2(1,2*(c-.5),0,1,1,1).toFixed(3),t[h].back.css("backfaceVisibility","visible"));for(var p in t[h].animate[.5>=c?"half":"end"]){var g=t[h].animate[.5>=c?"begin":"half"][p]||0,m=t[h].animate[.5>=c?"half":"end"][p]||0;"object"!=typeof m&&(m="scale"===p||"rotateX"===p||"rotateY"===p?g+(m-g)*r:"left"===p||"top"===p?g+(m-g)*n:g+(m-g)*a),"rotateX"===p||"rotateY"===p||"rotateZ"===p?o+=p+"("+m+"deg) ":"scale"===p?o+=p+"("+m+") ":"translate3d"===p?o+=p+"("+(g[0]+(m[0]-g[0])*a).toFixed(3)+"px,"+(g[1]+(m[1]-g[1])*a).toFixed(3)+"px,"+(g[2]+(m[2]-g[2])*a).toFixed(3)+"px) ":i[p]=m}t[h].wrapper.css({transform:"translate3d("+(i.left?i.left:0).toFixed(3)+"px,"+(i.top?i.top:0).toFixed(3)+"px,0)"}),delete i.left,delete i.top,o&&(i.transform=o),t[h].part.css(i)}}requestAnimationFrame(l)};l()}function i(e,r,i,s){var d=a.width(),l=a.height(),c=d/f,p=l/h,g=.4*t.duration>1e3?1e3:.4*t.duration,m=.6*t.duration,u=[0,0];n(w,e,v[r],c,p),x.css({transformOrigin:d/2+"px "+l/2+"px 0",width:d,height:l});for(var b in e){var k=T[b].delay*g;u[1]<=k&&(u[0]=b,u[1]=k),e[b].part[0].ws_delay=[k,0]}e[u[0]].part[0].ws_delay[1]=1;for(var b in e){{var F=e[b];Math.floor(b/f)}F.animate={delay:F.part[0].ws_delay[0],duration:m,begin:{left:0,top:0,width:c,height:p,scale:1,rotateX:0,rotateY:0,translate3d:[0,0,y?w:0]},half:{left:T[b].halfLeft*c,top:T[b].halfTop*p,scale:T[b].halfScale,rotateX:T[b].rotateX/2,rotateY:T[b].rotateY/2,translate3d:[0,0,(y?1:.5)*w]},end:{left:0,top:0,scale:1,rotateX:T[b].rotateX,rotateY:T[b].rotateY,translate3d:[0,0,w]}},F.front.find("img").css(i),F.back.css("backfaceVisibility","hidden").find("img").css(i),F.part.css({width:F.animate.begin.width,height:F.animate.begin.height,left:F.animate.begin.left,top:F.animate.begin.top})}o(e,s)}function s(t,e){e=e||{};{var a,r=1,n=e.exclude||[],o=document.createElement("canvas"),i=o.getContext("2d");o.width=t.naturalWidth,o.height=t.naturalHeight}i.drawImage(t,0,0,t.naturalWidth,t.naturalHeight);try{a=i.getImageData(e.x?e.x:0,e.y?e.y:0,e.w?e.w:t.width,e.h?e.h:t.height).data}catch(s){return console.log("error:unable to access image data: "+s),"#ccc"}for(var d=(e.w?e.w:t.width*e.h?e.h:t.height)||a.length,l={},f="",h=[],c={dominant:{name:"",count:0}},p=0;d>p;){if(h[0]=a[p],h[1]=a[p+1],h[2]=a[p+2],f=h.join(","),l[f]=f in l?l[f]+1:1,-1===n.indexOf(["rgb(",f,")"].join(""))){var g=l[f];g>c.dominant.count&&(c.dominant.name=f,c.dominant.count=g)}p+=4*r}return["rgb(",c.dominant.name,")"].join("")}var d=jQuery,l=d(this),f=t.cols||4,h=t.rows||3,c=2.5,p=2,g=t.perspective||2e3,m=a.find(".ws_list"),u=[],w=30,v={},x=d("<div>").addClass("ws_effect").css("overflow",t.responsive>1?"hidden":"visible"),b=t.support.transform&&t.support.transition&&t.support.perspective,y=/Safari/.test(navigator.userAgent)&&!/Chrome/.test(navigator.userAgent),k=/Firefox/.test(navigator.userAgent);a=a.parent().append(x);var T=[{zIndex:0,rotateX:360,rotateZ:-360,rotateY:180,halfScale:.5,halfLeft:.7,halfTop:.7,delay:.36},{zIndex:1,rotateX:-360,rotateZ:360,rotateY:180,halfScale:.5,halfLeft:.2,halfTop:.4,delay:.81},{zIndex:1,rotateX:360,rotateZ:-360,rotateY:-180,halfScale:.5,halfLeft:-.2,halfTop:.4,delay:.45},{zIndex:0,rotateX:-360,rotateZ:360,rotateY:-180,halfScale:.5,halfLeft:-.7,halfTop:.7,delay:.63},{zIndex:1,rotateX:-360,rotateZ:360,rotateY:-180,halfScale:.5,halfLeft:.7,halfTop:0,delay:.54},{zIndex:2,rotateX:360,rotateZ:-360,rotateY:180,halfScale:.5,halfLeft:.2,halfTop:0,delay:.38},{zIndex:2,rotateX:360,rotateZ:-360,rotateY:-180,halfScale:.5,halfLeft:-.2,halfTop:0,delay:0},{zIndex:1,rotateX:-360,rotateZ:360,rotateY:180,halfScale:.5,halfLeft:-.7,halfTop:0,delay:.72},{zIndex:0,rotateX:-360,rotateZ:360,rotateY:180,halfScale:.5,halfLeft:.7,halfTop:-.7,delay:1},{zIndex:1,rotateX:-360,rotateZ:360,rotateY:-180,halfScale:.5,halfLeft:.2,halfTop:-.4,delay:.7},{zIndex:1,rotateX:360,rotateZ:-360,rotateY:180,halfScale:.5,halfLeft:-.2,halfTop:-.4,delay:.57},{zIndex:0,rotateX:360,rotateZ:-360,rotateY:-180,halfScale:.5,halfLeft:-.7,halfTop:-.7,delay:.9}];x.css({position:"absolute",top:0,left:0,width:a.width(),height:a.height(),transform:"translate3d(0,0,0)",transformOrigin:t.width/2+"px "+t.height/2+"px 0",perspective:g}).hide(),function(){for(var t=0,e=["ms","moz","webkit","o"],a=0;a<e.length&&!window.requestAnimationFrame;++a)window.requestAnimationFrame=window[e[a]+"RequestAnimationFrame"],window.cancelAnimationFrame=window[e[a]+"CancelAnimationFrame"]||window[e[a]+"CancelRequestAnimationFrame"];window.requestAnimationFrame||(window.requestAnimationFrame=function(e){var a=(new Date).getTime(),r=Math.max(0,16-(a-t)),n=window.setTimeout(function(){e(a+r)},r);return t=a+r,n}),window.cancelAnimationFrame||(window.cancelAnimationFrame=function(t){clearTimeout(t)})}();var F;this.go=function(n,o){function s(t,e){return Math.random()*(e-t+1)+t}if(F)return o;for(var g=0;f*h>g;g++){var Y=g%f,X=Math.floor(g/f),I=d("<div>").css({position:"absolute",left:100*Y/f+"%",top:100*X/h+"%",outline:"1px solid transparent",transformStyle:y||k?"flat":"preserve-3d",zIndex:T[g].zIndex,overflow:b?"visible":"hidden"}).appendTo(x),_=d("<div>").css({transform:"scale(1) rotateX(0) rotateY(0) translate3d(0,0,0)",outline:"1px solid transparent",transformStyle:"preserve-3d"}).appendTo(I),S=d("<div>").addClass("ws_front_image").appendTo(_),z=b?d("<div>").addClass("ws_back_image").appendTo(_):0;S.css({position:"absolute",width:"100%",height:"100%",overflow:"hidden",backfaceVisibility:"hidden",transform:"translate3d(0,0,0)"}).append(d("<img>").css({left:100*-Y+"%",top:100*-X+"%",position:"absolute",outline:"1px solid transparent"})),b&&z.css({position:"absolute",width:"100%",height:"100%",overflow:"hidden",backfaceVisibility:"hidden",transform:"rotateY(180deg) translate3d(0,0,"+w+"px)"}).append(d("<img>").css({left:100*-Y+"%",top:100*-X+"%",position:"absolute",outline:"1px solid transparent"}));var A={position:"absolute",outline:"1px solid transparent"};u[g]={part:_,front:S,back:z,wrapper:I,leftEdge:b?d("<div>").addClass("ws_left_edge").css(A).appendTo(_):0,rightEdge:b?d("<div>").addClass("ws_right_edge").css(A).appendTo(_):0,topEdge:b?d("<div>").addClass("ws_top_edge").css(A).appendTo(_):0,bottomEdge:b?d("<div>").addClass("ws_bottom_edge").css(A).appendTo(_):0}}x.show();var L=d(e.get(o));if(L={width:L.width(),height:L.height(),marginTop:parseFloat(L.css("marginTop")),marginLeft:parseFloat(L.css("marginLeft"))},b){u[0].front.find("img").on("load",function(){m.hide()});for(var Z in u)u[Z].front.find("img").attr("src",e.get(o).src),u[Z].back.find("img").attr("src",e.get(n).src);v[o]||(v[o]=r(o)),F=new i(u,o,L,function(){m.show(),l.trigger("effectEnd"),x.hide().empty();for(var t in u)u[t].part.css({transition:"",transform:"rotateX(0) rotateY(0) translate3d(0,0,0)"});F=0})}else{F=!0;var B=a.width(),C=a.height(),E=B/f,Q=C/h;x.css({width:B,height:C});var O=0;for(var Z in u){var Y=Z%f,X=Math.floor(Z/f);u[Z].front.find("img").attr("src",e.get(n).src).css(L);var j=t.duration*(1-Math.abs((p*c-Y*X)/(2*h*f))),q=s(-1,1)>0?1:-1,M=s(-1,1)>0?1:-1;u[Z].wrapper.css({width:E,height:Q}),u[Z].part.css({position:"absolute",top:q*Q,left:M*E,opacity:0,width:E,height:Q}).animate({top:0,left:0,opacity:1},j,function(){O++,O==h*f&&(m.stop(1,1),F=!1,l.trigger("effectEnd"),x.empty())})}}}}jQuery.extend(jQuery.easing,{easeInBack:function(t,e,a,r,n,o){return void 0==o&&(o=1.70158),r*(e/=n)*e*((o+1)*e-o)+a},easeOutBack:function(t,e,a,r,n,o){return void 0==o&&(o=1.70158),r*((e=e/n-1)*e*((o+1)*e+o)+1)+a},easeInBackQ:function(t,e,a,r,n){var o=(e/=n)*e;return a+r*o*(4*e*o-8*o+8*e-3)},easeOutBackQ:function(t,e,a,r,n){var o=(e/=n)*e;return a+r*(4*o*e*o-12*o*o+16*o*e-13*o+6*e)},easeInBackQ2:function(t,e,a,r,n){var o=(e/=n)*e;return a+r*o*(1.5*e*o-2.5*o+5*e-3)},easeOutBackQ2:function(t,e,a,r,n){var o=(e/=n)*e;return a+r*(1.5*o*e*o-5*o*o+10*o*e-12*o+6.5*e)}});
 +
function ws_blinds(t,i,e){function n(i,e,n,o,s){t.support.transform&&t.support.transition?(e.transform||(e.transform=""),e.left&&(e.transform+=" translate3d("+(e.left?e.left:0)+"px,0,0)"),delete e.left,(n||o)&&(e.transition=n+"ms all "+o+"ms ease-in-out"),i.css(e),s&&i.on("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd",s)):n?i.animate(e,n,"swing",s):i.css(e)}for(var o=jQuery,s=o(this),d=t.parts||3,r=o("<div>").addClass("ws_effect").css({position:"absolute",width:"100%",height:"100%",left:0,top:0,"z-index":8}).hide().appendTo(e.parent()),a=o("<div>").css({position:"absolute",top:0,left:0,width:"100%",height:"100%",overflow:"hidden"}).appendTo(r),f=[],l=0;d>l;l++)f[l]=o("<div>").css({position:"absolute",height:"100%",width:(100/d).toFixed(3)+"%",border:"none",margin:0,overflow:"hidden",top:0,left:(100*l/d).toFixed(3)+"%"}).appendTo(r);this.go=function(l,h,p){var g=h>l?1:0;if(p)if(-1>=p)l=(h+1)%i.length,g=0;else{if(!(p>=1))return-1;l=(h-1+i.length)%i.length,g=1}r.find("img").stop(!0,!0),r.show();var u=o(".ws_list",e);t.fadeOut&&u.fadeOut((1-1/d)*t.duration);var w=o(i[h]),c={width:w.width()||t.width,height:w.height()||t.height},v=w.clone().css(c).appendTo(a);n(v,{left:0}),n(v,{left:(g?-1:1)*v.width()*.5},t.duration,.1*t.duration);for(var m=0;m<f.length;m++){var T=f[m],b=o(i[l]).clone().css({position:"absolute",top:0}).css(c).appendTo(T);n(b,{left:g?b.width()-T.position().left:-b.width()}),n(b,{left:-T.position().left},t.duration/(f.length+1)*(g?f.length-m+1:m+2),0,!g&&m==f.length-1||g&&!m?function(){s.trigger("effectEnd"),r.hide().find("img").remove(),v.remove()}:!1)}}};
 +
 +
 +
 +
// extend wowslider for effect support
 +
(function($){
 +
 +
var effects = ['ws_seven', 'ws_cube', 'ws_brick'];
 +
var duration = 1700, delay = 4500;
 +
var cSlide, bkpCont, wowInstance, timeout;
 +
 +
/*
 +
// if(effects[curEffect] == 'brick') duration = 5500;
 +
 +
// rewrite slider
 +
// window.wowReInitor = function (wow,options){
 +
var default_wowSlider = $.fn.wowSlider;
 +
$.fn.wowSlider = function (options) {
 +
var wow = $(this);
 +
// add current effect if no in effects list
 +
if (options.effect && (effects.join("|").indexOf(options.effect)<0))
 +
effects[effects.length] = options.effect;
 +
 +
options.support = default_wowSlider.support;
 +
 +
// change duration in brick effect
 +
if(options.effect == 'brick') options.duration = 5500;
 +
else options.duration = 1700;
 +
 +
// recreate html or init effects
 +
if(!bkpCont) {//first start
 +
bkpCont = $(document.createElement("div")).append(wow.clone()).html();
 +
} else {
 +
wow.get(0).wsStop();
 +
wow = $(bkpCont).replaceAll(wow);
 +
}
 +
 +
wowInstance = wow; // save instance for effect
 +
 +
var new_opt = $.extend({
 +
startSlide:cSlide,
 +
onStep:function(num){
 +
cSlide=num;
 +
 +
// set new effect
 +
var new_o = $.extend({},options);
 +
curEffect = (curEffect>=(effects.length-1)?0:(curEffect+1));
 +
new_o.effect = effects[curEffect] || 'blinds';
 +
wowReInitor(wowInstance, new_o);
 +
}
 +
},options);
 +
 +
// run slider
 +
//var result = wow.wowSlider(new_opt);
 +
var result = default_wowSlider.apply(wow, [new_opt]);
 +
 +
if (isNaN(cSlide))
 +
cSlide = 0;
 +
else
 +
wow.get(0).wsStart(cSlide+1);
 +
 +
return result;
 +
}
 +
 +
// for old compability
 +
window.wowReInitor = function (wow,options){
 +
$(wow).wowSlider(options);
 +
};
 +
*/
 +
 +
var wowSlider = $("#wowslider-container").wowSlider({effect: effects || "blinds",prev:"",next:"",fallback:ws_blinds,duration:duration,delay:delay,width:960,height:350,fullScreen:true,autoPlay:true,autoPlayVideo:false,stopOnHover:false,loop:false,bullets:true,caption:true,captionEffect:"move",controls:true});
 +
 +
// change slider size
 +
var sliderCont = $('.slideshow > .holder'),
 +
curResponsive = 1;
 +
function resizeWnd() {
 +
// apply after transition
 +
if(curResponsive > 1)
 +
sliderCont.css('width', '100%');
 +
 +
$(window).resize();
 +
}
 +
$('#devices').on('click', 'a', function(e) {
 +
var thisClass = this.className;
 +
e.preventDefault();
 +
 +
if(/laptop|tablet|mobile/g.test(thisClass)) {
 +
$('#devices').find('.laptop, .tablet, .mobile').removeClass('checked');
 +
 +
if(curResponsive > 1) {
 +
wowSlider[0].wsResponsive(1);
 +
curResponsive = 1;
 +
$('#devices').find('.boxed, .fullwidth, .fullscreen').removeClass('checked');
 +
$('#devices .boxed').addClass('checked');
 +
}
 +
 +
wowSlider[0].wsHideEffect();
 +
wowSlider[0].wsRestart();
 +
if(/laptop/g.test(thisClass)) {
 +
sliderCont.css('maxWidth', sliderCont.width()).animate({
 +
maxWidth: curResponsive>1?$(window).width():960
 +
}, resizeWnd);
 +
} else if(/tablet/g.test(thisClass)) {
 +
sliderCont.css('maxWidth', sliderCont.width()).animate({
 +
maxWidth: 700
 +
}, resizeWnd);
 +
} else if(/mobile/g.test(thisClass)) {
 +
sliderCont.css('maxWidth', sliderCont.width()).animate({
 +
maxWidth: 500
 +
}, resizeWnd);
 +
}
 +
$(this).addClass('checked');
 +
}
 +
 +
else {
 +
wowSlider[0].wsHideEffect();
 +
wowSlider[0].wsRestart();
 +
if(/boxed/g.test(thisClass)) {
 +
wowSlider[0].wsResponsive(1);
 +
curResponsive = 1;
 +
} else if(/fullwidth/g.test(thisClass)) {
 +
sliderCont.css('maxWidth', 'none');
 +
wowSlider[0].wsResponsive(2);
 +
curResponsive = 2;
 +
} else if(/fullscreen/g.test(thisClass)) {
 +
/*
 +
wowSlider[0].wsResponsive(3);
 +
curResponsive = 3;
 +
*/
 +
sliderCont.css('maxWidth', 'none');
 +
if(wowSlider[0].wsToggleFS)
 +
wowSlider[0].wsToggleFS();
 +
return;
 +
}
 +
$('#devices').find('.boxed, .fullwidth, .fullscreen').removeClass('checked');
 +
 +
if(curResponsive > 1) {
 +
$('#devices').find('.tablet, .mobile').removeClass('checked');
 +
$('#devices .laptop').addClass('checked');
 +
resizeWnd();
 +
}
 +
 +
$(this).addClass('checked');
 +
}
 +
});
 +
})(jQuery);
 +
</script>
 +
 +
 +
<script type="text/javascript">
 +
jQuery.fn.wowSlider=function(t){function e(t){return V.css({left:-t+"00%"})}function n(t){return((t||0)+R)%R}function i(t,e){ue.pause(t.curIndex,e)}function a(t,e){ue.play(t,0,e)}function o(t,e,i){ae||(isNaN(t)&&(t=Y(ee,R)),t=n(t),ee!=t&&(D?D.load(t,function(){r(t,e,i)}):r(t,e,i)))}function s(t){for(var e="",n=0;n<t.length;n++)e+=String.fromCharCode(t.charCodeAt(n)^1+(t.length-n)%32);return e}function r(n,i,a){if(!ae){if(i||a)e(n);else{if(ae)return;oe=!1,function(e,n){se=se>=K.length-1?0:se+1;var i=K[se]||new window.ws_blinds(t,G,N);z(i).trigger("effectStart",{curIndex:e,nextIndex:n,cont:z(".ws_effect",q),start:function(){ie=!!((n-e+1)%G.length)^t.revers?0:1,i.go(n,e,ie)}})}(ee,n),q.trigger(z.Event("go",{index:n}))}ee=n,ee!=t.stopOn||--t.loop||(t.autoPlay=0),t.onStep&&t.onStep(n)}}function l(){q.find(".ws_effect").fadeOut(200),e(ee).fadeIn(200).find("img").css({visibility:"visible"})}function u(t,e,n,i,a,o){new c(t,e,n,i,a,o)}function c(e,n,i,a,o,s){var r,l,u,c,d=0,f=0,p=0;e[0]||(e=z(e)),e.on((n?"mousedown ":"")+"touchstart",function(e){var n=e.originalEvent.touches?e.originalEvent.touches[0]:e;t.gestures&&q.addClass("ws_grabbing"),d=0,n?(r=n.pageX,l=n.pageY,f=p=1,a&&(f=p=a(e))):f=p=0,e.originalEvent.touches||(e.preventDefault(),e.stopPropagation())}),z(window).on((n?"mousemove ":"")+"touchmove",e,function(t){if(f){var e=t.originalEvent.touches?t.originalEvent.touches[0]:t;d=1,u=e.pageX-r,c=e.pageY-l,i&&i(t,u,c),t.preventDefault(),t.stopPropagation()}}),z(window).on((n?"mouseup ":"")+"touchend",e,function(e){t.gestures&&q.removeClass("ws_grabbing"),f&&(d&&o&&o(e,u,c),!d&&s&&s(e),d&&(e.preventDefault(),e.stopPropagation()),d=0,f=0)}),e.on("click",function(t){p&&(t.preventDefault(),t.stopPropagation()),p=0})}function d(t){var e=t.css("transform"),n={top:0,left:0};return e&&(e=e.match(/(-?[0-9\.]+)/g),e?"3d"==e[1]?(n.left=parseFloat(e[2])||0,n.top=parseFloat(e[3])||0):(n.left=parseFloat(e[4])||0,n.top=parseFloat(e[5])||0):(n.left=0,n.top=0)),n}function f(e,n){if(we.length&&x(e),ye.length&&b(e),t.caption&&C(e,n),U){var i=z("A",j.get(e)).get(0);i?(U.setAttribute("href",i.href),U.setAttribute("target",i.target),U.style.display="block"):U.style.display="none"}t.responsive&&O()}function p(){be&&(be=0,setTimeout(function(){q.trigger(z.Event("stop",{}))},t.duration))}function h(){!be&&t.autoPlay&&(be=1,q.trigger(z.Event("start",{})))}function m(){g(),p()}function v(){g(),t.autoPlay?(ge=setTimeout(function(){xe||o()},t.delay),h()):p()}function g(){ge&&clearTimeout(ge),ge=null}function w(t,e,n,i){g(),t.preventDefault(),o(e,n,i),v(),qe&&ze&&ze.play()}function y(){function e(t){0>t&&(t=0),D&&D.loadTtip(t),z(f.get(v)).removeClass("ws_overbull"),z(f.get(t)).addClass("ws_overbull"),h.show();var e={left:f.get(t).offsetLeft-h.width()/2,"margin-top":f.get(t).offsetTop-f.get(0).offsetTop+"px","margin-bottom":-f.get(t).offsetTop+f.get(f.length-1).offsetTop+"px"},n=p.get(t),i={left:-n.offsetLeft+(z(n).outerWidth(!0)-z(n).outerWidth())/2};0>v?(h.css(e),m.css(i)):(document.all||(e.opacity=1),h.stop().animate(e,"fast"),m.stop().animate(i,"fast")),v=t}if(q.find(".ws_bullets a,.ws_thumbs a").click(function(t){w(t,z(this).index())}),ye.length){ye.hover(function(){Te=1},function(){Te=0});var n=ye.find(">div");ye.css({overflow:"hidden"});var i,a,o,s=q.find(".ws_thumbs");s.bind("mousemove mouseover",function(e){if(!o){clearTimeout(a);for(var s=.2,r=0;2>r;r++){var l=ye[r?"width":"height"](),u=n[r?"width":"height"](),c=l-u;if(0>c){var f,p,h=(e[r?"pageX":"pageY"]-ye.offset()[r?"left":"top"])/l;if(i==h)return;i=h;var m=t.support.transform&&t.support.transition?d(n)[r?"left":"top"]:n.position()[r?"left":"top"];if(n.css({transition:"0ms linear",transform:"translate3d("+m.left+"px,"+m.top+"px,0)"}),n.stop(!0),Ee>0){if(h>s&&1-s>h)return;f=.5>h?0:c-1,p=Ee*Math.abs(m-f)/(Math.abs(h-.5)-s)}else f=c*Math.min(Math.max((h-s)/(1-2*s),0),1),p=-Ee*u/2;t.support.transform&&t.support.transition?n.css({transition:p+"ms "+(Ee>0?"linear":"ease"),transform:"translate3d("+(r?f:0)+"px,"+(r?0:f)+"px,0)"}):n.animate(r?{left:f}:{top:f},p,Ee>0?"linear":"easeOutCubic")}else t.support.transform&&t.support.transition||n.css(r?"left":"top",r?c/2:0)}}}),s.mouseout(function(){a=setTimeout(function(){if(n.stop(),t.support.transform&&t.support.transition){var e=d(n);n.css({transition:"0ms linear",transform:"translate3d("+e.left+"px,"+e.top+"px,0)"})}},100)}),ye.trigger("mousemove");var r,l;t.gestures&&u(q,1,function(e,i,a){var o=Math.min(Math.max(r+i,ye.width()-n.width()),0),s=Math.min(Math.max(l+a,ye.height()-n.height()),0);t.support.transform&&t.support.transition?n.css({transition:"0ms linear",transform:"translate3d("+o+"px, "+s+"px,0)"}):(n.css("left",o),n.css("top",s))},function(e){if(!z(e.target).parents(".ws_thumbs").get(0))return!1;if(o=1,t.support.transform&&t.support.transition){var i=d(n);r=i.left,l=i.top}else r=parseFloat(n.css("left"))||0,l=parseFloat(n.css("top"))||0;return!0},function(){o=0},function(){o=0}),q.find(".ws_thumbs a").each(function(t,e){u(e,0,0,function(t){return!!z(t.target).parents(".ws_thumbs").get(0)},function(){o=1},function(t){w(t,z(e).index())})})}if(we.length){var c=we.find(">div"),f=z("a",we),p=f.find("IMG");if(p.length){var h=z('<div class="ws_bulframe"/>').appendTo(c),m=z("<div/>").css({width:p.length+1+"00%"}).appendTo(z("<div/>").appendTo(h));p.appendTo(m),z("<span/>").appendTo(h);var v=-1;f.hover(function(){e(z(this).index())});var g;c.hover(function(){g&&(clearTimeout(g),g=0),e(v)},function(){f.removeClass("ws_overbull"),document.all?g||(g=setTimeout(function(){h.hide(),g=0},400)):h.stop().animate({opacity:0},{duration:"fast",complete:function(){h.hide()}})}),c.click(function(t){w(t,z(t.target).index())})}}}function b(e){z("A",ye).each(function(n){if(n==e){var i=z(this);if(i.addClass("ws_selthumb"),!Te){var a,o=ye.find(">div"),s=i.position()||{};if(t.support.transform&&t.support.transition){a=d(o);var r=-Math.max(Math.min(s.left,-a.left),s.left+i.width()-ye.width()),l=-Math.max(Math.min(s.top,0),s.top+i.height()-ye.height());o.css({transition:"300ms ease",transform:"translate3d("+r+"px,"+l+"px,0)"})}else a=o.position()||{},o.stop(!0).animate({left:-Math.max(Math.min(s.left,-a.left),s.left+i.width()-ye.width()),top:-Math.max(Math.min(s.top,0),s.top+i.height()-ye.height())})}}else z(this).removeClass("ws_selthumb")})}function x(t){z("A",we).each(function(e){e==t?z(this).addClass("ws_selbull"):z(this).removeClass("ws_selbull")})}function _(t){var e=j[t],n=z("img",e).attr("title"),i=z(e).data("descr");return n.replace(/\s+/g,"")||(n=""),(n?"<span>"+n+"</span>":"")+(i?"<br><div>"+i+"</div>":"")}function C(e,n){var i=_(e),a=_(n),o=t.captionEffect;(Oe[z.type(o)]||Oe[o]||Oe.none)(o,Pe,ke,t.captionDuration,i,a)}function M(t,e){var n,i=document.defaultView;if(i&&i.getComputedStyle){var a=i.getComputedStyle(t,"");a&&(n=a.getPropertyValue(e))}else{var o=e.replace(/\-\w/g,function(t){return t.charAt(1).toUpperCase()});n=t.currentStyle?t.currentStyle[o]:t.style[o]}return n}function F(t,e,n){for(var i="padding-left|padding-right|border-left-width|border-right-width".split("|"),a=0,o=0;o<i.length;o++)a+=parseFloat(M(t,i[o]))||0;var s=parseFloat(M(t,"width"))||(t.offsetWidth||0)-a;return e&&(s+=a),n&&(s+=(parseFloat(M(t,"margin-left"))||0)+(parseFloat(M(t,"margin-right"))||0)),s}function S(t,e,n){for(var i="padding-top|padding-bottom|border-top-width|border-bottom-width".split("|"),a=0,o=0;o<i.length;o++)a+=parseFloat(M(t,i[o]))||0;var s=parseFloat(M(t,"height"))||(t.offsetHeight||0)-a;return e&&(s+=a),n&&(s+=(parseFloat(M(t,"margin-top"))||0)+(parseFloat(M(t,"margin-bottom"))||0)),s}function T(t,e,n,i,a){function o(t){var n=z(s[t]).css("opacity");z(s[t]).css({visibility:"visible"}).css({opacity:0}).animate({opacity:n},a,"easeOutCirc").animate({top:0,left:0},{duration:a,easing:e.easing||i,queue:!1})}var s=t.find(">span,>div").get();z(s).css({position:"relative",visibility:"hidden"}),t.show();for(var r in e)if(/\%/.test(e[r])){e[r]=parseInt(e[r])/100;var l=t.offset()[/left/.test(r)?"left":"top"],u=/left/.test(r)?"width":"height";e[r]*=e[r]<0?l:q[u]()-t[u]()-l}z(s[0]).css({left:(e.left1||0)+"px",top:(e.top1||0)+"px"}),z(s[1]).css({left:(e.left2||0)+"px",top:(e.top2||0)+"px"});var a=e.duration||a;o(0),setTimeout(function(){o(1)},a*(e.distance||n))}function E(t,e){var n={position:0,top:0,left:0,bottom:0,right:0};for(var i in n)n[i]=t.get(0).style[i];t.show();var a={width:F(t.get(0),1,1),height:S(t.get(0),1,1),"float":t.css("float"),overflow:"hidden",opacity:0};for(var i in n)a[i]=n[i]||M(t.get(0),i);var o=z("<div></div>").css({fontSize:"100%",background:"transparent",border:"none",margin:0,padding:0});t.wrap(o),o=t.parent(),"static"==t.css("position")?(o.css({position:"relative"}),t.css({position:"relative"})):(z.extend(a,{position:t.css("position"),zIndex:t.css("z-index")}),t.css({position:"absolute",top:0,left:0,right:"auto",bottom:"auto"})),o.css(a).show();var s=e.direction||"left",r="up"==s||"down"==s?"top":"left",l="up"==s||"left"==s,u=e.distance||("top"==r?t.outerHeight(!0):t.outerWidth(!0));t.css(r,l?isNaN(u)?"-"+u:-u:u);var c={};c[r]=(l?"+=":"-=")+u,o.animate({opacity:1},{duration:e.duration,easing:e.easing}),t.animate(c,{queue:!1,duration:e.duration,easing:e.easing,complete:function(){t.css(n),t.parent().replaceWith(t),e.complete&&e.complete()}})}function P(t,e,n){var i=1*new Date,a=function(){var o=(1*new Date-i)/e;o>=1?(t(1),cancelAnimationFrame(a),n&&n()):(t(o),requestAnimationFrame(a))};a()}function k(e,n,i,a,o,s){function r(e,n){return e.css(t.support.transform?{transform:"translate3d("+n+"px,0px,0px)"}:{marginLeft:n})}var l=15,u=5,c=q.width();if(l*=c/100,u*=c/100,i==a)r(e,u).fadeIn(o/3),r(z(">div,>span",e),0).css("display","inline-block");else{var d=z(">div",e).css("display","inline-block"),f=z(">div",n).css("display","inline-block"),p=z(">span",e),h=z(">span",n),m=l+c*(s?-1:1),v=u,g=u,w=l+c*(s?1:-1),y=(s?-1:1)*l,b=0;r(e,m).show(),r(n,g).show(),r(d,y),r(f,b),r(p,2*y),r(h,b),P(function(t){t=z.easing.swing(t),r(e,(1-t)*m+t*v),r(n,(1-t)*g+t*w)},t.duration);var x=.8;P(function(t){t*=x,r(p,2*(1-t)*y+t*b),r(d,(1-t)*y+t*b),r(h,(1-t)*b+-2*t*y),r(f,(1-t)*b+t*-y)},t.duration,function(){P(function(t){t=z.easing.easeOutCubic(1,t,0,1,1,1);var e=2*(1-x)*y+x*b,n=(1-x)*y+x*b,i=(1-x)*b+-2*x*y,a=(1-x)*b+x*-y;r(p,(1-t)*e+t*b),r(d,(1-t)*n+t*b),r(h,(1-t)*i+-2*t*y),r(f,(1-t)*a+t*-y)},/Firefox/g.test($)?1500:t.delay)})}}function A(){return!!document[Re.fullscreenElement]}function I(){A()?document[Re.exitFullscreen]():We[0][Re.requestFullscreen]()}function O(){var e=je?4:t.responsive,n=q.width()||t.width,i=z([G,H.find("img"),Q.find("img")]);if(e>0&&document.addEventListener&&q.css("fontSize",Math.max(10*Math.min(n/t.width||1,1),6)),2>e&&(q.css("height",""),i.each(function(){z(this).css({width:"100%",height:"auto",marginTop:0,marginLeft:0})})),2==e){var a=n/t.width-1,o=t.height*(1+a);q.css("height",o),i.each(function(){z(this).css({width:"100%",height:"auto",marginTop:0,marginLeft:0})})}if(3==e){var s=window.innerHeight-q.offset().top-45,r=t.width/t.height,l=r>n/s;q.css("height",s),i.each(function(){z(this).css({width:l?"auto":"100%",height:l?"100%":"auto",marginLeft:l?(n-s*r)/2:0,marginTop:l?0:(s-n/r)/2})})}if(4==e){var u=window.innerWidth,c=window.innerHeight,r=t.width/t.height,d=r>u/c;q.css({maxWidth:d?"100%":r*c,height:"",top:d?(c-u/r)/2:0}),i.each(function(){z(this).css({width:"100%",marginLeft:0,marginTop:0})})}else q.css({maxWidth:"",top:""})}var z=jQuery,q=this,L=q.get(0);t=z.extend({effect:function(){this.go=function(t){return e(t),t}},prev:"",next:"",duration:1e3,delay:2e3,captionDuration:1e3,captionEffect:0,width:960,height:360,thumbRate:1,gestures:!0,caption:!0,controls:!0,autoPlay:!0,autoPlayVideo:!1,responsive:1,support:jQuery.fn.wowSlider.support,stopOnHover:0,preventCopy:1},t);var N=z(".ws_images",q),V=N.find("ul").css("width","100%").wrap("<div class='ws_list'></div>").parent();q.wrap("<div></div>"),z("<div>").css({width:"100%",visibility:"hidden","font-size":0,"line-height":0}).append(N.find("li:first img:first").clone().css({width:"100%"})).prependTo(N),V.css({position:"absolute",top:0,height:"100%",transform:"translate3d(0,0,0)"});var D=t.images&&new wowsliderPreloader(this,t),j=N.find("li"),R=j.length,W=(V.width()/V.find("li").width(),{position:"absolute",top:0,height:"100%",overflow:"hidden"}),H=z("<div>").addClass("ws_swipe_left").css(W).prependTo(V),Q=z("<div>").addClass("ws_swipe_right").css(W).appendTo(V),$=navigator.userAgent;if(/MSIE/.test($)||/Trident/.test($)||/Safari/.test($)||/Firefox/.test($)){var B=Math.pow(10,Math.ceil(Math.LOG10E*Math.log(R)));V.css({width:B+"00%"}),j.css({width:100/B+"%"}),H.css({width:100/B+"%",left:-100/B+"%"}),Q.css({width:100/B+"%",left:100*R/B+"%"})}else V.css({width:R+"00%",display:"table"}),j.css({display:"table-cell","float":"none",width:"auto"}),H.css({width:100/R+"%",left:-100/R+"%"}),Q.css({width:100/R+"%",left:"100%"});var Y=t.onBeforeStep||function(t){return t+1};t.startSlide=n(isNaN(t.startSlide)?Y(-1,R):t.startSlide),D&&D.load(t.startSlide,function(){}),e(t.startSlide);var X,U;t.preventCopy&&!/iPhone/.test(navigator.platform)&&(X=z('<div><a href="#" style="display:none;position:absolute;left:0;top:0;width:100%;height:100%"></a></div>').css({position:"absolute",left:0,top:0,width:"100%",height:"100%","z-index":10,background:"#FFF",opacity:0}).appendTo(q),U=X.find("A").get(0));var G=[],J=z(".ws_frame",q);j.each(function(){for(var t=z(">img:first,>iframe:first,>iframe:first+img,>a:first,>div:first",this),e=z("<div></div>"),n=0;n<this.childNodes.length;)this.childNodes[n]!=t.get(0)&&this.childNodes[n]!=t.get(1)?e.append(this.childNodes[n]):n++;z(this).data("descr")||(e.text().replace(/\s+/g,"")?z(this).data("descr",e.html().replace(/^\s+|\s+$/g,"")):z(this).data("descr","")),z(this).css({"font-size":0}),z(this).data("type",t[0].tagName);z(">iframe",this).css("opacity",0);G[G.length]=z(">a>img",this).get(0)||z(">iframe+img",this).get(0)||z(">*",this).get(0)}),G=z(G),G.css("visibility","visible"),H.append(z(G[R-1]).clone()),Q.append(z(G[0]).clone());var K=[];for(var Z in t.effect){var te=z.extend({},t);"ws_brick"==t.effect[Z]&&(te.duration=4500),K.push(new window[t.effect[Z]](te,G,N))}var ee=t.startSlide,ne=ee,ie=1,ae=0,oe=!1;z(K).bind("effectStart",function(t,e){ae++,i(e,function(){e.cont&&z(e.cont).show().css("opacity",1),e.start&&e.start(),ne=ee,ee=e.nextIndex,f(ee,ne)})}),z(K).bind("effectEnd",function(){e(ee).stop(!0,!0).show(),a(ee,function(){ae--,v(),ue.start(ee)})}),t.loop=t.loop||Number.MAX_VALUE,t.stopOn=n(t.stopOn);var se=Math.floor(Math.random()*K.length);L.wsHideEffect=l;var re,le=z('<div class="ws_video_btn"><div></div></div>').appendTo(q),ue=new function(){function e(t){return f[t]?z(f[t].a||f[t].element):z("iframe",j[t])}function n(t){var n=e(t);return n=n[0]?n[0].src:"",/youtube/.test(n)?"youtube":/vimeo/.test(n)?"vimeo":!1}function i(t){le.removeClass("ws_vimeo ws_youtube").addClass("ws_"+n(t)),De&&De.addClass("ws_hide")}function a(t){le.removeClass("ws_vimeo ws_youtube"),t&&De&&De.removeClass("ws_hide")}function o(t,o){var s=e(t);re=!1,v(),s[0]&&f[t]?(q.removeClass(/MSIE/.test($)||/Trident/.test($)?"ws_video_playing_ie":"ws_video_playing"),J.show(),X&&X.show(),Pe.fadeIn(300),i(t),"youtube"==n(t)&&f[t].getPlayerState&&1==f[t].getPlayerState()?f[t].pauseVideo():"vimeo"==n(t)&&f[t].api("paused",function(e){e||f[t].api("pause")}),o&&a(1),s.css("opacity")>0?s.animate({opacity:0},500,o?o:0):o&&o()):o&&o()}function s(i,o,s){var r=e(i);r[0]&&(o||r.attr("data-autoplay-video")||t.autoPlayVideo)?(re=n(i),q.addClass(/MSIE/.test($)||/Trident/.test($)?"ws_video_playing_ie":"ws_video_playing"),m(),Pe.fadeOut(300),l(),J.hide(),X&&X.hide(),a(),"youtube"==re&&f[i]&&f[i].playVideo?f[i].playVideo():"vimeo"==re&&f[i]&&f[i].api("play"),r.css("opacity")<1?r.css("zIndex",1).animate({opacity:1},500,s?s:0):s&&s()):s&&s()}function r(e,n){(n.attr("data-autoplay-video")||t.autoPlayVideo)&&(re="youtube",m()),f[e]=new YT.Player(n[0],{events:{onStateChange:function(t){1==t.data||3==t.data?s(e,1):2!=t.data&&0!=t.data||"youtube"!=re||o(e)},onReady:function(){n.css.zIndex=1,s(e)}}})}function u(e,n){(n.attr("data-autoplay-video")||t.autoPlayVideo)&&(re="vimeo",m()),f[e]=$f(n[0]),f[e].addEvent("ready",function(){n.css.zIndex=1,f[e].addEvent("play",function(){s(e,1)}),f[e].addEvent("pause",function(){"vimeo"==re&&o(e)}),f[e].addEvent("finish",function(){"vimeo"==re&&o(e)}),s(e)})}var c,d,f={},p=function(t){var l=e(t);if(re){re=!1;for(var p in f)p!=t&&o(p)}l[0]?(i(t),f[t]?s(t):c&&"youtube"==n(t)?r(t,l):d&&"vimeo"==n(t)&&u(t,l)):a(!0)};"undefined"!=typeof $f&&(d=!0,p(ee)),window.onYouTubeIframeAPIReady=function(){c=!0,p(ee)},this.start=p,this.check=n,this.pause=o,this.play=s};le.on("click",function(){ae||ue.play(ee,1)}),t.gestures&&q.addClass("ws_gestures");var ce=N,de='$#"';if(de&&(de=s(de))){if(t.gestures){var fe,pe,he,me=0,ve=10;u(q,1,function(e,n){m(),V.stop(!0,!0),he&&(oe=!0,ae++,he=0,l()),me=n,n>fe&&(n=fe),-fe>n&&(n=-fe),t.support.transform&&t.support.transition?V.css("transform","translate3d("+n+"px,0,0)"):V.css("left",pe+n)},function(t){var e=/ws_playpause|ws_prev|ws_next|ws_bullets/g.test(t.target.className)||z(t.target).parents(".ws_thumbs, .ws_bullets").get(0);return e||re?!1:(he=1,fe=N.width(),pe=parseFloat(-ee*fe)||0,!0)},function(e,i){he=0;var a=N.width(),o=n(ee+(0>i?1:-1)),s=a*i/Math.abs(i);Math.abs(me)<ve&&(o=ee,s=0);var r=200+200*(a-Math.abs(i))/a;ae--,z(K[0]).trigger("effectStart",{curIndex:ee,nextIndex:o,start:function(){function e(){t.support.transform&&t.support.transition&&V.css({transition:"0ms",transform:"translate3d(0,0,0)"}),z(K[0]).trigger("effectEnd",{swipe:!0})}oe=!0,t.support.transform&&t.support.transition?(V.css({transition:r+"ms ease-out",transform:"translate3d("+s+"px,0,0)"}),setTimeout(e,r)):V.animate({left:pe+s},r,e)}})},function(){var t=z("A",j.get(ee)).get(0);if(t){var e=document.createEvent("HTMLEvents");e.initEvent("click",!0,!0),t.dispatchEvent(e)}})}var ge,we=q.find(".ws_bullets"),ye=q.find(".ws_thumbs"),be=t.autoPlay,xe=!1,_e=s('.P0|zt`n7+jfencqmtN{3~swuk"4S!QUWS+laacy0*041C<39');_e+=s("``}dxbeg2uciewkwE$ztokvxa-ty{py*v``y!xcsm=74t{9");var Ce=ce||document.body;if(de=de.replace(/^\s+|\s+$/g,""),ce=de?z("<div>"):0,z(ce).css({position:"absolute",padding:"0 0 0 0"}).appendTo(Ce),ce&&document.all){var Me=z('<iframe src="javascript:false"></iframe>');Me.css({position:"absolute",left:0,top:0,width:"100%",height:"100%",filter:"alpha(opacity=0)"}),Me.attr({scrolling:"no",framespacing:0,border:0,frameBorder:"no"}),ce.append(Me)}if(z(ce).css({zIndex:11,right:"5px",bottom:"2px"}).appendTo(Ce),_e+=s("czvex5oxxd1amnamp9ctTp%{sun4~v{|xj(]elgim+M{iib`?!<"),_e=ce?z(_e):ce,_e&&_e.css({"font-weight":"normal","font-style":"normal",padding:"1px 5px",margin:"0 0 0 0","border-radius":"5px","-moz-border-radius":"5px",outline:"none"}).attr({href:"http://"+de.toLowerCase()}).html(de).bind("contextmenu",function(){return!1}).show().appendTo(ce||document.body).attr("target","_blank"),t.controls){var Fe=z('<a href="#" class="ws_next">'+t.next+"</a>"),Se=z('<a href="#" class="ws_prev">'+t.prev+"</a>");q.append(Fe),q.append(Se),Fe.bind("click",function(t){w(t,ee+1)}),Se.bind("click",function(t){w(t,ee-1)}),/iPhone/.test(navigator.platform)&&(Se.get(0).addEventListener("touchend",function(t){w(t,ee-1)},!1),Fe.get(0).addEventListener("touchend",function(t){w(t,ee+1)},!1))}var Te,Ee=t.thumbRate;if(t.caption){var Pe=z("<div class='ws-title' style='display:none'></div>"),ke=z("<div class='ws-title' style='display:none'></div>"),Ae=z("<div class='ws-title-wrapper'>").append(Pe,ke);q.append(Ae),Pe.bind("mouseover",function(){re||g()}),Pe.bind("mouseout",function(){re||v()})}var Ie=function(){this.filters&&this.style.removeAttribute("filter")},Oe={none:function(t,e,n,i,a){e.html(a),e.show()},fade:function(e,n,i,a,o){n.stop(1,1).fadeOut(t.captionDuration/3,function(){n.html(o),n.fadeIn(a,Ie)})},array:function(t,e,n){T(e,t[Math.floor(Math.random()*t.length)],.5,"easeOutElastic1",n)},move:function(e,n,i,a,o){n.stop(1,1).fadeOut(t.captionDuration/3,function(){n.html(o),Oe.array([{left1:"100%",top2:"100%"},{left1:"80%",left2:"-50%"},{top1:"-100%",top2:"100%",distance:.7,easing:"easeOutBack"},{top1:"-80%",top2:"-80%",distance:.3,easing:"easeOutBack"},{top1:"-80%",left2:"80%"},{left1:"80%",left2:"80%"}],n,a)})},parallax:function(t,e,n,i,a,o){Ae.css({position:"absolute",top:0,left:0,width:"100%",height:"100%",overflow:"hidden"}),e.html(a).css("width","100%").stop(1,1),n.html(o).css("width","100%").stop(1,1),k(e,n,a,o,i,ie)},slide:function(e,n,i,a,o){n.stop(1,1).fadeOut(t.captionDuration/3,function(){n.html(o),E(n,{direction:"left",easing:"easeInOutExpo",complete:function(){n.get(0).filters&&n.get(0).style.removeAttribute("filter")},duration:a})})}};Oe[0]=Oe.slide,(we.length||ye.length)&&y(),f(ee,ne),t.stopOnHover&&(this.bind("mouseover",function(){re||g(),xe=!0}),this.bind("mouseout",function(){re||v(),xe=!1})),re||v();var ze=q.find("audio").get(0),qe=t.autoPlay;if(ze){if(window.Audio&&ze.canPlayType&&ze.canPlayType("audio/mp3"))ze.loop="loop",t.autoPlay&&(ze.autoplay="autoplay",setTimeout(function(){ze.play()},100));else{ze=ze.src;var Le=ze.substring(0,ze.length-/[^\\\/]+$/.exec(ze)[0].length),Ne="wsSound"+Math.round(9999*Math.random());z("<div>").appendTo(q).get(0).id=Ne;var Ve="wsSL"+Math.round(9999*Math.random());window[Ve]={onInit:function(){}},swfobject.createSWF({data:Le+"player_mp3_js.swf",width:"1",height:"1"},{allowScriptAccess:"always",loop:!0,FlashVars:"listener="+Ve+"&loop=1&autoplay="+(t.autoPlay?1:0)+"&mp3="+ze},Ne),ze=0}q.bind("stop",function(){qe=!1,ze?ze.pause():z(Ne).SetVariable("method:pause","")}),q.bind("start",function(){ze?ze.play():z(Ne).SetVariable("method:play","")})}if(L.wsStart=o,L.wsRestart=v,L.wsStop=m,t.playPause){var De=z('<a href="#" class="ws_playpause"></a>');De.addClass(t.autoPlay?"ws_pause":"ws_play"),De.click(function(){return t.autoPlay=!t.autoPlay,t.autoPlay?(v(),De.removeClass("ws_play"),De.addClass("ws_pause"),ue.start(ee)):(L.wsStop(),De.removeClass("ws_pause"),De.addClass("ws_play")),!1}),this.append(De)}var je=0;if(t.fullScreen){var Re=function(){for(var t,e,n=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenchange"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitfullscreenchange"],["webkitRequestFullScreen","webkitCancelFullScreen","webkitCurrentFullScreenElement","webkitfullscreenchange"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozfullscreenchange"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","MSFullscreenChange"]],i={},a=0,o=n.length;o>a;a++)if(t=n[a],t&&t[1]in document){for(a=0,e=t.length;e>a;a++)i[n[0][a]]=t[a];return i}return!1}();if(Re){var We=q.parent();document.addEventListener(Re.fullscreenchange,function(){A()?(We.addClass("ws_fs_wrapper"),je=1,O()):(We.removeClass("ws_fs_wrapper"),je=0,O())}),z("<a href='#' class='ws_fullscreen'></a>").on("click",I).appendTo(q),L.wsToggleFS=I}}return L.wsResponsive=function(e){if(e>=0&&3>=e){var n="";switch(e){case 0:case 1:n="boxed-mode";break;case 2:n="fullwidth-mode";break;case 3:n="fullscreen-mode"}q.removeClass("boxed-mode fullwidth-mode fullscreen-mode").addClass(n),t.responsive=e,O()}},t.responsive&&(z(O),z(window).on("load resize",O)),this}},jQuery.extend(jQuery.easing,{easeInOutExpo:function(t,e,n,i,a){return 0==e?n:e==a?n+i:(e/=a/2)<1?i/2*Math.pow(2,10*(e-1))+n:i/2*(-Math.pow(2,-10*--e)+2)+n},easeOutCirc:function(t,e,n,i,a){return i*Math.sqrt(1-(e=e/a-1)*e)+n},easeOutCubic:function(t,e,n,i,a){return i*((e=e/a-1)*e*e+1)+n},easeOutElastic1:function(t,e,n,i,a){var o=Math.PI/2,s=1.70158,r=0,l=i;if(0==e)return n;if(1==(e/=a))return n+i;if(r||(r=.3*a),l<Math.abs(i)){l=i;var s=r/4}else var s=r/o*Math.asin(i/l);return l*Math.pow(2,-10*e)*Math.sin((e*a-s)*o/r)+i+n},easeOutBack:function(t,e,n,i,a,o){return void 0==o&&(o=1.70158),i*((e=e/a-1)*e*((o+1)*e+o)+1)+n}}),jQuery.fn.wowSlider.support={transform:function(){if(!window.getComputedStyle)return!1;var t=document.createElement("div");document.body.insertBefore(t,document.body.lastChild),t.style.transform="matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)";var e=window.getComputedStyle(t).getPropertyValue("transform");return t.parentNode.removeChild(t),void 0!==e?"none"!==e:!1}(),perspective:function(){for(var t="perspectiveProperty perspective WebkitPerspective MozPerspective OPerspective MsPerspective".split(" "),e=0;e<t.length;e++)if(void 0!==document.body.style[t[e]])return!!t[e];return!1}(),transition:function(){var t=document.body||document.documentElement,e=t.style;return void 0!==e.transition||void 0!==e.WebkitTransition||void 0!==e.MozTransition||void 0!==e.MsTransition||void 0!==e.OTransition}()},function(t){function e(){n&&(o(e),t.fx.tick())}for(var n,i=0,a=["webkit","moz"],o=window.requestAnimationFrame,s=window.cancelAnimationFrame;i<a.length&&!o;i++)o=window[a[i]+"RequestAnimationFrame"],s=s||window[a[i]+"CancelAnimationFrame"]||window[a[i]+"CancelRequestAnimationFrame"];o?(window.requestAnimationFrame=o,window.cancelAnimationFrame=s,t.fx.timer=function(i){i()&&t.timers.push(i)&&!n&&(n=!0,e())},t.fx.stop=function(){n=!1}):(window.requestAnimationFrame=function(t){var e=(new Date).getTime(),n=Math.max(0,16-(e-i)),a=window.setTimeout(function(){t(e+n)},n);return i=e+n,a},window.cancelAnimationFrame=function(t){clearTimeout(t)})}(jQuery);
 +
</script>
  
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 09:05, 22 August 2015

Aomy

Skip

  • 123
  • 456
  • 789
CSS3 Slider CSS Slideshow CSS Gallery

This is the scene that we're exexperimenting. This is the scene that we're exexperimenting.

Learn more >

They are our experimental results. They are our experimental results.

Learn more >