var loadedAlbums = new Array();
var currentAlbum = new Array();
var currentVideo = new Object();

function setAlbumIconHover(){
	
}

function getFBAlbumPhotos(fbid,albumName){
	if(!loadedAlbums[fbid]){
		var loader = document.createElement("DIV");
		loader.className = "album_icon_loader";
		loader.innerHTML = "Loading...";
		loader.id = "loader_"+fbid;
		gebi('album_icon_'+fbid).appendChild(loader);
		var url = siteRoot + 'process.php?case=facebook_graph_process&fbid='+fbid+'&album_name='+albumName+'&getFBAlbumPhotos=1';
		sendRequest(url,FBAlbumReturn);
	}
	else{
		currentAlbum['title'] = albumName;
		currentAlbum['id'] = fbid;
		Shadowbox.open(loadedAlbums[fbid]);
	}
}

function FBAlbumReturn(req){
	if(trim(req.responseText) != ''){
		var returnArray = JSON.parse(req.responseText);
		if(returnArray['album_id'] && returnArray['album_name'] && returnArray['photos']){
			gebi('loader_'+returnArray['album_id']).style.display = 'none';
			loadedAlbums[returnArray['album_id']] = returnArray['photos'];
			currentAlbum['title'] = returnArray['album_name'];
			currentAlbum['id'] = returnArray['album_id'];
			Shadowbox.open(returnArray['photos']);
		}
	}
}

function playThisVideo(url,title,player){
	currentVideo.player = player;
	currentVideo.content = url;
	currentVideo.title = title;
	currentVideo.width = 640;
	currentVideo.height = 480;
	currentVideo.autoplay = 1;
	Shadowbox.open(currentVideo);
}

function setInitialPlayerFormatting(){
	if((sbWrapper = gebi('sb-wrapper')) && (sbOuter = gebi('sb-container'))){
		if(!(aname_div = gebi('sb_album_name'))){
			//create album name
			var aname_div = abuffer = document.createElement("DIV");
			var abuffer = document.createElement("DIV");
			aname_div.id = "sb_album_name";
			abuffer.id = "album_buffer";
			abuffer.onclick = Shadowbox.close;
			sbWrapper.insertBefore(aname_div,sbWrapper.childNodes[0]);
			sbWrapper.appendChild(abuffer);
		}
		aname_div.style.display = "none";
		
		if(!(iconrow = gebi('current_album_icon_row'))){
			var iconrow = document.createElement("DIV");
			iconrow.id = "current_album_icon_row";
			iconrow.innerHTML = '<div id="current_album_icon_row_inner"></div>';
			sbOuter.appendChild(iconrow);
		}
		iconrow.style.display = "none";
	}
}

function setAlbumFormatting(){
	var aname_div = gebi('sb_album_name');
	var iconrow = gebi('current_album_icon_row');
	aname_div.style.display = iconrow.style.display = "block";
	aname_div.innerHTML = currentAlbum['title'];
	
	var photos = new Array();
	if((photos = loadedAlbums[currentAlbum['id']])){
		if(photos.length > 0){
			var innerRow = gebi('current_album_icon_row_inner');
			var icons = '';
			var rowWidth = 0;
			for(var i = 0; i < photos.length; i++){
				rowWidth += (86/photos[i].dimension) + 15; // assumes 10 margin, 6 padding, 2 border and 80 height
				icons += '<a onclick="Shadowbox.change('+i+')" class="current_album_icon" href="javascript:void(0)"><img src="'+photos[i].content+'" /></a>';
			}
			innerRow.style.width = rowWidth + 'px';
			innerRow.innerHTML = icons;
			innerRow.innerHTML += '<div class="clear"></div>';
		}
	}
}

function setVideoFormatting(){
}

var isBoxLoaded = false;

function setFinalPlayerFormatting(){
	if(!isBoxLoaded){
		isBoxLoaded = true;
		if(Shadowbox.player.obj.player == 'img'){
			setAlbumFormatting();
		}
		else{
			setVideoFormatting();
		}
		gebi('current_album_icon_row').scrollLeft = 0;//force scroll to left
	}
	//make image the next button
	var sbPlayer = gebi('sb-player');
	sbPlayer.style.cursor = 'pointer';
	sbPlayer.onclick = Shadowbox.next;
}

function setBoxNotLoaded(){
	isBoxLoaded = false;
}

var mediaWidget = mediaWidgetLoader = false;

function checkForMediaWidget(){
	if((mediaWidget = gebi('media_widget'))){
		var url = siteRoot + 'process.php?case=widget_process&showMediaWidget=1&max=6';
		sendRequest(url,widgetReturn);
	}
}

var defaultDimensions = 175/100;

function widgetReturn(req){
	if(req.responseText != ''){
		mediaWidget.innerHTML = req.responseText;	
		var containerWidth = mediaWidget.offsetWidth;
		if(containerWidth > 210 && containerWidth < 335){//try to get 2 per row
			var iconHeight = ((containerWidth/defaultDimensions)/2)-12;
			var iconWidth = iconHeight*defaultDimensions;
			var allIcons = mediaWidget.childNodes;
			for(var i = 0; i < allIcons.length; i++){
				if(allIcons[i].tagName == 'A'){
					allIcons[i].getElementsByTagName('IMG')[0].style.height = iconHeight+'px';
					allIcons[i].getElementsByTagName('SPAN')[0].style.width = iconWidth+'px';
					if(allIcons[i].getElementsByTagName('IMG')[1]) allIcons[i].getElementsByTagName('IMG')[1].style.top = ((iconHeight/2))+'px';// video play icon
				}
			}
		}
	}
	forceFooterRecalc();
}

Shadowbox.init({language: 'en', players:  ['img','swf','flv','qt','wmp','iframe'],onOpen:setInitialPlayerFormatting, onFinish:setFinalPlayerFormatting, onClose:setBoxNotLoaded,overlayOpacity:.8});
//, 'html', 'iframe', 'qt', 'wmp', 'swf', 'flv'
addLoadEvent(setAlbumIconHover);
addLoadEvent(checkForMediaWidget);