<style type="text/css">
	input{
		border: 2px solid #484848;
		height: 22px;
	}
	
	 textarea{
		border: 2px solid #484848;
	}
</style>

<?if( !isset($belepve) || !$belepve ):?>
		
		<script type="text/javascript" src="/public/js/jquery_ui.js"></script>
		<link href="/public/css/jquery.ui.css" rel="stylesheet" type="text/css" />
		<script>
		$(function() {
			$( "#usertypebtns" ).buttonset().find('label').width(167);
			
			$('input.radiobtn').click( function( event ){
				if( $('input:radio[name=usertype]:checked').val() == "user" ){
					$('#bejelentkezes').attr('action','/collection/login');
					$('.usernek').css('display','');
				}else{
					$('#bejelentkezes').attr('action','/collection/login/guest');
					$('.usernek').css('display','none');
				}
			})
		});
		</script>
		
		<div style="margin: auto; width: 370px; text-align: left">
			
			
			<div style="position: absolute; background: url('/public/img/collection/box_login_error.png'); margin-left: 375px; width: 214px; height: 82px; padding: 15px 10px 5px 50px; color: #ff8e8e; display: <?if(isset($error) && $error):?>block<?else:?>none<?endif;?>;" id="hibadoboz">
				
				<div style="overflow: hidden; height: 80px; color: white; font-decoration: none;">
					<p><?=lang('forum_hibasmailvagyjelszo')?></p>
				</div>
			</div>
			
			<div style="position: absolute; background: url('/public/img/collection/box_infobubble_viewer.png'); margin-left: 375px; width: 244px; height: 220px; padding: 15px 10px 5px 20px; color: #ff8e8e; display: <?if(isset($error) && $error):?>none<?else:?>block<?endif;?>;" id="infodoboz">
				
				<div style="overflow: hidden; height: 218px; color: white; font-decoration: none;">
					<?=lang('collec2_uplweltext')?>
				</div>
			</div>
			
			
			<div style="background: url('/public/img/collection/box_fullwidth-expanding_top.png'); width: 370px; height: 12px;">
			</div>
			
			<div style="background: url(/public/img/collection/box_fullwidth-expanding_bg.png); width: 350px; color: white; padding: 0px 5px 0px 15px;">
			
			<form enctype='multipart/form-data' action='/collection/login' method='POST' name="bejelentkezes" id="bejelentkezes">
			
			<table width="100%">
			<tbody>
				<tr>
				<td>
					<h1 style="border: 0 none; margin-bottom: 0;"><?=lang('forum_belepes')?></h1>
				</td>
				<td align="right" valign="bottom">
					<a style="color: rgb(221, 136, 0); text-decoration: none; font-weight: normal;" href="/forum/regisztracio">
						<?=lang('events_form_sub_reg')?>
						<img src="/public/img/link_arrow.png" style="margin: 0;" alt="" />
					</a>
				</td>
				</tr>
				</tbody>
			</table>
			
			<table width="100%">
			<tbody>
				<tr>
				<td colspan="2" valign="center" id="usertypebtns">
					<input type="radio" name="usertype" id="radio1" class="radiobtn" value="user" checked="checked"> <label for="radio1"><?=lang('collec2_reguser')?></label>
					<input type="radio" name="usertype" id="radio2" class="radiobtn" value="guest"> <label for="radio2"><?=lang('collec2_visitor')?></label>
				</td>
				</tr>
				<tr class="usernek">
				<td style="width: 45px;"><?=lang('email')?>:</td>
				<td><input type="text" name="email" id="email" style="width: 271px;" value="<?if(isset($email)) print $email;?>" /></td>
				</tr>
				<tr class="usernek">
				<td><?=lang('collec_jelszo')?>:</td>
				<td><input type="password" name="jelszo" id="jelszo" style="width: 271px;" /></td>
				</tr>
			</tbody>
			</table>
			
			<table width="100%">
			<tbody>
				<td align="right" class="usernek">
					<a style="color: rgb(221, 136, 0); text-decoration: none; font-weight: normal;" href="/collection/ujjelszo"><?=lang('forum_jszeml')?></a>
				</td>
				<td align="right" style="width: 120px;"><input type="button" style="background: url('/public/img/collection/button_normal.png'); border: 0px none; width: 120px; height: 30px; font-weight: bold; padding-bottom: 2px;" value="OK" onclick="waitMsg()" /></td>
				</tr>
			</tbody>
			</table>
			
			<?/*  Guest feltöltő  */?>
			<?/*<div style="text-align: right;"><input type="button" style="background: url('/public/img/collection/button_normal.png'); border: 0px none; width: 120px; height: 30px; font-weight: bold; padding-bottom: 2px;" value="Guest" onclick="waitMsg2()" /></div>*/?>
			
			
			</div>
			
			
			<div style="background: url('/public/img/collection/box_fullwidth-expanding_bottom.png'); width: 370px; height: 12px;">
			</div>
			
			
			<div style="padding-left: 6px;">
			
			<input type="checkbox" value="igen" id="elfogadas" />
			<span style="color: white;">
				<?=lang('feltolt_elfogadoma')?> <strong><?=lang('collec_felhfelt')?></strong>:
			</span>
			
			<div style="text-align: justify;"><?if(isset($feltetel)) print $feltetel->page_body;?></div>
			
			</div>
			
		</div>
		
		<div class="clear"></div>
		
		
		</div>
		
		</form>
		<form action='/collection/login/guest' method='POST' name="guestbejelentkezes" id="guestbejelentkezes"></form>
		
		
		
		<div id="message"></div>
	
	
<script type="text/javascript">
function waitMsg(){
	bejelentkezes201209("<?=lang('feltolt_noemail')?>","<?=lang('feltolt_nojelszo')?>","<?=lang('feltolt_nemfeltetel')?>","<?=lang('feltolt_hiba')?>");
}
function waitMsg2(){
	bejelentkezesguest("<?=lang('feltolt_nemfeltetel')?>","<?=lang('feltolt_hiba')?>");
}
</script>
	
	
	<?else:?>
	
	
	
	<div style="margin: auto; width: 370px;">
		
		<form enctype='multipart/form-data' action='/collection/usersubmit#ujsubmit' method='post' name="feltolt" id="feltolt">
		
		<div style="background: url('/public/img/collection/box_fullwidth-expanding_top.png'); width: 370px; height: 12px;">
		</div>
		
		<div style="background: url('/public/img/collection/box_fullwidth-expanding_bg.png'); width: 355px; color: white; padding: 0px 5px 0px 10px;">
		
		<table width="100%">
		<tbody>
			<tr>
			<td>
				<div style="float: left; width: auto;">
					<?=lang('forum_belepve')?>:&nbsp;&nbsp;
				</div>
				<div style="overflow: hidden; width: 180px;">
					<strong><?if($_COOKIE['azonosito']=="guest"):?><?=lang('collec2_visitor')?><?else:?><?=$email?><?endif;?></strong>
				</div>
			</td>
			<td align="right">
				<a style="color: rgb(221, 136, 0); text-decoration: none; font-weight: normal;" href="/collection/logout">
					<?=lang('feltolt_kilep')?>
					<img src="/public/img/link_arrow.png" style="margin: 0;" alt="" />
				</a>
			</td>
			</tr>
			</tbody>
		</table>
		
		</div>
		
		<div style="background: url('/public/img/collection/box_fullwidth-expanding_bottom.png'); width: 370px; height: 12px;">
		</div>
		
		
		<div style="position: absolute; background: url('/public/img/collection/box_image60.png'); margin-left: -87px; width: 59px; height: 59px; padding: 14px;" id="kepdoboz">
			
			<img src="/<?=$elonezettemp?>" style="width: 60px; height: 60px; margin: 0px;" alt="" />
			
		</div>
		
		
		<div style="position: absolute; background: url('/public/img/collection/box_infobubble.png'); margin-left: 375px; width: 214px; height: 82px; padding: 15px 10px 5px 50px; color: #ff8e8e; font-weight: bold; display: none;" id="hibadoboz">
			
			<div style="overflow: hidden; height: 80px;">
				<?=lang('collec_feltoltinfok')?>
			</div>
		
		</div>
		
		
		<div style="position: absolute; background: url('/public/img/collection/box_infobubble_repeat.png') repeat; margin-left: 375px; width: 244px; /*height: 82px;*/ padding: 0px 10px 0px 20px; color: #ff8e8e; top: 60px;" id="infodoboz">
			<div style="background: url('/public/img/collection/box_infobubble_top.png') no-repeat; margin-left: -20px; width: 274px; height: 30px;">&nbsp;</div>
			<div style="overflow: hidden; /*height: 80px;*/ color: white; font-decoration: none; margin-top: -15px;">
				<?=lang('collec2_feltoltinfok')?>
			</div>
			<div style="background: url('/public/img/collection/box_infobubble.png') left bottom no-repeat; margin-left: -20px; width: 274px; height: 15px;">&nbsp;</div>
		</div>
		
		
		
		
		<div style="background: url('/public/img/collection/box_fullwidth-expanding_top.png'); width: 370px; height: 12px;">
		</div>
		
		<div style="background: url(/public/img/collection/box_fullwidth-expanding_bg.png); width: 355px; color: white; padding: 0px 5px 0px 10px;">
		
			<table style="width: 350px;">
			<tr>
				<td colspan="2"><h1 style="border: 0px none; margin-bottom: 0px;"><?=lang('collec_infok')?></h1></td>
			</tr>
			<?if($_COOKIE['azonosito']=="guest"):?>
			<tr>
				<td><?=lang('forum_username')?>: *</td>
				<td>
					<input type="text" name="username" id="username" style="width: 250px;" value="<?=$_COOKIE['uploaduserPrevUsername']?>" />
				</td>
			</tr>
			<?endif;?>
			<tr>
				<td><?=lang('forum_projekt')?> <?=lang('name')?>: *</td>
				<td>
					<input type="text" name="projecttitle" id="projecttitle" style="width: 250px;" <?if($ujprojekt===false && $projekttitle ):?>readonly disabled="disabled"<?endif;?> value="<?=$projekttitle?>" />
				</td>
			</tr>
			<tr>
				<td><?=lang('collec2_picname')?>: *</td>
				<td><input type="text" name="cim" id="cim" value="<?if(isset($cim)) print $cim;?>" style="width: 250px;" /></td>
			</tr>
			<tr>
				<td valign="top"><?=lang('collec_leiras')?>:</td>
				<td>
					<textarea cols="3" rows="10" name="leiras" id="leiras" style="width: 250px; height: 60px;"></textarea>
				</td>
			</tr>
			<?/*<tr>
				<td style="width: 65px;"><?=lang('collec2_kiskepcsere')?>:<br />
					<em>68 x 68 px</em>
				</td>
				<td>
					<input type="file" name="kiskep" id="kiskep" style="width: 255px;" />
				</td>
			</tr>
			<tr>
				<td style="width: 65px;"><?=lang('collec2_nagykepcsere')?>:<br />
					<em>488 x 396 px</em>
				</td>
				<td>
					<input type="file" name="nagykep" id="nagykep" style="width: 255px;" />
				</td>
			</tr>*/?>
			<tr<?if($_COOKIE['azonosito']=="guest"):?> style="display: none;"<?endif;?>>
				<td style="width: 65px;"><?=lang('forum_megoszt')?>:
				</td>
				<td>
					<input type="checkbox" name="shared" id="shared" checked="checked" />
				</td>
			</tr>
			<tr>
				<td colspan="2" align="right">
					<input type="submit" value='<?=lang('collec_feltolt')?>' style="background: url('/public/img/collection/button_upload.png') no-repeat; width: 120px; height: 32px; border: 0px none; padding-bottom: 3px; padding-left: 25px; font-weight: bold; text-align: left;" />
					<?/*<input type="button" value='Cancel' onclick="window.location.href='/collection2#cancel'" style="background: url('/public/img/collection/button_cancel.png') no-repeat; width: 98px; height: 32px; border: 0px none; padding-bottom: 3px; font-weight: bold;" />*/?>
				</td>
			</tr>
			</table>
			
		</div>
		
		<div style="background: url('/public/img/collection/box_fullwidth-expanding_bottom.png'); width: 370px; height: 12px;">
		</div>
		
		
			
			
			<div style="text-align: right; color: #8d8d8d; font-size: 0.8em;">* <?=lang('collec_kozelezomezok')?></div>
			
			<input type="hidden" name="projekt" id="projekt" value="<?=$projekt?>" />
			<input type="hidden" name="nagyfajl" id="nagyfajl" value="<?=$nagyfajl?>" />
			<input type="hidden" name="nagykeporig" id="nagykeporig" value="<?=$nagykep?>" />
			<input type="hidden" name="elonezetorig" id="elonezetorig" value="<?=$elonezet?>" />
			
			
			
		</form>
		
		<div id="message"></div>
	
	</div>
	
	
	
	<?endif;?>