function swapvideos(imgnum, vidspace)
{
	var link = '';
	switch(imgnum)
	{
		case '1': link = '<object style="height: 390px; width: 640px">' +
								'<param name="movie" value="http://www.youtube.com/v/qFODEnc-qs4?version=3">' +
								'<param name="allowFullScreen" value="true">' +
								'<param name="allowScriptAccess" value="always">' +
								'<embed src="http://www.youtube.com/v/qFODEnc-qs4?version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="390">' +
							'</object>';
							break;
		case '2': link = '<object style="height: 390px; width: 640px">' +
								'<param name="movie" value="http://www.youtube.com/v/FRibR-4tMZE?version=3">' +
								'<param name="allowFullScreen" value="true">' +
								'<param name="allowScriptAccess" value="always">' +
								'<embed src="http://www.youtube.com/v/FRibR-4tMZE?version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="390">' +
							'</object>';
							break;
		case '3': link = '<object style="height: 390px; width: 640px">' +
								'<param name="movie" value="http://www.youtube.com/v/VfNXWB476Nw?version=3">' +
								'<param name="allowFullScreen" value="true">' +
								'<param name="allowScriptAccess" value="always">' +
								'<embed src="http://www.youtube.com/v/VfNXWB476Nw?version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="390">' +
							'</object>';
							break;
		case '4': link = '<object style="height: 390px; width: 640px">' +
								'<param name="movie" value="http://www.youtube.com/v/HcLIUvwx2g0?version=3">' +
								'<param name="allowFullScreen" value="true">' +
								'<param name="allowScriptAccess" value="always">' +
								'<embed src="http://www.youtube.com/v/HcLIUvwx2g0?version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="390">' +
							'</object>';
							break;
	}
	vidspace.empty();
	vidspace.append(link);
}

jQuery(document).ready(function()
{
	var $ = jQuery;
	/*
	* Start portfolio Javascripting
	*/
	$('body').append('<div id="mask"></div>' +
					'<div id="window">' +
						'<div id="vid-menu">' +
							'<h4>Mystery Shopping</h4>' +
							'<img class="1" src="http://www.hsbrands.com/wp-content/themes/hsbrands/images/video-1.jpg" alt="Video 1" />' +
							'<h4>Loss Prevention Testimonial</h4>' +
							'<img class="2" src="http://www.hsbrands.com/wp-content/themes/hsbrands/images/video-2.jpg" alt="Video 2" />' +
							'<h4>Mystery Shopping Company</h4>' +
							'<img class="3" src="http://www.hsbrands.com/wp-content/themes/hsbrands/images/video-3.jpg" alt="Video 3" />' +
							'<h4>Royalty Assurance</h4>' +
							'<img class="4" src="http://www.hsbrands.com/wp-content/themes/hsbrands/images/video-4.jpg" alt="Video 4" />' +
						'</div>' +
						'<div id="vidtem">' +
							'<object style="height: 390px; width: 640px">' +
								'<param name="movie" value="http://www.youtube.com/v/qFODEnc-qs4?version=3">' +
								'<param name="allowFullScreen" value="true">' +
								'<param name="allowScriptAccess" value="always">' +
								'<embed src="http://www.youtube.com/v/qFODEnc-qs4?version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="390">' +
							'</object>' +
						'</div>' +
						'<img id="vidx" src="http://www.hsbrands.com/wp-content/themes/hsbrands/images/x.gif" alt="Close window" />' +
					'</div>');
	var mask = $('#mask');
	var vidx = $('#vidx');
	var window = $('#window');
	var vidmenu = $('#vid-menu');
	var menuimg = $('#vid-menu img');
	var vidtem = $('#vidtem');
	var vidroll = $('.video-roll');
	var vidx = $('#vidx');
	
	mask.css({
		position:'absolute',
		height:$(document).height(),
		width:'100%',
		zIndex:'9000',
		top:'0',
		left:'0',
		display:'none',
		background:"transparent url('http://www.hsbrands.com/wp-content/themes/hsbrands/images/screen.png') repeat top left"
	});
	vidx.css({
		position:'absolute',
		right:'-12px',
		top:'-12px',
		cursor:'pointer'
	});
	window.css({
		position:'absolute',
		width:'850px',
		zIndex:'9999',
		top:'250px',
		left:'100px',
		backgroundColor:'#F2F2F2',
		border:'1px solid black',
		padding:'25px 15px',
		display:'none'
	});
	vidmenu.css({
		float:'left',
		width:'170px'
	});
	menuimg.css({
		marginBottom:'10px',
		cursor:'pointer'
	});
	vidtem.css({
		width:'640px',
		float:'right'
	});
	vidroll.click(function(event)
	{
		event.preventDefault();
		mask.css('display','block'); //mask
		window.css('display','block'); //display window
		$('html,body').animate({scrollTop:'250px'},1000); //Scroll to video box
		return false;
	});
	vidx.click(function(event)
	{
		window.css('display','none');
		mask.css('display','none');
	});
	menuimg.click(function(event)
	{
		var imgnum = $(this).attr('class');
		swapvideos(imgnum, vidtem);
	});
});