<!-- BEGIN MAIN CONTENT -->
<div id="videowatch_body">
	<div id="videowatch_top">

		<div id="videowatch">

			<link href="{$cssurl}/videos.css" rel="stylesheet" type="text/css" /> 

			<div id="search_page" class="clear">

	
<link href="{$cssurl}/input.css" rel="stylesheet" type="text/css">
<div id="browse">
	<div id="sideAd" >
		<span>{$lang0}</span>
        {insert name=get_advertisement value=var AID="2"}
	</div>

	<h1>{$lang67}/{$lang25}</h1>
	<div class="containerD containerWAdSpace">
		<div class="clear" style="height: 10px;"></div>
		<div id="result_container" class="clear">
		<ul class="vList_vFull clearfix clear">
		</ul>
        <ul class="vList_vFull clearfix clear">
        
        	<link href="{$cssurl}/account.css" rel="stylesheet" type="text/css">
            
        	{if $error ne ""}
            	<div class="errorMsg2" id="errorMsg2" name="errorMsg2" style="display:''">
					{$error}
				</div>
            {/if}
            {if $message ne ""}
            	<div class="successMsg2" id="successMsg2" name="successMsg2" style="display:''">
					{$message}
				</div>
            {/if}
            
            <div class="accountMenu">
            	<h2>{$lang68}: </h2><br />
            	{if $customavatar eq "1"}
                <img src="{$imageurl}/members/{$avatar}" alt="{$lang69}">
                {else}
                <img src="{$imageurl}/avatars/{$avatar}" alt="{$lang69}">
                {/if}
            </div>
            
			<form id="changeavatarform" name="changeavatar" method="post" enctype="multipart/form-data" action="{$baseurl}/changeavatar.php">
            <div class="accountMenu">
            	<h2>{$lang70}: </h2><br />
                <input type="file" name="uploadavatar" class="textField" size="50"/><br />
                <h3>{$lang71}: {$max_avatar_width} x {$max_avatar_height} {$lang72}.</h3>
                <div style="padding:5px;"></div>
				<input type="hidden" name="changeavatar" value="changeavatar" />
        		<INPUT class="inputBox" type=image value="changeavatar" src="{$imageurl}/buttons/{$smarty.session.language}/uploadbig.jpg" height="30px" style="height:30px;" border="0" name=changeavatar>
            </div>
            </form>
            
            <form id="changeform" name="changeform" action="{$baseurl}/changeavatar.php" method="post">
            <div class="accountMenu">
            	<h2>{$lang73}: </h2>
                <br />
                <input type="hidden" id="selectedImg" name="selectedImg">
                <div id="myImgs">
            		{section name=a loop=$avatararray}
                	{if $smarty.section.a.index mod 5 eq "0" and $smarty.section.a.index gt "0"}<div style="padding-bottom:5px"></div>{/if}
                    <span id="span{$smarty.section.a.iteration}" onclick="setSelected(this)"><img src="{$imageurl}/avatars/{$avatararray[a]}" id="{$avatararray[a]}"></span>
                	{/section}
                </div>
            </div>
            
     {literal}   
     <script type="text/javascript">
       function setSelectedImg(imgName){
             var imgObj = document.getElementById(imgName);

             if(imgObj != undefined){
                   var containerObj = imgObj.parentNode;
                   setSelected(containerObj);
             }
       }

     function setSelected(obj) {
          var mySpans = document.getElementById("myImgs").getElementsByTagName("span");
          for (var t=0,spn; spn=mySpans[t]; t++) {
               spn.style.border = "0";
          }
		  obj.style.border = "3px solid #40DBF4";
          document.getElementById("selectedImg").value = obj.childNodes[0].id;
     }
	</script>
    {/literal}
            
            <div class="accountMenu" align="center">
            <input type="hidden" name="change" value="change" />
        	<INPUT class="inputBox" type=image value="change" src="{$imageurl}/buttons/{$smarty.session.language}/changebig.jpg" height="30px" style="height:30px;" border="0" name=change>
            </div>
			<!-- new row -->
			</ul><ul class="vList_vFull clearfix clear">
	        <!-- new row end -->     
	

			</ul>

			<div class="clear"></div>
		</div>	
	
    
<div class="clear" style="height: 15px;"></div>	
	

<!-- Paging Begin -->

</div>
<!-- Paging End -->

<div id="drpepper">
</div>

<div class="clear"></div>
</div>	
	
{include file="accountmenu.tpl"}

<div class="clear"></div>
</div>
</div>

	
{include file="bottom.tpl"}
	
</div>
<!-- END MAIN CONTENT -->