/*
	styles.js
	Styles for Move Overlay controls
*/

var imgPath = ''; // Path for all images

if (!cw_site_mode || cw_site_mode == 'prod')
	imgPath = "http://images.cwtv.com/images/cwvideo/overlay.images/";
else
{
	var _filePath = String(location.href).split("?")[0];
	_filePath = _filePath.substring(0, _filePath.indexOf('/',8));
	imgPath = _filePath + "/images/cwvideo/overlay.images/";
}

if(!MN){
	MN = {};
}

MN.PlayerStyles = {

	// Substage (required)
	"substage" : {
		"top" : "0px",
		"left" : "0px",
		"width" : "100%",
		"height" : "100%"
	},

	// Controls
	"controls" : {
		"width" : "100%",
		"height" : "59px",
		"bottom" : "0px",
		"left" : "auto",
		"timeout" : 5000,
		"fade" : 500,
		"z-index" : 3,
		"visibility" : "hidden"
	},
	
	"controlsDarkBack" : {
		"left" : "0px",
		"bottom" : "0px",
		"width" : "100%",
		"height" : "52px",
		"url" : imgPath + "controlsBack.png",
		"z-index" : 0
	},
	
	"controlsLightBack" : {
		"left" : "0px",
		"bottom" : "0px",
		"width" : "100%",
		"height" : "52px",
		"z-index" : 0
	},
	
	"altContainer" : {
		"bottom" : "-1px",
		"left" : "-4px",
		"right" : "-4px",
		"height" : "11px",
		"z-index" : 4,
		"alpha" : 0
	},
	
	// Play/Pause buttons
	"playPause" : {
		"left" : "9px",
		"bottom" : "5px",
		"width" : "45px",
		"height" : "40px",
		"z-index" : 1
	},
	
	"playDefault" : {
		"top" : "0px",
		"left" : "-44px",
		"width" : "190px",
		"height" : "78px",
		"url" : imgPath + "buttons.png"
	},
	
	"playHover" : {
		"top" : "-39px",
		"left" : "-44px",
		"width" : "190px",
		"height" : "78px",
		"url" : imgPath + "buttons.png"
	},
	
	"pauseDefault" : {
		"top" : "0px",
		"left" : "0px",
		"width" : "190px",
		"height" : "78px",
		"url" : imgPath + "buttons.png"
	},
	
	"pauseHover" : {
		"top" : "-39px",
		"left" : "0px",
		"width" : "190px",
		"height" : "78px",
		"url" : imgPath + "buttons.png"
	},
	
	// General Text settings
	
	"txt" : {
		"font" : "Arial",
		"size" : "11px",
		"color" : "0xFFFFFF",
		"z-index" : 1
	},
	
	// Time Display
	
	"txttimedisplay" : {
		"width" : "115px",
		"height" : "16px",
		"bottom" : "23px",
		"right" : "95px"
	},
	
	
	// Title Display
	
	"txttitledisplay" : {
		"width" : "320px",
		"height" : "16px",
		"bottom" : "23px",
		"left" : "70px"
	},
	
	"txttitledisplayfull" : {
		"width" : "500px"
	},
	
	"txttitledisplaynormal" : {
		"width" : "320px"
	},
	
	// Fullscreen/Normalscreen Buttons
	
	"full" : {
		"right" : "13px",
		"bottom" : "5px",
		"width" : "45px",
		"height" : "40px",
		"z-index" : 1,
		"display" : "window"
	},
	
	"fullDefault" : {
		"top" : "0px",
		"left" : "-132px",
		"width" : "190px",
		"height" : "78px",
		"url" : imgPath + "buttons.png"
	},
	
	"fullHover" : {
		"top" : "-39px",
		"left" : "-132px",
		"width" : "190px",
		"height" : "78px",
		"url" : imgPath + "buttons.png"
	},
	
	"normal" : {
		"right" : "13px",
		"bottom" : "5px",
		"width" : "45px",
		"height" : "40px",
		"z-index" : 1,
		"display" : "fullscreen"
	},
	
	"normalDefault" : {
		"top" : "0px",
		"left" : "-88px",
		"width" : "190px",
		"height" : "78px",
		"url" : imgPath + "buttons.png"
	},
	
	"normalHover" : {
		"top" : "-39px",
		"left" : "-88px",
		"width" : "190px",
		"height" : "78px",
		"url" : imgPath + "buttons.png"
	},
	
	
	// Timeline
	
	"timeline" : { // Dynamic width timeline, scales to match the left and right values
		"left" : "66px",
		"right" : "142px",
		"height" : "20px",
		"bottom" : "6px",
		"z-index" : 1
	},
	
	"minitimeline" : { // Dynamic width timeline, scales to match the left and right values
		"left" : "0px",
		"right" : "0px",
		"height" : "11px",
		"bottom" : "0px",
		"z-index" : 1
	},
	
	"timelineLead" : {
		"top" : "0px",
		"height" : "11px",
		"left" : "0px", // Will be replaced to give scrubber padding
		"width" : "0px", //Will be replaced when timeline width is calculated
		"url" : imgPath + "sliderLead.png",
		"z-index" : 1
	},
	
	"timelineTrail" : {
		"top" : "1px",
		"height" : "8px",
		"left" : "0px", // Will be replaced to match lead
		"width" : "0px", //Will be replaced to match the slider x position
		"url" : imgPath + "sliderTrail.png",
		"z-index" : 2
	},
	
	"timelineLeftEdge" : {
		"height" : "11px",
		"width" : "2px",
		"top" : "0px",
		"left" : "3px", //scrubber width/2 - width
		"url" : imgPath + "leftEdge.png",
		"z-index" : 1
	},
	
	"timelineRightEdge" : {
		"height" : "11px",
		"width" : "2px",
		"top" : "0px",
		"right" : "3px", //scrubber width/2 - width
		"url" : imgPath + "rightEdge.png",
		"z-index" : 1
	},
	
	"timelineScrubber" : {
		"height" : "17px",
		"width" : "10px",
		"top" : "0px",
		"left" : "0px",
		"z-index" : 5
	},
	
	"timelineScrubberDefault" : {
		"top" : "-59px",
		"left" : "-178px",
		"width" : "190px",
		"height" : "78px",
		"url" : imgPath + "buttons.png"
	},
	
	"timelineScrubberHover" : {
		"top" : "-59px",
		"left" : "-178px",
		"width" : "190px",
		"height" : "78px",
		"url" : imgPath + "buttons.png"
	},
	
	
	// Volume Slider
	
	"volume" : { // Bound to the right of the controls
		"right" : "67px",
		"width" : "49px",
		"height" : "17px",
		"bottom" : "10px",
		"z-index" : 1
	},
	
	"volumeLead" : {
		"top" : "4px",
		"height" : "6px",
		"left" : "0px", // Will be replaced to give scrubber padding
		"width" : "0px", // Will be replaced when timeline width is calculated
		"url" : imgPath + "volumeLead.png",
		"z-index" : 1
	},
	
	"volumeTrail" : {
		"top" : "4px",
		"height" : "6px",
		"left" : "0px", // Will be replaced to match lead
		"width" : "0px", // Will be replaced to match the slider x position
		"url" : imgPath + "volumeLead.png",
		"z-index" : 2
	},
	
	"volumeLeftEdge" : {
		"height" : "6px",
		"width" : "2px",
		"top" : "4px",
		"left" : "4px", //scrubber width/2 - width
		"url" : imgPath + "volumeLeftEdge.png",
		"z-index" : 1
	},
	
	"volumeRightEdge" : {
		"height" : "6px",
		"width" : "2px",
		"top" : "4px",
		"right" : "4px", //scrubber width/2 - width
		"url" : imgPath + "volumeRightEdge.png",
		"z-index" : 1
	},
	
	"volumeScrubber" : {
		"height" : "12px",
		"width" : "11px",
		"top" : "0px",
		"left" : "0px",
		"z-index" : 3
	},
	
	"volumeScrubberDefault" : {
		"top" : "-16px",
		"left" : "-177px",
		"width" : "190px",
		"height" : "78px",
		"url" : imgPath + "buttons.png"
	},
	
	"volumeScrubberHover" : {
		"top" : "-16px",
		"left" : "-177px",
		"width" : "190px",
		"height" : "78px",
		"url" : imgPath + "buttons.png"
	},
	
	"volumeIcon" : {
		"height" : "15px",
		"width" : "12px",
		"bottom" : "14px",
		"right" : "117px",
		"z-index" : 3
	},
	
	"volumeIconNormal" : {
		"top" : "0px",
		"left" : "-176px",
		"width" : "190px",
		"height" : "78px",
		"url" : imgPath + "buttons.png"
	},
	
	"volumeIconHover" : {
		"top" : "0px",
		"left" : "-176px",
		"width" : "190px",
		"height" : "78px",
		"url" : imgPath + "buttons.png"
	},
	
	// Thumbnail Preview
	
	"preview" : {
		"width" : "138px",
		"height" : "130px",
		"bottom" : "20px",
		"left" : "0px",
		"alpha" : 0,
		"mouseevents" : "disabled",
		"z-index" : 4
	},
	
	"previewBack" : {
		"width" : "112px",
		"height" : "116px",
		"bottom" : "5px",
		"left" : "auto",
		"url" : imgPath + "preview.png"
	},
	
	"noPreviewBack" : {
		"width" : "35px",
		"height" : "51px",
		"bottom" : "5px",
		"left" : "auto",
		"url" : imgPath + "noPreview.png"
	},
	
	"previewTime" : {
		"font" : "Arial",
		"size" : "11px",
		"width" : "100px",
		"height" : "20px",
		"top" : "-4px",
		"color" : "0x8f8e8e"
	},
	
	"previewTimeShort" : {
		"left" : "55px"
	},
	
	"previewTimeLong" : {
		"left" : "43px"
	},
	
	"noPreviewTime" : {
		"font" : "Arial",
		"size" : "10px",
		"width" : "100px",
		"height" : "20px",
		"top" : "77px",
		"color" : "0x8f8e8e"
	},
	
	"noPreviewTimeShort" : {
		"left" : "55px"
	},
	
	"noPreviewTimeLong" : {
		"left" : "43px"
	},
	
	"previewThumb" : {
		"width" : "103px",
		"height" : "57px",
		"top" : "16px",
		"left" : "17px"
	},
	
	"previewTracker" : {
		"width" : "6px",
		"height" : "6px",
		"bottom" : "0px",
		"left" : "65px",
		"mouseevents" : "disabled"
	},
	
	"adMarker" : {
		"width" : "6px",
		"height" : "7px",
		"bottom" : "11px",
		"left" : "0px",
		"url" : imgPath + "bullet.png",
		"z-index" : 4
	},
	
	"miniAdMarker" : {
		"width" : "6px",
		"height" : "7px",
		"bottom" : "3px",
		"left" : "0px",
		"url" : imgPath + "bullet.png",
		"z-index" : 4
	}
}