// JavaScript Document



var phh_formBoxVis = false;
$(document).ready(function(){
	phh_addFbFuncs();
});



function phh_addFbFuncs()
{
	$('#fbButtonO,.fbTxt,#fbButton').click(function(){
		if(phh_formBoxVis == false)
		{
			$('#fbForm').fadeIn('fast');
			phh_formBoxVis = true;
			documentOverlay.show();
			$('#doc_overlay').click(function(){
				closeBox();
			})
		}else{
			closeBox()
		}
	});
	
	$('.fbfTopBar').click(function(){
		closeBox();
	})
	$('.fbfCloseButton').click(function(){
		closeBox();
	})
	

	$('#commentAbout').change(function(){
		var str = "";
		$("#commentAbout option:selected").each(function()
		{
			$('.whatRating').text($(this).val());
		});
	});
}


function closeBox(){
	$('#fbForm').fadeOut('fast');
	phh_formBoxVis = false;
	documentOverlay.hide();
};




var documentOverlay = {
	show: function() { 
		// ---------------------        
		// STUFF YOU CAN CHANGE:
		var color = '#E9E8E0'; // SET THE COLOR HERE (IT CAN BE A HEX COLOR e.g. #FF00FF)        
		var opacity = 0.7; // SET AN OPACITY HERE - MUST BE BETWEEN 0 AND 1        
		// ---------------------        
		// DON'T TOUCH ANYTHING FROM HERE ONWARDS        
		// ---------------------        
		var o = document.getElementById('doc_overlay');        
		if(!o) {
			var o = document.createElement('div');
			o.id = "doc_overlay";            
			documentOverlay.style(o,{
				position: 'absolute',
				top: 0,  
				left: 0, 
				width: '100%',  
				height: documentOverlay.getDocHeight()+'px',
				background: color, 
				zIndex: 499, 
				opacity: opacity,  
				filter: 'alpha(opacity='+opacity*100+')'
			});
			document.getElementsByTagName('body')[0].appendChild(o);
		} else { 
			documentOverlay.style(o,{background:color||'#000',display:'block'});
		}  
	},
	hide: function() {   
		var o = document.getElementById('doc_overlay');   
		o.style.display = 'none';  
	},  
	style: function(obj,s) {
		for ( var i in s ) {
			obj.style[i] = s[i]; 
		}   
	}, 
	getDocHeight: function() 
		{ 
			var Y,YT;  
			if( self.innerHeight ) {Y = self.innerHeight;}  
			else if (document.documentElement && document.documentElement.clientHeight) {Y = document.documentElement.clientHeight;} 
			if( document.body ) {YT = document.body.clientHeight;} 
			if(YT>Y) {Y = YT;}  
			return Y; 
		}
	}




function addButtonFuncs()
{
	$("#right").click(function(){
		if(inTrans == false)
		{
			inTrans = true;
			// move on
			if(currImg + 1 >= captions.length)
			{
				showPic = 0;
			}else{
				showPic = currImg + 1;
			}
			showAPic(showPic);
		}
	});

	$("#left").click(function(){
		if(inTrans == false)
		{
			inTrans = true;
			if(currImg - 1 < 0)
			{
				showPic = captions.length -1;
			}else{
				showPic = currImg - 1;
			}
			showAPic(showPic);
		}
	});
}