<script type='text/javascript'>
jQuery(document).ready(function($){
	$('.videokat').click(function(){
		var allapot = $('#videokformdoboz').css("display");
		if(allapot == "none")
			$('#videokformdoboz').css({'display': 'block'});
		else
			$('#videokformdoboz').css({'display': 'none'});
	});
	
	
	<?foreach($ovcsoportok as $csoport):?>
	
	$('.h2csop<?=$csoport->azon?>').click(function(){
		var allapot = $('#csoport<?=$csoport->azon?>').css("display");
		if(allapot == "none"){
			$('#csoport<?=$csoport->azon?>').css({'display': 'block'});
			$('#nyil<?=$csoport->azon?>').attr('src','/public/img/admin_nyil_le.png');
		}
		else{
			$('#csoport<?=$csoport->azon?>').css({'display': 'none'});
			$('#nyil<?=$csoport->azon?>').attr('src','/public/img/link_arrow.png');
		}
	});
	
	<?endforeach;?>
	
	
	$('.ujvideo').click(function(){
		var allapot = $('#ujvideodoboz').css("display");
		var ujdel = document.getElementById('ujviddel');
		
		if(allapot == "none"){
			$('#ujvideodoboz').css({'display': 'block'});
			$('.ujvideo').val("Mégsem");
			ujdel.checked = "";
		}
		else{
			$('#ujvideodoboz').css({'display': 'none'});
			$('.ujvideo').val("Hozzáad");
			ujdel.checked = "checked";
		}
	});
	
	$('.csportokat').click(function(){
		var allapot = $('#csoportokformdoboz').css("display");
		if(allapot == "none")
			$('#csoportokformdoboz').css({'display': 'block'});
		else
			$('#csoportokformdoboz').css({'display': 'none'});
	});
	
	$('.ujcsoport').click(function(){
		var allapot = $('#ujcsoportdoboz').css("display");
		var ujdel = document.getElementById('ujcsoportdel');
		
		if(allapot == "none"){
			$('#ujcsoportdoboz').css({'display': 'block'});
			$('.ujcsoport').val("Mégsem");
			ujdel.checked = "";
		}
		else{
			$('#ujcsoportdoboz').css({'display': 'none'});
			$('.ujcsoport').val("Hozzáad");
			ujdel.checked = "checked";
		}
	});
	
	/* hogy ne leptessen ki*/
	idozito = setTimeout(function(){menjel();},10000);
	function menjel(){
		var url = "/other/semmi";
		jQuery('#semmidiv').load(url, function(response, status, xhr){
		//		alert("ok");
			});
		
		idozito = setTimeout(function(){menjel();},180000);
	}
	
});
</script>

<div id="semmidiv" style="display: none;"></div>


<div class="videokat" style="cursor: pointer; margin-bottom: 20px; padding: 3px; border: 1px solid black; width: 200px;"><strong>Oktatóvideók szerkesztése</strong></div>
	<div id="videokformdoboz" style="margin: 10px 0px 20px 0px; background: #ffd; width: 550px;">
	
		<?$i=$ii=0;?>
		<?foreach($oktatovideok as $k=>$csoport):?>
		<form action="/admin/set_oktatovideok/<?=$k?>" enctype="multipart/form-data" method="post" name="vidik">
		<?$ii++;?>
		<?/*if($ii <= 2) continue; */?>
		<?$csopneve = $this->db->query("SELECT cim FROM videogroups WHERE azon='{$k}'")->row();?>
		<h2 style="margin-left: 20px; width: 500px; cursor: pointer;" class="h2csop<?=$k?>"><?=$csopneve->cim?> <img src="/public/img/link_arrow.png" id="nyil<?=$k?>" style="float: right; margin-right: 5px; position: relative; top: 5px;" /> <span style="float: right;">Hivatkozási név: <?=$k?></span></h2>
		<div id="csoport<?=$k?>" style="display: none;">
		<?foreach($csoport as $video):?>
		<div style="padding: 5px; background: #eed; border: 1px solid #777; margin: 2px;">
		<input type="hidden" name="vid_id<?=$i?>" id="vid_id<?=$i?>" value="<?=$video->vid_id?>">
		<table>
			<tr>
				<td>Pozíció: </td>
				<td>
					<input type="text" name="vidsorszam<?=$i?>" id="vidsorszam<?=$i?>" size="2" value="<?=$video->sorszam?>" style="width: 400px;" />
				</td>
			</tr>
			<tr>
				<td>Youtube azonosító: </td>
				<td><input type="text" name="vidyoutube<?=$i?>" id="vidyoutube<?=$i?>" value="<?=$video->youtubeid?>" maxlength="11" style="width: 400px;" /></td>
			</tr>
			<tr>
				<td>Cím: </td>
				<td><input type="text" name="vidcim<?=$i?>" id="vidcim<?=$i?>" value="<?=$video->cim?>" style="width: 400px;" /></td>
			</tr>
			<tr>
				<td>Leírás: </td>
				<td>
					<textarea cols="40" rows="4" name="vidleiras<?=$i?>" id="vidleiras<?=$i?>" style="width: 400px;"><?=$video->leiras?></textarea>
				</td>
			</tr>
			<tr>
				<td><a href="/<?=$video->kep?>" target="_blank">Kép:</a> <i>60x48 px</i> </td>
				<td><input type="file" name="vidkep<?=$i?>" id="vidkep<?=$i?>"></td>
			</tr>
			<tr>
				<td>Csoport: </td>
				<td>
					<select name="csoport<?=$i?>" style="width: 400px;">
					<?foreach($ovcsoportok as $csoport):?>
					<option value="<?=$csoport->azon?>" <?if($video->csoport==$csoport->azon):?>selected="selected"<?endif;?>><?=$csoport->cim?></option>
					<?endforeach;?>
					</select>
				</td>
			</tr>
			<tr>
				<td>Törlés: </td>
				<td><input type="checkbox" name="viddel<?=$i?>" id="viddel<?=$i?>"></td>
			</tr>
		</table>
		</div>
		<?$i++;?>
		<?endforeach;?>
		<input type="submit" value="Mentés" name="videovalt" style="float: right;" />
		<div class="clear" style="margin-bottom: 10px;"></div>
		<input type="hidden" name="videokdb" id="videokdb" value="<?=$i?>">
		</form>
		</div>
		<?endforeach;?>
		
		
		<input type="button" value="Hozzáad" class="ujvideo">
		<form action="/admin/set_oktatovideok" enctype="multipart/form-data" method="post" name="vidik">
		<div id="ujvideodoboz" style="padding: 5px; background: #ddc; border: 1px solid #977; margin: 2px; display: none;">
		<table>
			<tr>
				<td>Pozíció: </td>
				<td><input type="text" name="ujvidsorszam" id="ujvidsorszam" size="2" value="1" style="width: 400px;"  /></td>
			</tr>
			<tr>
				<td>Youtube azonosító: </td>
				<td><input type="text" name="ujvidyoutube" id="ujvidyoutube" value="" maxlength="11" style="width: 400px;"  /></td>
			</tr>
			<tr>
				<td>Cím: </td>
				<td><input type="text" name="ujvidcim" id="ujvidcim" value="" style="width: 400px;"  /></td>
			</tr>
			<tr>
				<td>Leírás: </td>
				<td>
					<textarea cols="40" rows="4" name="ujvidleiras" id="ujvidleiras" style="width: 400px;" ></textarea>
				</td>
			</tr>
			<tr>
				<td>Kép: <i>60x48 px</i> </td>
				<td><input type="file" name="ujvidkep" id="ujvidkep"></td>
			</tr>
			<tr>
				<td>Csoport: </td>
				<td>
					<select name="ujvidcsoport" style="width: 400px;" >
					<?foreach($ovcsoportok as $csoport):?>
					<option value="<?=$csoport->azon?>"><?=$csoport->cim?></option>
					<?endforeach;?>
					</select>
				</td>
			</tr>
			<tr style="display: none;">
				<td>Törlés: </td>
				<td><input type="checkbox" name="ujviddel" id="ujviddel" checked="true"></td>
			</tr>
		</table>
		<input type="submit" value="Mentés" name="videovalt" />
		</div>
		
		</form>
	</div>



<?//print_r($oktatovideok);?>



<div class="csportokat" style="cursor: pointer; margin-bottom: 20px; padding: 3px; border: 1px solid black; width: 200px;"><strong>Oktatóvideók csoportjának szerkesztése</strong></div>
	<span style="color: #a00">Videó csoport beillesztése egy lapba: #csoportazon# hivatkozással.</span>
	<div id="csoportokformdoboz" style="margin: 10px 0px 20px 0px; background: #ffd; width: 550px; display: none;">
	<form action="/admin/set_videokcsoport" enctype="multipart/form-data" method="post" name="vidik">
		<?$i=0;?>
		<?foreach($ovcsoportok as $csoport):?>
		<div style="padding: 5px; background: #eed; border: 1px solid #777; margin: 2px;">
		<input type="hidden" name="vg_id<?=$i?>" id="vg_id<?=$i?>" value="<?=$csoport->vg_id?>" />
		<table>
			<tr>
				<td>
					Hivatkozás:<br />
					<span style="color: #a00">Nem módosítható!</span>
				</td>
				<td valign="top">
					<input type="text" readonly value="#<?=$csoport->azon?>#" style="width: 400px;" />
				</td>
			</tr>
			<tr>
				<td>Cím: </td>
				<td><input type="text" name="csopcim<?=$i?>" id="csopcim<?=$i?>" value="<?=$csoport->cim?>" style="width: 400px;" /></td>
			</tr>
			<tr>
				<td>Leírás: </td>
				<td>
					<textarea cols="40" rows="4" name="csopleiras<?=$i?>" id="csopleiras<?=$i?>" style="width: 400px;"><?=$csoport->leiras?></textarea>
				</td>
			</tr>
		</table>
		</div>
		<?$i++;?>
		<?endforeach;?>
		
		<input type="hidden" name="csoportokdb" id="csoportokdb" value="<?=count($ovcsoportok)?>">
		
		<input type="button" value="Hozzáad" class="ujcsoport">
		<div id="ujcsoportdoboz" style="padding: 5px; background: #ddc; border: 1px solid #977; margin: 2px; display: none;">
		<table>
			<tr>
				<td>
					Azonosító: <br />
					<em>Csak az angol ábécé kisbetűi pl.: walls3</em>
				</td>
				<td valign="top">
					<input type="text" name="ujcsopazon" id="ujcsopazon" value="" style="width: 380px;" />
				</td>
			</tr>
			<tr>
				<td>Cím: </td>
				<td><input type="text" name="ujcsopcim" id="ujcsopcim" value="" style="width: 380px;" /></td>
			</tr>
			<tr>
				<td>Leírás: </td>
				<td>
					<textarea cols="40" rows="4" name="ujcsopleiras" id="ujcsopleiras" style="width: 380px;"></textarea>
				</td>
			</tr>
			<tr>
				<td>Mégsem: </td>
				<td><input type="checkbox" name="ujcsoportdel" id="ujcsoportdel" checked="true"></td>
			</tr>
		</table>
		</div>
		
		<input type="submit" value="Mentés" name="videovalt" />
	</form>
	</div>

