<script language="javascript">
function adminJS(){
addVid()
$.getScript("http://sh.skechers.com/skechers/commercials/js/commercials-qa.js", function(){
setupVideoDroplet();
});
}
function addVid(){
$(".video-size2").each(function(){
var video = $(this).html();
$(".droplet-video ul").prepend("<li><div class='display-video video-size2'>"+video+"</div></li>");
});
$("#slot-featured").parent().remove();
}
setTimeout(adminJS, 1000);
</script>
<style type="text/css">
/*CSS FOR THE PAGE */
/*skxCycle module */
.skxCycle{position: relative; display: none;}
.skxCycle .cycle-arrow {
position: absolute;
width: 40px;
height: 40px;
top: 225px;
text-decoration: none
}
.skxCycle .cycle-left{
left:10px;
background: url(http://sh.skechers.com/skechers/commercials/round-arrow-left.png) no-repeat;
}
.skxCycle .cycle-right{
right:10px;
background: url(http://sh.skechers.com/skechers/commercials/round-arrow-right.png) no-repeat;
}
/*Commercials*/
#video-template .commercials-top-logo{
background: url(http://sh.skechers.com/skechers/commercials/header-logo.png) no-repeat bottom;
height: 40px;
margin: 0 auto;
width: 245px;
}
#video-template .video-wrapper {background:#dedee6;}
#video-template .slot{margin:0;}
#video-template .droplet-generic-header{height:55px;}
#video-template .droplet-video-player{
height: 495px;
}
#video-template .droplet-video{
padding: 10px 0;
}
#video-template .droplet-video ul{
margin: 0 auto;
width: 964px;
overflow: hidden;
}
#video-template .droplet-video ul li{
float: left;
margin: 3px;
}
#video-template .droplet-video ul .display-video{
background:url(http://sh.skechers.com/skechers/commercials/pod-bg.png) no-repeat;
position: relative;
}
#video-template .droplet-video ul .display-video.video-size2{
background:url(http://sh.skechers.com/skechers/commercials/videobg-alt.png) no-repeat;
position: relative;
}
#video-template .display-video a{
display: block;
text-decoration: none;
width: 235px;
height: 182px;
text-align: left;
}
#video-template .display-video.video-size2 a{
height: 220px;
width: 315px;
}
#video-template .video-thumbnail{
padding-top: 15px;
text-align: center;
}
#video-template .display-video .video-content{
margin: 0 15px;
}
#video-template .display-video .video-title{
font-weight: bold;
color:#0e2874;
}
#video-template .display-video .video-desc{
font-size: 93%;
color: #6e6e6e;
}
#video-template .display-video a:hover, #video-template .active-display-video a{
background:url(http://sh.skechers.com/skechers/commercials/hover-bg.png) no-repeat;
}
#video-template .display-video.video-size2 a:hover, #video-template .active-display-video .video-size2 a{
background:url(http://sh.skechers.com/skechers/commercials/videobg-alt-selected.png) no-repeat;
}
.video-play-control-main {
background:url(http://sh.skechers.com/skechers/landing-pages/prospeed/img/button-play.png) no-repeat;
width:44px;
height:28px;
position:absolute;
top:100px;
right: 20px;
}
.video-size2 .video-play-control-main{
top: 135px;
}
#video-template .display-video a:hover .video-play-control-main, .active-display-video a .video-play-control-main{
background:url(http://sh.skechers.com/skechers/landing-pages/prospeed/img/button-play-rollover.png);
}
#video-template .bottom-grey-chrome{
background:url(http://sh.skechers.com/skechers/commercials/bottom-grey-bar.png) no-repeat;
height: 35px;
}
? ?
</style>
<!-- TOP HEADER BAR -->
<div class="droplet-generic-header">
<div class="commercials-top-logo"> </div>
</div><style>
#video-template .droplet-video ul .video-featured{ background: url(http://sh.skechers.com/skechers/commercials/featured-bg.png) no-repeat; padding:5px 0 0 5px;}
#video-template .video-featured a{height: 172px;width: 710px;background: none;}
#video-template .video-featured a:hover{background:none;}
#video-template .video-featured .video-thumbnail{float:left;padding: 5px 5px 5px 10px;position: relative;}
#video-template .video-featured .video-content{float:left;width:335px;}
#video-template .display-video .featured-content{font-size: 93%; color: #6e6e6e; padding-top:25px;}
#video-template .display-video .featured-content h1{font-weight: bold;color:#0e2874; font-size:18px;}
#video-template .display-video .featured-content h2{font-weight: bold;color:#b20f12; font-size:24px;}
</style>
<div class="display-video video-size2">
<a href="#" >
<div class="video-play-control-main"> </div>
<div class="video-thumbnail">
<img width="289" height="157" alt="shoe" src="http://sh.skechers.com/skechers/commercials/videoTopGoRun.jpg">
</div>
<div class="video-content">
<div class="video-title">SKECHERS GO RUN</div>
<div class="video-desc">Skechers Fitness</div>
<input type="hidden" class="video-url" value="EixCOKupw10">
<input type="hidden" class="video-type" value="youtube">
</div>
</a>
</div>
<div class="display-video video-size2">
<a href="#" >
<div class="video-play-control-main"> </div>
<div class="video-thumbnail">
<img width="289" height="157" alt="shoe" src="http://sh.skechers.com/skechers/commercials/videoTopGoWalk.jpg">
</div>
<div class="video-content">
<div class="video-title">SKECHERS GO WALK</div>
<div class="video-desc">Skechers Fitness</div>
<input type="hidden" class="video-url" value="lBIvH8gCMJc">
<input type="hidden" class="video-type" value="youtube">
</div>
</a>
</div>
<div class="display-video video-size2">
<a href="#" >
<div class="video-play-control-main"> </div>
<div class="video-thumbnail">
<img width="289" height="157" alt="shoe" src="http://sh.skechers.com/skechers/commercials/videoTopQuiggly.jpg">
</div>
<div class="video-content">
<div class="video-title">GO RUN MR QUIGGLY</div>
<div class="video-desc">Skechers Fitness</div>
<input type="hidden" class="video-url" value="zo-B-cnMDzQ">
<input type="hidden" class="video-type" value="youtube">
</div>
</a>
</div>
false