<script type="text/javascript">
jQuery(document).ready(function($){
	aktmenu();
	
	function aktmenu(){
		$('a.tema').each(function(){
			var reg = /<?=$this->uri->segment(2)?>$/;
			if( reg.test($(this).attr('href')) ){
				if( "<?=trim($this->uri->segment(2))?>" != "" ){
					$(this).parent().parent().addClass( 'aktiv' );
					$(this).parent().parent().removeClass( 'inaktiv' );
				}else{
					$(this).parent().parent().removeClass( 'aktiv' );
					$(this).parent().parent().addClass( 'inaktiv' );
				}
			}
			else{
				$(this).parent().parent().removeClass( 'aktiv' );
				$(this).parent().parent().addClass( 'inaktiv' );
			}
		});
	}
});
</script>

<style type="text/css">
#videokmenu{ padding-left: 0; }
#videokmenu li{
	float: left;
	list-style-type: none;
	text-align: center;
	width: 145px;
}

#videokmenu li div.menu{
	width: 130px;
	background: url(/public/img/video/menu/category_button_normal_repeat.png) transparent 0 0 repeat-x;
	padding: 18px 0;
	height: 15px;
	float: left;
	margin: 0;
}
#videokmenu li .menujobb{
	background: url(/public/img/video/menu/category_button_normal_right.png) transparent 0 0 no-repeat;
	height: 60px;
    margin-left: 144px;
    width: 10px;
}
#videokmenu li .menubal{
	background: url(/public/img/video/menu/category_button_normal_left.png) transparent 0 0 no-repeat;
	height: 60px;
    width: 14px;
	float: left;
}


#videokmenu li.aktiv div.menu{
	background-image: url(/public/img/video/menu/category_button_active_repeat.png);
}
#videokmenu li.aktiv .menujobb{
	background-image: url(/public/img/video/menu/category_button_active_right.png);
}
#videokmenu li.aktiv .menubal{
	background-image: url(/public/img/video/menu/category_button_active_left.png);
}


#videokmenu li.inaktiv:hover div.menu{
	background-image: url(/public/img/video/menu/category_button_hover_repeat.png);
}
#videokmenu li.inaktiv:hover .menujobb{
	background-image: url(/public/img/video/menu/category_button_hover_right.png);
}
#videokmenu li.inaktiv:hover .menubal{
	background-image: url(/public/img/video/menu/category_button_hover_left.png);
}


#videokmenu li a{
	padding: 3px 5px;
	color: #212121;
	font-size: 14px;
}
</style>


<?if(hun() /*&& $_SERVER['REMOTE_ADDR']=='188.36.217.1'*/):?>
<div>
<ul id="videokmenu">
	<li onclick="location.href='/videok/kezdo'">
		<div class="menubal"></div>
		<div class="menu"><a class="tema" href="/videok/kezdo" title="Kezdő szint">Kezdő</a></div>
		<div class="menujobb"></div>
	</li>
	<li onclick="location.href='/videok/halado'">
		<div class="menubal"></div>
		<div class="menu"><a class="tema" href="/videok/halado" title="Haladó szint">Haladó</a></div>
		<div class="menujobb"></div>
	</li>
	<li onclick="location.href='/videok/profi'">
		<div class="menubal"></div>
		<div class="menu"><a class="tema" href="/videok/profi" title="Profi szint">Profi</a></div>
		<div class="menujobb"></div>
	</li>
	<li onclick="location.href='/videok/workshop'">
		<div class="menubal"></div>
		<div class="menu"><a class="tema" href="/videok/workshop" title="Workshop videók">Workshop</a></div>
		<div class="menujobb"></div>
	</li>
	<li onclick="location.href='/videok/bemutato'">
		<div class="menubal"></div>
		<div class="menu"><a class="tema" href="/videok/bemutato" title="Bemutató videók">Bemutató videók</a></div>
		<div class="menujobb"></div>
	</li>
</ul>
<div class="clear"></div>
</div>
<br />

<?else:?>

<div>
<ul id="videokmenu">
	<li onclick="location.href='/videos/beginner'">
		<div class="menubal"></div>
		<div class="menu"><a class="tema" href="/videos/beginner">Beginner</a></div>
		<div class="menujobb"></div>
	</li>
	<li onclick="location.href='/videos/familiar'">
		<div class="menubal"></div>
		<div class="menu"><a class="tema" href="/videos/familiar">Familiar</a></div>
		<div class="menujobb"></div>
	</li>
	<li onclick="location.href='/videos/expert'">
		<div class="menubal"></div>
		<div class="menu"><a class="tema" href="/videos/expert">Expert</a></div>
		<div class="menujobb"></div>
	</li>
	<li onclick="location.href='/videos/workshops'">
		<div class="menubal"></div>
		<div class="menu"><a class="tema" href="/videos/workshops" title="ARCHLine.XP workshop videos">Workshops</a></div>
		<div class="menujobb"></div>
	</li>
	<li onclick="location.href='/videos/presentations'">
		<div class="menubal"></div>
		<div class="menu"><a class="tema" href="/videos/presentations">Presentations</a></div>
		<div class="menujobb"></div>
	</li>
</ul>
<div class="clear"></div>
</div>
<br />

<?endif;?>