<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/logo-jscripts/jquery.min.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/logo-jscripts/yugenlogo.min.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/logo-jscripts/yugenlogo.util.min.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/logo-jscripts/yugenlogo.input.move.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/logo-jscripts/yugenlogo.input.press.js"></script>

<div class ="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>

<div class ="logo"><a href="{$mybb->settings['bburl']}/index.php">
<div id="iframe-yugen-logo">
    <canvas id="iframe-yugen-logo-canvas" style="display: none;"></canvas>
    <canvas id="iframe-yugen-shadow-canvas" style="display: none;"></canvas>
    <img src="images/14.png" alt="Yugen Logo"/>
</div>
<script>
 showyugenLogo('#iframe-yugen-logo img', 'iframe-yugen-logo', 'iframe-yugen-logo-canvas', 250, 200, 1, .38, .21);
 function showyugenLogo(logoImg, containerID, logoCanvasID,
						    width, height, wordScale,
						    backgroundScaleX, backgroundScaleY) {
			 // yugen Logo Javascript ------------
						  $(logoImg).hide();
				yugenLogo.initialize(
			 {
				framerate: 60,
				width: width,
				height: height,
	colorSpeedFactor: 0.4,
	morphSpeedFactor: 0.4,
	morphStrengthFactor: 0.8,
	morphBaseSpeedFactor: 0.2,
	introSpeedFactor: 2,
	outroSpeedFactor: 2,
	normalOffsetFactor: 1.5,
	maxShapeRotation: 0.2,
	wordOffsetX: -10,
	wordOffsetY: 0,
	wordScale: 1.3,
	foregroundScaleX: 0.38,
	foregroundScaleY: 0.21,
	backgroundScaleX: 0.39,
	backgroundScaleY: 0.23,
	shadowAlpha: 0.1,
	shapeQuality: 9,
	containerID: containerID,
	logoCanvasID: logoCanvasID,
	shadowCanvasID: "null",
		  colors:[
		  [new yugenLogo.util.Color(243, 212, 86),
		  new yugenLogo.util.Color(239, 200, 65)],
		  [new yugenLogo.util.Color(129, 233, 146),
		  new yugenLogo.util.Color(104, 226, 122)],
		  [new yugenLogo.util.Color(67, 244, 183),
		  new yugenLogo.util.Color(49, 241, 164)],
		  [new yugenLogo.util.Color(45, 188, 217),
		  new yugenLogo.util.Color(32, 170, 206)],
		  [new yugenLogo.util.Color(110, 82, 153),
		  new yugenLogo.util.Color(86, 61, 129)],
		  [new yugenLogo.util.Color(229, 106, 160),
		  new yugenLogo.util.Color(221, 82, 137)],
		  [new yugenLogo.util.Color(253, 95, 97),
		  new yugenLogo.util.Color(252, 72, 74)],
		  [new yugenLogo.util.Color(255, 145, 82),
		  new yugenLogo.util.Color(255, 120, 61)]
	   ],
	   inputs:[yugenLogo.input.move,yugenLogo.input.press],
				fallbackImages: [
				    '{$mybb->settings['bburl']}/images/' + 'logo-images/1.png',
				    '{$mybb->settings['bburl']}/images/' + 'logo-images/2.png',
				    '{$mybb->settings['bburl']}/images/' + 'logo-images/3.png',
				    '{$mybb->settings['bburl']}/images/' + 'logo-images/4.png',
				    '{$mybb->settings['bburl']}/images/' + 'logo-images/5.png',
				    '{$mybb->settings['bburl']}/images/' + 'logo-images/6.png',
				    '{$mybb->settings['bburl']}/images/' + 'logo-images/7.png',
				    '{$mybb->settings['bburl']}/images/' + 'logo-images/8.png',
				    '{$mybb->settings['bburl']}/images/' + 'logo-images/9.png',
				    '{$mybb->settings['bburl']}/images/' + 'logo-images/10.png',
				    '{$mybb->settings['bburl']}/images/' + 'logo-images/11.png',
				    '{$mybb->settings['bburl']}/images/' + 'logo-images/12.png',
				    '{$mybb->settings['bburl']}/images/' + 'logo-images/13.png',
				    '{$mybb->settings['bburl']}/images/' + 'logo-images/14.png'
				]
    });
    }
</script>
</a></div>