vimeoplayer1_html='';
vimeoplayer2_html='';
vimeoplayer3_html='';
vimeoplayer4_html='';
vimeoplayer5_html='';
vimeoplayer6_html='';
vimeoplayer7_html='';
vimeoplayer8_html='';
vimeoplayer9_html='';
vimeoplayer10_html='';
vimeoplayer11_html='';
vimeoplayer12_html='';
$(function(){
var default_state = true;
$("#playlist").mouseout(
function(){
if(default_state){
hideall();
}
}
)
hideall();
//Rightside Links
$("#link1").hover(
function(){
$("#icon_vid1").css('backgroundPosition', '0 -77px');
$("#link1").css('backgroundPosition', '0 -23px');
}
,
function(){
$("#icon_vid1").css('backgroundPosition', '0 0');
$("#link1").css('backgroundPosition', '0 0');
}
);
$("#link2").hover(
function(){
$("#icon_vid2").css('backgroundPosition', '0 -77px');
$("#link2").css('backgroundPosition', '0 -23px');
}
,
function(){
$("#icon_vid2").css('backgroundPosition', '0 0');
$("#link2").css('backgroundPosition', '0 0');
}
);
$("#link3").hover(
function(){
$("#icon_vid3").css('backgroundPosition', '0 -77px');
$("#link3").css('backgroundPosition', '0 -23px');
}
,
function(){
$("#icon_vid3").css('backgroundPosition', '0 0');
$("#link3").css('backgroundPosition', '0 0');
}
);
$("#link4").hover(
function(){
$("#icon_vid4").css('backgroundPosition', '0 -77px');
$("#link4").css('backgroundPosition', '0 -23px');
}
,
function(){
$("#icon_vid4").css('backgroundPosition', '0 0');
$("#link4").css('backgroundPosition', '0 0');
}
);
$("#link5").hover(
function(){
$("#icon_vid5").css('backgroundPosition', '0 -77px');
$("#link5").css('backgroundPosition', '0 -23px');
}
,
function(){
$("#icon_vid5").css('backgroundPosition', '0 0');
$("#link5").css('backgroundPosition', '0 0');
}
);
$("#link6").hover(
function(){
$("#icon_vid6").css('backgroundPosition', '0 -77px');
$("#link6").css('backgroundPosition', '0 -23px');
}
,
function(){
$("#icon_vid6").css('backgroundPosition', '0 0');
$("#link6").css('backgroundPosition', '0 0');
}
);
$("#link7").hover(
function(){
$("#icon_vid7").css('backgroundPosition', '0 -77px');
$("#link7").css('backgroundPosition', '0 -23px');
}
,
function(){
$("#icon_vid7").css('backgroundPosition', '0 0');
$("#link7").css('backgroundPosition', '0 0');
}
);
$("#link8").hover(
function(){
$("#icon_vid8").css('backgroundPosition', '0 -77px');
$("#link8").css('backgroundPosition', '0 -23px');
}
,
function(){
$("#icon_vid8").css('backgroundPosition', '0 0');
$("#link8").css('backgroundPosition', '0 0');
}
);
$("#link9").hover(
function(){
$("#icon_vid9").css('backgroundPosition', '0 -77px');
$("#link9").css('backgroundPosition', '0 -23px');
}
,
function(){
$("#icon_vid9").css('backgroundPosition', '0 0');
$("#link9").css('backgroundPosition', '0 0');
}
);
$("#link10").hover(
function(){
$("#icon_vid10").css('backgroundPosition', '0 -77px');
$("#link10").css('backgroundPosition', '0 -23px');
}
,
function(){
$("#icon_vid10").css('backgroundPosition', '0 0');
$("#link10").css('backgroundPosition', '0 0');
}
);
$("#link11").hover(
function(){
$("#icon_vid11").css('backgroundPosition', '0 -77px');
$("#link11").css('backgroundPosition', '0 -23px');
}
,
function(){
$("#icon_vid11").css('backgroundPosition', '0 0');
$("#link11").css('backgroundPosition', '0 0');
}
);
$("#link12").hover(
function(){
$("#icon_vid12").css('backgroundPosition', '0 -77px');
$("#link12").css('backgroundPosition', '0 -23px');
}
,
function(){
$("#icon_vid12").css('backgroundPosition', '0 0');
$("#link12").css('backgroundPosition', '0 0');
}
);
//Grid Links
$("#icon_vid1").hover(
function(){
$("#icon_vid1").css('backgroundPosition', '0 -77px');
$("#link1").css('backgroundPosition', '0 -23px');
}
,
function(){
$("#icon_vid1").css('backgroundPosition', '0 0');
$("#link1").css('backgroundPosition', '0 0');
}
);
$("#icon_vid2").hover(
function(){
$("#icon_vid2").css('backgroundPosition', '0 -77px');
$("#link2").css('backgroundPosition', '0 -23px');
}
,
function(){
$("#icon_vid2").css('backgroundPosition', '0 0');
$("#link2").css('backgroundPosition', '0 0');
}
);
$("#icon_vid3").hover(
function(){
$("#icon_vid3").css('backgroundPosition', '0 -77px');
$("#link3").css('backgroundPosition', '0 -23px');
}
,
function(){
$("#icon_vid3").css('backgroundPosition', '0 0');
$("#link3").css('backgroundPosition', '0 0');
}
);
$("#icon_vid4").hover(
function(){
$("#icon_vid4").css('backgroundPosition', '0 -77px');
$("#link4").css('backgroundPosition', '0 -23px');
}
,
function(){
$("#icon_vid4").css('backgroundPosition', '0 0');
$("#link4").css('backgroundPosition', '0 0');
}
);
$("#icon_vid5").hover(
function(){
$("#icon_vid5").css('backgroundPosition', '0 -77px');
$("#link5").css('backgroundPosition', '0 -23px');
}
,
function(){
$("#icon_vid5").css('backgroundPosition', '0 0');
$("#link5").css('backgroundPosition', '0 0');
}
);
$("#icon_vid6").hover(
function(){
$("#icon_vid6").css('backgroundPosition', '0 -77px');
$("#link6").css('backgroundPosition', '0 -23px');
}
,
function(){
$("#icon_vid6").css('backgroundPosition', '0 0');
$("#link6").css('backgroundPosition', '0 0');
}
);
$("#icon_vid7").hover(
function(){
$("#icon_vid7").css('backgroundPosition', '0 -77px');
$("#link7").css('backgroundPosition', '0 -23px');
}
,
function(){
$("#icon_vid7").css('backgroundPosition', '0 0');
$("#link7").css('backgroundPosition', '0 0');
}
);
$("#icon_vid8").hover(
function(){
$("#icon_vid8").css('backgroundPosition', '0 -77px');
$("#link8").css('backgroundPosition', '0 -23px');
}
,
function(){
$("#icon_vid8").css('backgroundPosition', '0 0');
$("#link8").css('backgroundPosition', '0 0');
}
);
$("#icon_vid9").hover(
function(){
$("#icon_vid9").css('backgroundPosition', '0 -77px');
$("#link9").css('backgroundPosition', '0 -23px');
}
,
function(){
$("#icon_vid9").css('backgroundPosition', '0 0');
$("#link9").css('backgroundPosition', '0 0');
}
);
$("#icon_vid10").hover(
function(){
$("#icon_vid10").css('backgroundPosition', '0 -77px');
$("#link10").css('backgroundPosition', '0 -23px');
}
,
function(){
$("#icon_vid10").css('backgroundPosition', '0 0');
$("#link10").css('backgroundPosition', '0 0');
}
);
$("#icon_vid11").hover(
function(){
$("#icon_vid11").css('backgroundPosition', '0 -77px');
$("#link11").css('backgroundPosition', '0 -23px');
}
,
function(){
$("#icon_vid11").css('backgroundPosition', '0 0');
$("#link11").css('backgroundPosition', '0 0');
}
);
$("#icon_vid12").hover(
function(){
$("#icon_vid12").css('backgroundPosition', '0 -77px');
$("#link12").css('backgroundPosition', '0 -23px');
}
,
function(){
$("#icon_vid12").css('backgroundPosition', '0 0');
$("#link12").css('backgroundPosition', '0 0');
}
);
$("#link1").click(
function(){
hideall();
default_state=false;
turn_on_clear();
$("#vimeo_player1").show();
$("#vimeo_player1").html(vimeoplayer1_html);
}
);
$("#link2").click(
function(){
hideall();
default_state=false;
turn_on_clear();
$("#vimeo_player2").show();
$("#vimeo_player2").html(vimeoplayer2_html);
}
);
$("#link3").click(
function(){
hideall();
default_state=false;
turn_on_clear();
$("#vimeo_player3").show();
$("#vimeo_player3").html(vimeoplayer3_html);
}
);
$("#link4").click(
function(){
hideall();
default_state=false;
turn_on_clear();
$("#vimeo_player4").show();
$("#vimeo_player4").html(vimeoplayer4_html);
}
);
$("#link5").click(
function(){
hideall();
default_state=false;
turn_on_clear();
$("#vimeo_player5").show();
$("#vimeo_player5").html(vimeoplayer5_html);
}
);
$("#link6").click(
function(){
hideall();
default_state=false;
turn_on_clear();
$("#vimeo_player6").show();
$("#vimeo_player6").html(vimeoplayer6_html);
}
);
$("#link7").click(
function(){
hideall();
default_state=false;
turn_on_clear();
$("#vimeo_player7").show();
$("#vimeo_player7").html(vimeoplayer7_html);
}
);
$("#link8").click(
function(){
hideall();
default_state=false;
turn_on_clear();
$("#vimeo_player8").show();
$("#vimeo_player8").html(vimeoplayer8_html);
}
);
$("#link9").click(
function(){
hideall();
default_state=false;
turn_on_clear();
$("#vimeo_player9").show();
$("#vimeo_player9").html(vimeoplayer9_html);
}
);
$("#link10").click(
function(){
hideall();
default_state=false;
turn_on_clear();
$("#vimeo_player10").show();
$("#vimeo_player10").html(vimeoplayer10_html);
}
);
$("#link11").click(
function(){
hideall();
default_state=false;
turn_on_clear();
$("#vimeo_player11").show();
$("#vimeo_player11").html(vimeoplayer11_html);
}
);
$("#link12").click(
function(){
hideall();
default_state=false;
turn_on_clear();
$("#vimeo_player12").show();
$("#vimeo_player12").html(vimeoplayer12_html);
}
);
$("#icon_vid1").click(
function(){
default_state=false;
turn_on_clear();
$("#vimeo_player1").show();
$("#vimeo_player1").html(vimeoplayer1_html);
}
);
$("#icon_vid2").click(
function(){
default_state=false;
turn_on_clear();
$("#vimeo_player2").show();
$("#vimeo_player2").html(vimeoplayer2_html);
}
);
$("#icon_vid3").click(
function(){
default_state=false;
turn_on_clear();
$("#vimeo_player3").show();
$("#vimeo_player3").html(vimeoplayer3_html);
}
);
$("#icon_vid4").click(
function(){
default_state=false;
turn_on_clear();
$("#vimeo_player4").show();
$("#vimeo_player4").html(vimeoplayer4_html);
}
);
$("#icon_vid5").click(
function(){
default_state=false;
turn_on_clear();
$("#vimeo_player5").show();
$("#vimeo_player5").html(vimeoplayer5_html);
}
);
$("#icon_vid6").click(
function(){
default_state=false;
turn_on_clear();
$("#vimeo_player6").show();
$("#vimeo_player6").html(vimeoplayer6_html);
}
);
$("#icon_vid7").click(
function(){
default_state=false;
turn_on_clear();
$("#vimeo_player7").show();
$("#vimeo_player7").html(vimeoplayer7_html);
}
);
$("#icon_vid8").click(
function(){
default_state=false;
turn_on_clear();
$("#vimeo_player8").show();
$("#vimeo_player8").html(vimeoplayer8_html);
}
);
$("#icon_vid9").click(
function(){
default_state=false;
turn_on_clear();
$("#vimeo_player9").show();
$("#vimeo_player9").html(vimeoplayer9_html);
}
);
$("#icon_vid10").click(
function(){
default_state=false;
turn_on_clear();
$("#vimeo_player10").show();
$("#vimeo_player10").html(vimeoplayer10_html);
}
);
$("#icon_vid11").click(
function(){
default_state=false;
turn_on_clear();
$("#vimeo_player11").show();
$("#vimeo_player11").html(vimeoplayer11_html);
}
);
$("#icon_vid12").click(
function(){
default_state=false;
turn_on_clear();
$("#vimeo_player12").show();
$("#vimeo_player12").html(vimeoplayer12_html);
}
);
$("#about").click(
function(){
default_state=false;
turn_on_clear();
hideall();
//document.getElementById("about").style.backgroundPosition ="0 -53px"
$("#banner_img").attr("src","images/bnr_about.jpg");
$("#about_us").show();
pauseall();
}
);
$("#contact").click(
function(){
default_state=false;
turn_on_clear();
hideall();
//document.getElementById("contact").style.backgroundPosition ="0 -53px"
$("#banner_img").attr("src","images/bnr_contact.jpg");
$("#contact_us").show();
pauseall();
}
);
$("#clear_default").click(
function(){
default_state=true;
turn_off_clear();
$("#banner_img").attr("src","images/bnr_the_work.jpg");
hideall();
}
);
function hideall(){
$("#vimeo_player1").html('');
$("#vimeo_player2").html('');
$("#vimeo_player3").html('');
$("#vimeo_player4").html('');
$("#vimeo_player5").html('');
$("#vimeo_player6").html('');
$("#vimeo_player7").html('');
$("#vimeo_player8").html('');
$("#vimeo_player9").html('');
$("#vimeo_player10").html('');
$("#vimeo_player11").html('');
$("#vimeo_player12").html('');
$("#vimeo_player1").hide();
$("#vimeo_player2").hide();
$("#vimeo_player3").hide();
$("#vimeo_player4").hide();
$("#vimeo_player5").hide();
$("#vimeo_player6").hide();
$("#vimeo_player7").hide();
$("#vimeo_player8").hide();
$("#vimeo_player9").hide();
$("#vimeo_player10").hide();
$("#vimeo_player11").hide();
$("#vimeo_player12").hide();
$("#about_us").hide();
$("#contact_us").hide();
}
function turn_on_clear(){
document.getElementById("clear_default").style.display= "block";
}
function turn_off_clear(){
document.getElementById("clear_default").style.display= "none";
}
});