var next = "&nbsp;&nbsp;<a href='javascript:nextPage()'>next</a>&nbsp;<img src='images/pinkArrow.gif' alt='' width='5' height='6' border='0' class='arrow'>";
var nextDisabled = "&nbsp;&nbsp;<span class='liteGrey'>next</span>&nbsp;<img src='images/greyArrow.gif' alt='' width='5' height='6' border='0' class='arrow'>";
var prev = "<img src='images/pinkArrowPrev.gif' alt='' width='5' height='6' border='0' class='arrow'>&nbsp;<a href='javascript:prevPage()'>prev</a>";
var prevDisabled = "<img src='images/greyArrowPrev.gif' alt='' width='5' height='6' border='0' class='arrow'>&nbsp;<span class='liteGrey'>prev</span>";

var Dom = YAHOO.util.Dom;
var Event = YAHOO.util.Event;

document.body.className="yui-skin-sam";
YAHOO.namespace("mediamobz");

function showEmbed(id, location, embedCode) {
    YAHOO.mediamobz.player = 
            new YAHOO.widget.Panel("embedplayerwindow",  
                                            { width: "500px",
				      height: "350px",
                                              fixedcenter: true,
                                              constraintoviewport: true,
                                              underlay:"shadow",
                                              close: true, 
                                              draggable: true, 
                                              zindex:999,
                                              modal: true,
                                              visible: true
                                            } 
                                        );

    YAHOO.mediamobz.player.setHeader("Embed this Player on your website.");
	var bodyText = "<div id='embedplayer'>" + embedCode + "</div>\r\n";
	bodyText += "<div id='embedCodeDiv' style='padding-top: 10px;'>Embed Code: <input style='width: 360px;' type=text name=code onClick='this.select();' id=code value=\"" + embedCode + "\"></div>";
	YAHOO.mediamobz.player.setBody(bodyText);
    YAHOO.mediamobz.player.render(document.body);
    
     YAHOO.mediamobz.player.subscribe("hide", function(type, args) {
     		$("#embedplayer").html("");
	});
};




// Plays the current reel
function playit() {
	if(!iphone) {
		// Set reel info  
		setplayerinfo();
		var autoString = "f";
		if(autostart) {
			autoString = "t";
		}
		var flashvars = {
			id: reel[current].id,
			dom: domain,
			thumb: owner.thumbnail,
			prod: owner.name,
			comp: owner.company,
			reel: reel[current].title,
			desc: reel[current].description,
			cat: reel[current].category,
			auto: autoString,
			allowFullScreen: "true",
			wmode:"transparent"
		};
		var params = {'wmode': 'transparent', 'allowFullScreen': 'true'};
		var attributes = {};
		swfobject.embedSWF("/js/mm_player.swf", "videoplayer", "640", "360", "9.0.115", "/js/expressInstall.swf", flashvars, params, attributes);
	
	} else {
		$('#videoplayer').html("<a href='/video=" + reel[current].id + "'><img src='/videothumb=" + reel[current].id + "' style='width:640px;height:360px;'></a>");
	}	
}

function nextPage() {
	page++;
	checkcontrols();
	loadplaylist();
}

function prevPage() {
	page--;
	checkcontrols();
	loadplaylist();
}

function checkcontrols() {
	var html = "";
	if(page > 0) html += prev;
	else html += prevDisabled;
	if((reelcnt - ((page + 1) * maxShow)) > 0) html += next;
	else html += nextDisabled;
	document.getElementById('playlistcontrol').innerHTML = html;
}  

// Sets up the information for the current reel
function setplayerinfo() {
	var html = "<h6><a href='" + owner.url + "_videoid=" + reel[current].id + "'>" + reel[current].title + "</a> ";
	//html += "<script language='javascript' type='text/javascript'>SHARETHIS.addEntry({title:'Share me', url:'"+ owner.url + "_videoid=" + reel[current].id + "'}, {button:true} );</script>";
	html += "</h6><div class='floatAlignRite165' style='padding-bottom:7px'>";
	html += reel[current].category + "<br><span class='fieldName'>Budget:</span> "+ reel[current].budget + "</div>";
    	html += reel[current].description + "<span class='grey10pt'> - posted: " + reel[current].date + "</span>";	
	document.getElementById('playerinfo').innerHTML = html;
}

function selectReel(reel) {
	current = reel;
	loadplaylist();
	playit(true);
}


function initPlayer()  {
	if(reelcnt > 0) {
		checkcontrols();	
		loadplaylist();
		playit();		
	}
}

function loadplaylist() {
	var startingVideo = page * maxShow;
	var endingVideo = startingVideo + maxShow;
	if(endingVideo > reelcnt) endingVideo = reelcnt;
	document.getElementById('startvideo').innerHTML = startingVideo + 1;
	document.getElementById('endvideo').innerHTML = endingVideo;	
	var html = "";
	for(var i=startingVideo; i < endingVideo; i++) {
		if(i == current) html += "<div class='nowPlaying'>";
		else html += "<div class='vidListing'>";
		html += "<div class='vidThumbBox'><a href='" + owner.url + "_videoid=" + reel[i].id + "'>";
		html += "<img src='/videothumbsmall=" + reel[i].id + "' width='64' height='36' class='greyBorder'></a></div><div class='vidMeta'>";
	    	html += "<a href='" + owner.url + "_videoid=" + reel[i].id + "'>" + reel[i].title + "</a><br>";
	    	html += reel[i].category + "</div><br class='clearAll'></div>"; 	
	}
	document.getElementById('playlist').innerHTML = html;
}	
    	

(function() {

var Dom = YAHOO.util.Dom;
var Event = YAHOO.util.Event;

// Creates a namespace for "myproduct1" 
YAHOO.namespace ("MediaMobz");

YAHOO.MediaMobz.VideoList = {
    init: function() {
	initPlayer();
    }	
};

Event.onDOMReady(YAHOO.MediaMobz.VideoList.init, YAHOO.MediaMobz.VideoList, true);

})();