Ext.onReady(function(){
	Ext.QuickTips.init();		
	var num_movies_to_display = 7;
	
	Ext.Ajax.request({
		url : 'services/services.php' , 
		params : { service : 'GET_TESTIMONIALS_RAND', number_return: num_movies_to_display },
		method: 'POST',
		success: function ( result, request ) {
			var data = result.responseText.split(",");
			var strHTML = '';
			
			strHTML += '<div class="testimonials-content-box-content">';
				strHTML += '<img src="images/testimonials-banner.png" width="30%"></br>';
				//post the alpha movie
				/*
				strHTML += '<div class="youtube-wrapper">';
					strHTML += '<div class="youtube-small"><a href="javascript:void(0)"><img onClick="testimonial_widget_play(\'CgjcukGFblc\')" src="http://img.youtube.com/vi/CgjcukGFblc/default.jpg" alt="" width="120" height="90" /></a></div>';
					strHTML += '<div class="play-button"><a href="javascript:void(0)"><img onClick="testimonial_widget_play(\'CgjcukGFblc\')" src="images/testimonial-play.png" alt="" width="41" height="42" /></a></div>';							
				strHTML += '</div>';	
				*/
				for (var i = 1; i < num_movies_to_display; i++)
				{						
					strHTML += '<div class="youtube-wrapper">';
						strHTML += '<div class="youtube-small"><a href="javascript:void(0)"><img onClick="testimonial_widget_play(\'' + data[i] + '\')" src="http://img.youtube.com/vi/' + data[i] + '/default.jpg" alt="" width="120" height="90" /></a></div>';
						strHTML += '<div class="play-button"><a href="javascript:void(0)"><img onClick="testimonial_widget_play(\'' + data[i] + '\')" src="images/testimonial-play.png" alt="" width="41" height="42" /></a></div>';								
					strHTML += '</div>';	
				}
			strHTML += '</div>';				
								
			document.getElementById("testimonials-widget-small").innerHTML=strHTML;
		},
		failure: function ( result, request) { 
			Ext.MessageBox.alert('Load Failed', 'You are leaving the page before it has finished loading... <br>Please wait...'); 
		} 
	});
	
	
	
});

function testimonial_widget_play(youTubeID)
{	
	var win = new Ext.Window(
	{
		title: 'Real Customers, Real Stories...',
		closable:true,
		width:662,
		height:463,
		resizable: false,
		//border:false,
		modal: true,
		html: '<object width="646" height="396"><param value="http://www.youtube.com/v/' + youTubeID + '?hl=en&amp;fs=1" name="movie"><param value="transparent" name="wmode"><param value="true" name="allowFullScreen"><param value="always" name="allowscriptaccess"><embed width="646" height="396" wmode="transparent" allowfullscreen="true" allowscriptaccess="always" type="application/x-shockwave-flash" src="http://www.youtube.com/v/' + youTubeID + '?hl=en&amp;fs=1"></object>',
		plain:true,
		buttons: [
		{
			text:'Close',
			handler:function()
					{
						//alert(win.getHeight());
						//alert(win.getWidth());
						win.close();
					}
		}]
	});

	win.show(this); 
	//document.getElementById("youtube-vid").innerHTML = '<object width="646" height="396"><param name="movie" value="http://www.youtube.com/v/' + youTubeID + '?hl=en&fs=1"></param><param name="wmode" value="transparent"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/' + youTubeID + '?hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="646" height="396" wmode="transparent"></embed></object>';
	
	
}