ADMIN = 0;
CUSTOM = 0;

function menuHeaderOver(obj, m) {
	obj.style.color = TEXTC2;
	if (m == 0) {
		if (menu_general == 1)
			obj.style.backgroundImage = 'url(/skins/' + SKINNAME + '/menu_header_close_up.gif)';
		else
			obj.style.backgroundImage = 'url(/skins/' + SKINNAME + '/menu_header_open_up.gif)';
		}
	else if (m == 1) {
		if (menu_members == 1)
			obj.style.backgroundImage = 'url(/skins/' + SKINNAME + '/menu_header_close_up.gif)';
		else
			obj.style.backgroundImage = 'url(/skins/' + SKINNAME + '/menu_header_open_up.gif)';
		}
	else if (m == 2) {
		if (menu_help == 1)
			obj.style.backgroundImage = 'url(/skins/' + SKINNAME + '/menu_header_close_up.gif)';
		else
			obj.style.backgroundImage = 'url(/skins/' + SKINNAME + '/menu_header_open_up.gif)';
		}	
	else if (m == 3) {
		if (menu_admin == 1)
			obj.style.backgroundImage = 'url(/skins/' + SKINNAME + '/menu_header_close_up.gif)';
		else
			obj.style.backgroundImage = 'url(/skins/' + SKINNAME + '/menu_header_open_up.gif)';
		}
	}
	
function menuHeaderOut(obj, m) {
	obj.style.color = TEXTC1;
	if (m == 0) {
		if (menu_general == 1)
			obj.style.backgroundImage = 'url(/skins/' + SKINNAME + '/menu_header_close_down.gif)';
		else
			obj.style.backgroundImage = 'url(/skins/' + SKINNAME + '/menu_header_open_down.gif)';
		}
	else if (m == 1) {
		if (menu_members == 1)
			obj.style.backgroundImage = 'url(/skins/' + SKINNAME + '/menu_header_close_down.gif)';
		else
			obj.style.backgroundImage = 'url(/skins/' + SKINNAME + '/menu_header_open_down.gif)';
		}
	else if (m == 2) {
		if (menu_help == 1)
			obj.style.backgroundImage = 'url(/skins/' + SKINNAME + '/menu_header_close_down.gif)';
		else
			obj.style.backgroundImage = 'url(/skins/' + SKINNAME + '/menu_header_open_down.gif)';
		}
	else if (m == 3) {
		if (menu_admin == 1)
			obj.style.backgroundImage = 'url(/skins/' + SKINNAME + '/menu_header_close_down.gif)';
		else
			obj.style.backgroundImage = 'url(/skins/' + SKINNAME + '/menu_header_open_down.gif)';
		}
	}

var menu_general = 1;
var menu_members = 1;
var menu_help    = 1;
var menu_admin   = 1;
function menuHeaderUp(m) {
	if (m == 0) {
		if (menu_general == 1) {
			menu_general = 0;
			createCookie("IL_menu_gen", 1, 365);
			document.getElementById('MENU_GENERAL').className = '';
			document.getElementById('MENU_GENERAL').innerHTML = '';		
			}
		else {
			menu_general = 1;
			createCookie("IL_menu_gen", 0, 365);
			document.getElementById('MENU_GENERAL').className = 'MENU_LIST';
			document.getElementById('MENU_GENERAL').innerHTML =
				document.getElementById('MENU_GENERAL_CONTENTS').innerHTML;
			}
		menuHeaderOver(document.getElementById('MENU_HEAD_GENERAL'), 0);
		}
	else 	if (m == 1) {
		if (menu_members == 1) {
			menu_members = 0;
			createCookie("IL_menu_members", 1, 365);
			document.getElementById('MENU_MEMBERS').className = '';
			document.getElementById('MENU_MEMBERS').innerHTML = '';		
			}
		else {
			menu_members = 1;
			createCookie("IL_menu_members", 0, 365);
			document.getElementById('MENU_MEMBERS').className = 'MENU_LIST';
			document.getElementById('MENU_MEMBERS').innerHTML =
				document.getElementById('MENU_MEMBERS_CONTENTS').innerHTML;
			}
		menuHeaderOver(document.getElementById('MENU_HEAD_MEMBERS'), 1);
		}
	else if (m == 2) {
		if (menu_help == 1) {
			menu_help = 0;
			createCookie("IL_menu_help", 1, 365);
			document.getElementById('MENU_HELP').className = '';
			document.getElementById('MENU_HELP').innerHTML = '';		
			}
		else {
			menu_help = 1;
			createCookie("IL_menu_help", 0, 365);
			document.getElementById('MENU_HELP').className = 'MENU_LIST';
			document.getElementById('MENU_HELP').innerHTML =
				document.getElementById('MENU_HELP_CONTENTS').innerHTML;
			}
		menuHeaderOver(document.getElementById('MENU_HEAD_HELP'), 2);
		}
	else if (m == 3) {
		if (menu_admin == 1) {
			menu_admin = 0;
			createCookie("IL_menu_admin", 1, 365);
			document.getElementById('MENU_ADMIN').className = '';
			document.getElementById('MENU_ADMIN').innerHTML = '';		
			}
		else {
			menu_admin = 1;
			createCookie("IL_menu_admin", 0, 365);
			document.getElementById('MENU_ADMIN').className = 'MENU_LIST';
			document.getElementById('MENU_ADMIN').innerHTML =
				document.getElementById('MENU_ADMIN_CONTENTS').innerHTML;
			}
		menuHeaderOver(document.getElementById('MENU_HEAD_ADMIN'), 3);
		}
	}
	
function menuButtonOver(obj) {
	obj.style.color = TEXTC2;
	}
	
function menuButtonOut(obj) {
	obj.style.color = TEXTC1;
	}
	
function initGeneral() {

	gen = readCookie("IL_menu_gen");
	if (gen==1)
	{
		menu_general=1;
		document.getElementById('MENU_GENERAL').innerHTML = '';
		menuHeaderUp(0);
		menuHeaderOut(document.getElementById('MENU_HEAD_GENERAL'), 0);
	}
	else
	{
		document.getElementById('MENU_GENERAL').innerHTML = 
			document.getElementById('MENU_GENERAL_CONTENTS').innerHTML;
	}
		
}
function initMembers() {		

	gen = readCookie("IL_menu_members");
	if (gen==1)
	{
		menu_members=1;
		document.getElementById('MENU_MEMBERS').innerHTML = '';
		menuHeaderUp(1);
		menuHeaderOut(document.getElementById('MENU_HEAD_MEMBERS'), 1);
	}
	else
	{
		document.getElementById('MENU_MEMBERS').innerHTML = 
			document.getElementById('MENU_MEMBERS_CONTENTS').innerHTML;
	}
	
}
function initHelp() {
	
	gen = readCookie("IL_menu_help");
	if (gen==1)
	{
		menu_help=1;
		document.getElementById('MENU_HELP').innerHTML = '';
		menuHeaderUp(2);
		menuHeaderOut(document.getElementById('MENU_HEAD_HELP'), 2);
	}
	else
	{
		document.getElementById('MENU_HELP').innerHTML = 
			document.getElementById('MENU_HELP_CONTENTS').innerHTML;
	}

}

function initAdmin() {
	
	gen = readCookie("IL_menu_admin");
	if (gen==1)
	{
		menu_admin=1;
		document.getElementById('MENU_ADMIN').innerHTML = '';
		menuHeaderUp(3);
		menuHeaderOut(document.getElementById('MENU_HEAD_ADMIN'), 3);
	}
	else
	{
		document.getElementById('MENU_ADMIN').innerHTML = 
			document.getElementById('MENU_ADMIN_CONTENTS').innerHTML;
	}

}

function preload() {
	
	var menu_header_close_up = new Image();
	menu_header_close_up.src = '/skins/' + SKINNAME + '/menu_header_close_up.gif';
	var menu_header_close_down = new Image();
	menu_header_close_down.src = '/skins/' + SKINNAME + '/menu_header_close_down.gif';
	var menu_header_open_up = new Image();
	menu_header_open_up.src = '/skins/' + SKINNAME + '/menu_header_open_up.gif';
	var menu_header_open_down = new Image();
	menu_header_open_down.src = '/skins/' + SKINNAME + '/menu_header_open_down.gif';
	LOADED = true;
}

function showPageNav()
{
	
	document.write("<span style='font-size:10px'><b>Pages (" + (PAGES+1) + ") <b>");
	curpage = PAGE+1;
	
	if (CUSTOM=="user") 
		if (DIR!=0) opt = "/user/"+USERID+"/"+DIR+"p";
		else opt = "/user/"+USERID+"p";
	else if (CUSTOM=="gallery")
		opt = "/gallery/"+GALID+"p";
	else if (ADMIN!=0) opt = "?s=" + ADMIN + "&d=" + DIR + "&p=";
	else opt="?d=" + DIR + "&p="
	
	if ((curpage-3) > 0) 
		document.write("<a style='text-decoration:none' href='"+opt+"0'>&laquo;First<\/a> ... ");
	if ((curpage-1) > 0)
		document.write("<a style='text-decoration:none' href='"+opt + (curpage-2) + "'>&laquo;<\/a> ");
	if ((curpage-2) > 0)
		document.write("<a style='text-decoration:none' href='"+opt + (curpage-3) + "'>[" + (curpage-2) + "]<\/a>");
	if ((curpage-1) > 0) 	
		document.write("<a style='text-decoration:none' href='"+opt + (curpage-2) + "'>[" + (curpage-1) + "]<\/a>");
		
	document.write(" <span style='font-size:12px'>[" + curpage + "]<\/span> ");
	
	if ((curpage) <= PAGES) 	
		document.write("<a style='text-decoration:none' href='"+opt + (curpage) + "'>[" + (curpage+1) + "]<\/a>");
	if ((curpage+1) <= PAGES)
		document.write("<a style='text-decoration:none' href='"+opt + (curpage+1) + "'>[" + (curpage+2) + "]<\/a>");
	if ((curpage) <= PAGES)
		document.write(" <a style='text-decoration:none' href='"+opt + (curpage) + "'>&raquo;<\/a>");
	if ((curpage+2) <= PAGES) 
		document.write(" ... <a style='text-decoration:none' href='"+opt + PAGES + "'>Last&raquo;<\/a>");
		
	document.write("<\/span>");
}
	
function customBar()
{
	document.write("<form>");
	document.write("<table border=0 cellpadding=0 cellspacing=0><tr><td colspan=3 align='right'>");
	document.write("<select name='sort' id='sort'>");
	document.write("<option value='"+SORT+"'>Sort by: "+SORT+"<\/option>");
	document.write("<option value='"+SORT+"'>----------<\/option>");
	document.write("<option value='Date'>Date<\/option>");
	document.write("<option value='Name'>Name<\/option>");
	document.write("<option value='Size'>Size<\/option>");
	document.write("<\/select>  ");
	
	document.write("<select name='pagemax' id='pagemax'>");
	document.write("<option value='"+PAGEMAX+"'>Images per page: "+PAGEMAX+"<\/option>");
	document.write("<option value='"+PAGEMAX+"'>----------<\/option>");
	document.write("<option value='15'>15 Images<\/option>");
	document.write("<option value='30'>30 Images<\/option>");
	document.write("<option value='45'>45 Images<\/option>");
	document.write("<option value='60'>60 Images<\/option>");
	document.write("<\/select>  ");
	document.write("<input type='button' value='Go!' onMouseUp='window.location=getCustomBarValues();'>");
	document.write("<\/td><\/tr><\/table><\/form>");		
	
}

function getCustomBarValues() 
{
	m = document.getElementById('pagemax');
	s = document.getElementById('sort');
	if (CUSTOM=="user")
		return "/user.il?a=set&i="+USERID+"&p="+PAGE+"&d="+DIR+"&pagemax="+m.value+"&sort="+s.value;
	if (CUSTOM=="gallery")
		return "/gallery.il?a=set&i="+GALID+"&p="+PAGE+"&pagemax="+m.value+"&sort="+s.value;
	else if (ADMIN=="images") return "?s=images&p="+PAGE+"&pagemax="+m.value+"&sort="+s.value;
	else return "?p="+PAGE+"&d="+DIR+"&pagemax="+m.value+"&sort="+s.value;
}

function imageView(i, n, s, d, e, t)
{
	if(CUSTOM=='gallery')
		ilink = i+'g'+GALID;
	else ilink = i;
	document.write('<td width="33%" nowrap align="center" valign="middle" style="padding: 2px">');
	document.write('<table width="140" cellpadding="5" cellspacing="0">');
	document.write('<tr><td height="140" align="center" style="vertical-align: middle;cursor:pointer;" ');
	document.write('background="/skins/' + SKINNAME + '/myimages/myimages_bg2.gif" ');
	document.write('onMouseUp="window.location=\'http://imagelink.org/info/'+ilink+'\';">');
	document.write('<img src="http://imagelink.org/thumb/'+i+'">');
	document.write('</td></tr></table>');
	document.write('<b>'+n+'</b><br/><span style="font-size:10px">'+d+' ('+s+') ['+e+'] <br /> '+t+'</span><br /><br /></td>');
	
}

function dirView(i, d, n, c)
{
	
	if (c == 1) var img = ' Image'; else var img = ' Images';
	if (d>0) path = '/user/'+i+'/'+d+''; else path = '/user/'+i+'';
	document.write('<td width="33%" align="center" valign="middle" style="padding: 2px">');
	document.write('<table width="140" cellpadding="5" cellspacing="0">');
	document.write('<tr><td height="140" align="center" style="cursor:pointer;"');
	document.write(' onMouseUp="window.location=\''+path+'\'" background="/skins/' + SKINNAME + '/myimages/myimages_bgd2.gif">');
	document.write('</td></tr></table>');
	document.write('<b>'+n+'</b><br/><span style="font-size:10px">'+c+img+'</span><br /><br /></td>');
	
}

function createCookie(name,value,days)
{
	if (days)
	{
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name)
{
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++)
	{
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}

function copyToClipboard(clipstring)
{
	if (window.clipboardData) 
		window.clipboardData.setData("Text", clipstring);
	else if (window.netscape) 
	{ 
		netscape.security.PrivilegeManager.enablePrivilege('UniversalXPConnect');
		var clip = Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard);
		if (!clip) return;
		var trans = Components.classes['@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable);
	 	if (!trans) return;
		trans.addDataFlavor('text/unicode');
		var str = new Object();
		var len = new Object();
		var str = Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);
		var copytext=clipstring;
		str.data=copytext;
		trans.setTransferData("text/unicode",str,copytext.length*2);
		var clipid=Components.interfaces.nsIClipboard;
		if (!clip) return false;
		clip.setData(trans,null,clipid.kGlobalClipboard);
	}
}

function basicMenu(login) 
{
	document.write(' \
					<table cellpadding="0" cellspacing="0" class="MENU"> \
            <tr> \
              <td class="MENU_HEAD" id="MENU_HEAD_GENERAL" \
							onMouseOver="menuHeaderOver(this,0)"  \
							onMouseOut="menuHeaderOut(this,0)"  \
							onMouseUp="menuHeaderUp(0)">General</td> \
            </tr> \
            <tr> \
              <td class="MENU_LIST" id="MENU_GENERAL"> \
								<script language="javascript">initGeneral();</script> \
							</td> \
            </tr> \
          </table> \
					<table cellpadding="0" cellspacing="0" class="MENU"> \
            <tr> \
              <td class="MENU_HEAD" id="MENU_HEAD_MEMBERS" \
							onMouseOver="menuHeaderOver(this,1)"  \
							onMouseOut="menuHeaderOut(this,1)"  \
							onMouseUp="menuHeaderUp(1)">'+login+'</td> \
            </tr> \
            <tr> \
              <td class="MENU_LIST" id="MENU_MEMBERS"> \
								<script language="javascript">initMembers();</script> \
							</td> \
            </tr> \
          </table> \
					<table cellpadding="0" cellspacing="0" class="MENU"> \
            <tr> \
              <td class="MENU_HEAD" id="MENU_HEAD_HELP" \
							onMouseOver="menuHeaderOver(this,2)"  \
							onMouseOut="menuHeaderOut(this,2)"  \
							onMouseUp="menuHeaderUp(2)">Help</td> \
            </tr> \
            <tr> \
              <td class="MENU_LIST" id="MENU_HELP"> \
								<script language="javascript">initHelp();</script> \
							</td> \
            </tr> \
          </table>	');
	
}

function loginForm()
{
	document.write(' \
<form name="loginform" method="post" action="/?a=login" style="padding:0px; margin: 0px"> \
	Username:<br><input name="username" type="text" style="width: 121px"><br> \
	Password: <br><input name="password" type="password" style="width: 121px"> \
	<div align="right" style="padding-right:10px"> \
		<input type="submit" name="Submit" value="Login"> \
	</div> \
	<div align="right" style="padding-right:22px"> \
		<input type="checkbox" name="remember" value="1" checked>Remember Me<br/> \
	</div> \
	<div align="right" style="padding-right:13px"> \
		<a href="/forgotpw.il" title="Click here for information on password retreival" style="color: #215DC6">Forgotten Password?</a> \
	</div> \
</form>');
}

function menuBacklog(login) 
{
	document.write(' \
<div id="MENU_GENERAL_CONTENTS" class="OFFSCREEN"> \
	<div class="MENU_ITEM"><div class="MENU_BUTTON" title="News &amp; Updates" \
	onMouseOver="menuButtonOver(this)"  \
	onMouseOut="menuButtonOut(this)">  \
	<a class="amenu" href="/"> \
		<img src="/skins/default/icons/news.gif" width="16" height="16" align="absmiddle" border=0>  \
		News &amp; Updates</a> \
		</div> \
	</div> \
	<div class="MENU_ITEM"><div class="MENU_BUTTON" title="Upload a File From Anywhere!" \
	onMouseOver="menuButtonOver(this)"  \
	onMouseOut="menuButtonOut(this)">  \
	<a class="amenu" href="/quickupload.il"> \
		<img src="/skins/default/icons/qupload.gif" width="16" height="16" align="absmiddle" border=0>  \
		Temp Upload</a>\
		</div> \
	</div>');
	if (login==0)
		document.write(' \
	<div class="MENU_ITEM"><div class="MENU_BUTTON" title="Become An ImageLink Member!" \
	onMouseOver="menuButtonOver(this)"  \
	onMouseOut="menuButtonOut(this)">  \
	<a class="amenu" href="/signup.il"> \
		<img src="/skins/default/icons/signup.gif" width="16" height="16" align="absmiddle" border=0>  \
		Sign Up</a> \
		</div> \
	</div>');
document.write(' \
</div>');
	
	if (login==0)
		document.write(' \
<div id="MENU_MEMBERS_CONTENTS" class="OFFSCREEN"> \
	<script language="javascript"> \
		loginForm(); \
	</script> \
</div>');
	else
		document.write(' \
<div id="MENU_MEMBERS_CONTENTS" class="OFFSCREEN"> \
	<div class="MENU_ITEM"><div class="MENU_BUTTON" title="Upload a New Image" \
	onMouseOver="menuButtonOver(this)"  \
	onMouseOut="menuButtonOut(this)">  \
	<a class="amenu" href="/upload.il"> \
		<img src="/skins/default/icons/upload.gif" width="16" height="16" align="absmiddle" border=0>  \
		Upload Image</a> \
		</div> \
	</div> \
	<div class="MENU_ITEM"><div class="MENU_BUTTON" title="View Your Images" \
	onMouseOver="menuButtonOver(this)"  \
	onMouseOut="menuButtonOut(this)">  \
	<a class="amenu" href="/myimages.il"> \
		<img src="/skins/default/icons/myimages.gif" width="16" height="16" align="absmiddle" border=0>  \
		My Images</a> \
		</div> \
	</div> \
	<div class="MENU_ITEM"><div class="MENU_BUTTON" title="View Your Galleries" \
	onMouseOver="menuButtonOver(this)"  \
	onMouseOut="menuButtonOut(this)">  \
	<a class="amenu" href="/mygalleries.il"> \
		<img src="/skins/default/icons/mygalleries.gif" width="16" height="16" align="absmiddle" border=0>  \
		My Galleries</a> \
		</div> \
	</div> \
	<div class="MENU_ITEM"><div class="MENU_BUTTON" title="Upgrade Your Account" \
	onMouseOver="menuButtonOver(this)"  \
	onMouseOut="menuButtonOut(this)">  \
	<a class="amenu" href="/upgrade.il"> \
		<img src="/skins/default/icons/upgrade.gif" width="16" height="16" align="absmiddle" border=0>  \
		Upgrade Account</a> \
		</div> \
	</div> \
	<div class="MENU_ITEM"><div class="MENU_BUTTON" title="Member Account Settings" \
	onMouseOver="menuButtonOver(this)"  \
	onMouseOut="menuButtonOut(this)">  \
	<a class="amenu" href="/settings.il"> \
		<img src="/skins/default/icons/settings.gif" width="16" height="16" align="absmiddle" border=0>  \
		Member Settings</a> \
		</div> \
	</div> \
	<div class="MENU_ITEM"><div class="MENU_BUTTON" title="Logout" \
	onMouseOver="menuButtonOver(this)"  \
	onMouseOut="menuButtonOut(this)">  \
	<a class="amenu" href="/?a=logout"> \
		<img src="/skins/default/icons/logout.gif" width="16" height="16" align="absmiddle" border=0>  \
		Logout</a> \
		</div> \
	</div> \
</div>');
	document.write(' \
<div id="MENU_HELP_CONTENTS" class="OFFSCREEN"> \
	<div class="MENU_ITEM"><div class="MENU_BUTTON" title="Contact Us" \
	onMouseOver="menuButtonOver(this)"  \
	onMouseOut="menuButtonOut(this)">  \
	<a class="amenu" href="/contact.il"> \
		<img src="/skins/default/icons/contact.gif" width="16" height="16" align="absmiddle" border=0>  \
		Contact Us&nbsp;&nbsp;&nbsp;</a> \
		</div> \
	</div> \
	<div class="MENU_ITEM"><div class="MENU_BUTTON" title="Frequently Asked Questions" \
	onMouseOver="menuButtonOver(this)"  \
	onMouseOut="menuButtonOut(this)">  \
	<a class="amenu" href="/faq.il"> \
		<img src="/skins/default/icons/faq.gif" width="16" height="16" align="absmiddle" border=0>  \
		FAQ</a> \
		</div> \
	</div> \
</div>');
		
}