<script type="text/javascript">
	 function videoGallery(mi,options){
	
		var defaults = {
			w: 320,
			h: 240,
			holderDiv: '#video-holder',
			src: 'rel',
			showTitle: true,
			title: 'title',
			titleLoc: '#video-title'
		};
		
		var options = defaults;//$.extend(defaults, options);
		var element = mi;
		
		src = $(mi).attr(options.src);
		title = $(mi).attr(options.title);
		
		$(options.holderDiv)
			.html('<object width="425" height="349"><param name="movie" value="http://www.youtube.com/v/'+src+'?fs=1&amp;hl=hu_HU"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><param name="wmode" value="opaque"></param><embed src="http://www.youtube.com/v/'+src+'?fs=1&amp;hl=hu_HU" type="application/x-shockwave-flash" width="425" height="349" allowscriptaccess="always" allowfullscreen="true" wmode="opaque"></embed></object>');
         
	}(jQuery);


jQuery(document).ready(function($){
	$('.video').click(function(){videoGallery(this);});
	
	$('#videoklistakeret').jScrollPane({
		showArrows: true,
		arrowScrollOnHover: true
	});
	
	
});
</script>


	<?php $vidik = $this->muser->get_welcome_video();?>
<div style="background: url('/public/img/welcome/2012/box_video.png') no-repeat; width: 972px; margin-left: -20px;">
	<div id="video-holder" rel="2" title="The Second Video" style="height: 350px; width: 425px; float: left; padding: 13px 15px 10px 0px; margin-left: 10px;">
				
				<?if(!$mobil):?>
				<object width="425" height="349">
				<param name="movie" value="http://www.youtube.com/v/_dU1s818BAU?fs=1&amp;hl=hu_HU"></param>
				<param name="allowFullScreen" value="true"></param>
				<param name="allowscriptaccess" value="always"></param>
				<param name="wmode" value="opaque"></param>
				<embed src="http://www.youtube.com/v/_dU1s818BAU?fs=1&amp;hl=hu_HU" type="application/x-shockwave-flash" width="425" height="349" allowscriptaccess="always" allowfullscreen="true" wmode="opaque"></embed>
				</object>
				<?endif;?>
			</div>
			<div id="videojobb" style="height: 378px; width: 525px; margin-left: 430px;">
				<h1 style="border: 0 none; margin: 10px 0px 0px 5px; padding-top: 5px;">Video library</h1>
				<div style="margin: 0px 5px 0px 5px;">See how ARCHLine.XP covers various aspects of your design process, and helps you to win more business.</div>
				
				
			<div id="videoklistakeret" class="scroll-pane" style="width: 500px; height: 300px;">
				
				<div style="height: 58px; overflow: hidden; cursor: pointer; padding: 5px;" title="Nicholas Sunderland - Courtfield Gardens" class="video" rel="_dU1s818BAU">
					<img src="/public/img/services/video/Courtfield_gardens.png" style="float: left; width: 60px; height: 48px; margin-right: 5px;" alt="Nicholas Sunderland - Courtfield Gardens" />
					<h3 style="margin: 0px 0px 4px 65px; font-weight: bold;">Nicholas Sunderland - Courtfield Gardens</h3>
					A walkthrough animation of Courtfield Gardens made with ARCHLine.XP Interior design software.
				</div>
				<div class="clear"></div>
				
				
			</div>
		
	</div>
</div>