//code for YouTube Video Popup player
////Add to link with .pop class and "ref" attribute with YouTube video ID
//////EXAMPLE: <a href="#" class="pop" ref="{YOUTUBE ID}">video pop</a>
//////OR use onclick event: <div onclick="pop('{YOUTUBE ID}'); return false;"></div>
$j(document).ready(function () {
    $j("head").append("<style type=\"text/css\">#overlay_video {background-color: #000; border: 1px solid #000; height: 400px; display: none; left: 50%; margin-left: -300px; margin-top: -200px; position: fixed; top: 50%; width: 600px; z-index: 1000; -moz-box-shadow: 0 -0 60px #000;  -webkit-box-shadow: 0 -0 60px #000; box-shadow: 0 -0 60px #000;}</style>");
    $j("body").append("<div style=\"background-color: #000; display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999; filter: alpha(opacity=50); -khtml-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)\"; zoom: 1;\" id=\"overlay\"></div>");
    overlay();
    $j(".playBtn").css("opacity", ".6");
    $j(".playBtn").mouseenter(function() {
    	$j(this).stop().animate({"opacity": 1}, "fast")
    });
    $j(".playBtn").mouseleave(function() {
    	$j(this).stop().animate({"opacity": .6}, "slow")
    });
    
});
var mobile = false;
function getMobile() {
	var window_width = window.innerWidth;
	var orientation = window.orientation;
	if (window_width < 760) {
		$j("body").addClass('mobile_video');
		$j("head").append("<style type=\"text/css\">.mobile_video #overlay_video {margin-left: -150px; margin-top: -100px; height: 200px; width: 300px;}</style>");
		mobile = true;
	}
}
function overlay() {
    var playID;
    $j("#overlay, .close_btn").click(function () {
        $j("#overlay").hide();
        $j(".close_btn").hide("fast");
        $j("#overlay_video").remove();
        $j("#gallery").trigger("mouseleave");
    });
    $j(".pop").click(function () {
        playID = $j(this).attr("ref");
        pop(playID);
        return false;
    });
}
function closeYT() {
	$j("#overlay").hide();
    $j(".close_btn").hide("fast");
    $j("#overlay_video").remove();
    $j("#gallery").trigger("mouseleave");
}
function pop(playID) {
    if ($j("#overlay_video").size() == 0) {
        $j("body").append("<div id=\"overlay_video\" class=\"hj-pause\"><div title=\"Close the video\" class=\"close_btn\" onclick=\"closeYT();\"></div><div id=\"youtube_video\"></div></div>");
        getMobile();
    }
    if ($j.browser.msie && parseInt($j.browser.version, 10) == 6) {
        $j("#overlay").height($j(document).height());
        $j("#overlay_video").css({ "top": ($j(window).height() / 2) });
        scroll(0, 0);
    }
    $j("#overlay").show();
    $j("#overlay_video").show(0, function () {
    	if (mobile) {
    		if (swfobject.hasFlashPlayerVersion("8.0.0")) {
        		swfobject.embedSWF(("http://www.youtube.com/e/" + playID + "?enablejsapi=1&playerapiid=myytplayer&autoplay=1&rel=0"), "youtube_video", "300", "200", "8", null, null, { allowScriptAccess: "always", wmode: 'transparent', allowFullScreen: "true" }, { id: "youtube_video" });
        	}
        	else {
        	    $j("#youtube_video").html('<object width="300" height="200"><param name="movie" value="http://www.youtube.com/v/'+playID+'?fs=1&amp;hl=en_US&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><param value="transparent" name="wmode"></param><embed src="http://www.youtube.com/v/'+playID+'?fs=1&amp;hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" wmode="transparent" width="300" height="200"></embed></object>');
        	}
    	} else {
	    	if (swfobject.hasFlashPlayerVersion("8.0.0")) {
	    		swfobject.embedSWF(("http://www.youtube.com/e/" + playID + "?enablejsapi=1&playerapiid=myytplayer&autoplay=1&rel=0"), "youtube_video", "600", "400", "8", null, null, { allowScriptAccess: "always", wmode: 'transparent', allowFullScreen: "true" }, { id: "youtube_video" });
	    	}
	    	else {
	    	    $j("#youtube_video").html('<object width="600" height="400"><param name="movie" value="http://www.youtube.com/v/'+playID+'?fs=1&amp;hl=en_US&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><param value="transparent" name="wmode"></param><embed src="http://www.youtube.com/v/'+playID+'?fs=1&amp;hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" wmode="transparent" width="600" height="400"></embed></object>');
	    	}
    	}
    });
}