//Standard video js

$(document).ready(function() {

//append 'fade' div
$('<div id="fade"></div>').appendTo('body');
$('#fade').css({'filter' : 'alpha(opacity=80)'}); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies 
 
//append NOOK microsite player div -- hidden by style and with no content
$('<DIV class="NOOKmicrosite-player s-videocontainer wide" id="NOOKvideoplayer1"><DIV class=s-videoborder><DIV class=s-videoheader><DIV class=s-videoheader-text></DIV><IMG class=xclosevideo height=12 src="http://images.barnesandnoble.com/pimages/bn-profile/close_x.gif" width=12 border=0></DIV><DIV class=s-popupvid><DIV id=videoBlocker></DIV><DIV id=flashBlocker></DIV><DIV id=feedroomWrap><DIV id=feedroomPlayer></DIV></DIV></DIV><DIV class=s-videofooter></DIV></DIV></DIV>').appendTo('body');

//remove layer and unload video if fade or close button clicked
$("img.xclosevideo, #fade").click( function () {	 
	$(".s-videocontainer").hide();
	$("#feedroomPlayer").empty();
	$("#fade").fadeOut();
});

//if both parameters are present, pop up video on page load
if (getUrlParam("storyID") && getUrlParam("playerType")) {openVideo(getUrlParam("storyID"), getUrlParam("playerType"));}
	
	
	
	
$("a.openVideo").click(function(e) {
  e.preventDefault();
  
});
});






//function to pop up and play video with parameters for storyID and player type
var openVideo = function(storyid,playerType) {
	

	// make video position - video container is 614w x 403h
	var screenWidth = $(window).width();
	var screenHeight = $(window).height();
	var offsetContainer = $("body").offset();
	var topOffset = offsetContainer.top;
	var leftOffset = offsetContainer.left;
	var videoTop = (Math.floor(screenHeight/2)) - 325 + $(window).scrollTop() - topOffset;
	var videoLeft = (Math.floor(screenWidth/2)) - 355 + $(window).scrollLeft() - leftOffset; 
if( playerType == 1) {

//create SWF Object - (js include dependent: http://images.barnesandnoble.com/presources/swf/storefront/js/swfobject.js)
var fo = new SWFObject("http://barnesandnoble.pb.feedroom.com/barnesandnoble/barnesandnoble/onecliptransparent/player.swf","frPlayer","608","342","9.0.115.0"); // 608 x 342
fo.addVariable("SkinName", "onecliptransparent");
fo.addVariable("Org", "barnesandnoble");
fo.addVariable("SiteID", "barnesandnoble");
fo.addVariable("ChannelID", "");
//fo.addVariable("StoryID", "982f8198cca46d404712335e0d2c714ee64fefe2");
fo.addVariable("Volume", "0.5");
fo.addVariable("AutoStart", "true");
fo.addVariable("quality", "high");
fo.addVariable("OneClipEmbedCodeURL", "http%3A%2F%2F%25SiteID%25.pb.feedroom.com%2Fbarnesandnoble%2F%25SiteID%25%2Fonecliptransparent%2Fplayer.swf");
fo.addVariable("OneClipEmbedCodeWidth", "608");
fo.addVariable("OneClipEmbedCodeHeight", "342");
fo.addVariable("Environment", "");
fo.addVariable("MoreVideoURL", "");
fo.addParam("play", "false");
fo.addParam("autostart", "true");
fo.addParam("menu", "false");
fo.addParam("quality", "high");
fo.addParam("wmode", "transparent");
fo.addParam("scale", "noscale");
fo.addParam("data", "http://barnesandnoble.pb.feedroom.com/barnesandnoble/barnesandnoble/onecliptransparent/player.swf");
fo.addParam("bgcolor", "#FFFFFF");
fo.addParam("seamlesstabbing", "false");
fo.addParam("allowfullscreen", "true");

//pass StoryID
fo.addVariable("StoryID", storyid);
}


//show layer, write fo object with storyID variable, positioning

$("#fade").fadeIn();
$("#NOOKvideoplayer1")
	.css('top', videoTop + 'px')
	.css('left', videoLeft + 'px')
	.show();	
$("#feedroomPlayer").html("");	

if (playerType == 1) {
fo.write("feedroomPlayer");
	}

if (playerType == 2) {
$("#feedroomPlayer").html('<object width="608" height="379" id="kickWidget_58849_500588" name="kickWidget_58849_500588" type="application/x-shockwave-flash" data="http://serve.a-widget.com/service/getWidgetSwf.kickAction"><param name="movie" value="http://serve.a-widget.com/service/getWidgetSwf.kickAction"></param><param value="affiliateSiteId=58849&widgetId=500588&width=608&height=379&revision=6&mediaURL=' + storyid + '" name="FlashVars"><br /> <param name="wmode" value="transparent" ></param><param name="allowFullScreen" value="true" ></param><br /> <param name="allowScriptAccess" value="always" ></param><br /> <!-- fall back to html5 video tag for Flash-less devices --><br /> <!-- warning: playback does not work on iPad/iPhone if you include the poster attribute! fixed in iOS4.0 --><br /> <video width="608" height="342" controls preload="none"><br /> <!-- MP4 must be first for iPad! --><br /> <source src="' + storyid + '" type="video/mp4" /><!-- WebKit video --><br /> </video><br /></object>');
}

$("#videoBlocker").show();
$("#feedroomWrap").show();	

}

//retrieves URL parameters by name, copied from Store Locator special event landings	
function getUrlParam( name ) {  
	var stringField = "[\\?&]"+name+"=([^&#]*)";  
	var qString = new RegExp(stringField);  
	var results = qString.exec(window.location.href);  
	name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");  
	if (results == null)    
		return "";  
	else    
		return results[1];
}