<script language="javascript">
function toggle() {
var vid = document.getElementById("video");
var text = document.getElementById("displayText");
if(vid.style.display == "block") {
vid.style.display = "none";
text.innerHTML = "show";
}
else {
vid.style.display = "block";
text.innerHTML = "hide";
}
}
</script>
<style type="text/css">
.video-wrap {
width:313px;
height:170px;
left:0;
top:0;
position:relative
}
#video {
position:absolute;
background:url(http://sh.skechers.com/skechers/new-site/img/SNP-video-bg.jpg) no-repeat;
left:0;
top:0;
padding-top:10px;
text-align:center;
width:312px;
height:170px;
z-index:1;
display:none;
}
</style>
<div class="video-wrap">
<a href="javascript:toggle();" ><img src="http://sh.skechers.com/skechers/new-site/img/SNP_MensCommercial1.jpg" width="311" height="170" border="0"></a>
<div id="video">
<iframe width="264" height="150" src="http://www.youtube.com/embed/vdseOtuDl_E?wmode=opaque&rel=0" frameborder="0" allowfullscreen></iframe>
</div>
</div>
false