howto add a section/region into a tpl

Hello,

I'm not sure how to state my "wish" clearly.. and unfortunatly there's not much documentation about omega 3.x yet.
But here it goes:

I'm trying to build in a "login sliding panel" using the base code at: http://web-kreation.com/all/nice-clean-sliding-login-panel-built-with-jq...

Now this part works fine.. it works in drupal and has no issues in combination with omega.. BUT
What i really want to do is to make some omega regions (or prefered a section) into the sliding panel.

i'm unfortunatly not a coder (besides simple basic's) which might be the real issue here.
i used the html.tpl.php to put the panel in place -
The code is again found in the above tutorial (with some minor modifications).

Which looks like:

<body<?php print $attributes;?>>
  <div id="skip-link">
    <a href="#main-content" class="element-invisible element-focusable"><?php print t('Skip to main content'); ?></a>
  </div>
  <!-- Panel -->
<div id="toppanel">
	<div id="panel">
		<div class="content clearfix">
			<div class="left">
				<h1>Welcome to Web-Kreation</h1>
				<h2>Sliding login panel Demo with jQuery</h2>		
				<p class="grey"><?php print $USER; ?> ></p>
				<h2>Download</h2>
				<p class="grey">To download this script go back to <a href="http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery" title="Download">article &raquo;</a></p>
			</div>
			<div class="left">
				<!-- Login Form -->
				<form class="clearfix" action="#" method="post">
					<h1>Member Login</h1>
					<label class="grey" for="log">Username:</label>
					<input class="field" type="text" name="log" id="log" value="" size="23" />
					<label class="grey" for="pwd">Password:</label>
					<input class="field" type="password" name="pwd" id="pwd" size="23" />
	            	<label><input name="rememberme" id="rememberme" type="checkbox" checked="checked" value="forever" /> &nbsp;Remember me</label>
        			<div class="clear"></div>
					<input type="submit" name="submit" value="Login" class="bt_login" />
					<a class="lost-pwd" href="#">Lost your password?</a>
				</form>
			</div>
			<div class="left right">			
				<!-- Register Form -->
				<form action="#" method="post">
					<h1>Not a member yet? Sign Up!</h1>				
					<label class="grey" for="signup">Username:</label>
					<input class="field" type="text" name="signup" id="signup" value="" size="23" />
					<label class="grey" for="email">Email:</label>
					<input class="field" type="text" name="email" id="email" size="23" />
					<label>A password will be e-mailed to you.</label>
					<input type="submit" name="submit" value="Register" class="bt_register" />
				</form>
			</div>
		</div>
</div> <!-- /login -->	

	<!-- The tab on top -->	
	<div class="tab">
		<ul class="login">
			<li class="left">&nbsp;</li>
				 <?php if ($logged_in): ?>
      <li><?php print t('Hello, !user',
            array('!user' =>
              "<a href=\"" . $base_path . "user\" title=\"" . t('View member profile') . "\">" . htmlspecialchars($user->name) . "</a>"));?></li>
      <?php else: ?>
      <li><?php print t('Hello, Guest'); ?></li><?php endif; ?>
			<li class="sep">|</li>
			<li id="toggle">
				<a id="open" class="open" href="#">Log In | Register</a>
				<a id="close" style="display: none;" class="close" href="#">Close Panel</a>			
			</li>
			<li class="right">&nbsp;</li>
		</ul> 
	</div> <!-- / top -->
</div> <!--panel -->
  <?php print $page_top; ?>
  <?php print $page; ?>
  <?php print $page_bottom; ?>
</body>

I'm very sure this is not the right way to do it - however if i do it for example within a region/ section it is not full width but the width of the region/section (which i think can not be made full page for one individual section ?).

If you can still follow.. (hopefully someone can) any info, help or advice will be very welcome :)
(as i like to do this in a propper way, and not half ass like i'm doing at the moment :P)

Regards,
Marco