document.getElementById('javascript_enabled').style.display = "block";
document.getElementById('javascript_disabled').style.display = "none";

var errordelay = 0;

function userUpload()
{
	$('javascript_home').fade();
	//$('expand_container').appear();
	$('expand_container').blindDown();
	setTimeout("$('javascript_upload').appear()", 850);
}

function introAnimation(i)
{
    var timeout = setTimeout("animateDiv("+i+")", 100);
    setTimeout("clearTimeout("+timeout+")", 2850);
   
    i+=1;
    if(i < 5)
    {
        setTimeout("introAnimation("+i+")", 4000);
    }
}
function animateDiv(div)
{
	$('animate_'+div+'').appear();
	setTimeout("$('animate_text_"+div+"').appear()", 500);

    if(div < 4)
    {
		Effect.SlideDown('animate_'+div+'', { duration: 4.0 });
        setTimeout("$('animate_"+div+"').fade()", 3000);
    }
	else
	{
		Effect.SlideDown('animate_'+div+'', { duration: 4.0 });
	}
}

function submitTab()
{
	var artist = $('artist_upload').value;
	var song = $('song_upload').value;
	var portion = $('portion_upload').value;
	var tuning = $('tuning_upload').value;
	var tab = $('tab_upload').value;
	
	xmlhttp=GetXmlHttpObject();
	if (xmlhttp==null)
	{
		alert ("Your browser does not support XMLHTTP!");
		return;
	}
	var url="http://www.zojam.com/betauserupload.php";
	var params = "artist_upload="+artist+"&song_upload="+song+"&portion_upload="+portion+"&tuning_upload="+tuning+"&tab_upload="+tab;

	xmlhttp.open("POST", url, true);

    //Send the proper header information along with the request
    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xmlhttp.setRequestHeader("Content-length", params.length);
    xmlhttp.setRequestHeader("Connection", "close");

    xmlhttp.onreadystatechange = function() {//Call a function when the state changes.
        if(xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            //$('expand_container').fade();
			$('expand_container').blindUp();
			$('javascript_upload').fade();
			$('upload_loading').fade();
			setTimeout("$('javascript_home').appear()", 850);
			setTimeout("$('javascript_home').innerHTML = xmlhttp.responseText", 850);
			
			// reset all of the form elements
			setTimeout("$('artist_upload').value='Artist'", 850);
			setTimeout("$('song_upload').value='Song'", 850);
			setTimeout("$('artist_upload').className='grey_input'", 850);
			setTimeout("$('song_upload').className='grey_input'", 850);
			setTimeout("$('portion_upload').selectedIndex = 0", 850);
			setTimeout("$('tuning_upload').selectedIndex = 0", 850);
			setTimeout("$('tab_upload').value=''", 850);
        }
		else {
			$('upload_loading').style.display = "block";
		}
    }
    xmlhttp.send(params);
}
function GetXmlHttpObject()
{
	if (window.XMLHttpRequest)
	{
	  // code for IE7+, Firefox, Chrome, Opera, Safari
	  return new XMLHttpRequest();
	}
	if (window.ActiveXObject)
	{
	  // code for IE6, IE5
	  return new ActiveXObject("Microsoft.XMLHTTP");
	}
	return null;
}

function uploadAnother()
{
	$('javascript_home').fade();
	$('expand_container').appear();
	setTimeout("$('javascript_upload').appear()", 850);
}

function showLogin()
{
	$('user_links').fade();
	setTimeout("$('user_login').appear()", 850);
}
function showLinks()
{
	$('user_login').fade();
	setTimeout("$('user_links').appear()", 850);
}
function userLogin()
{
	var username = $('username_input').value;
	var password = $('black_password_input').value;
	var remember = document.login_form.remember_checkbox.checked;

	xmlhttp=GetXmlHttpObject();
    if (xmlhttp==null)
    {
        alert ("Browser does not support HTTP Request");
        return;
    }
    var url="http://www.zojam.com/betauserupload.php?successful_login=1&username="+username+"&password="+password+"&remember="+remember;
	xmlhttp.onreadystatechange=loginStateChanged;
	xmlhttp.open("GET",url,true);
	xmlhttp.send(null);
}
function userLogOut()
{
	xmlhttp=GetXmlHttpObject();
    if (xmlhttp==null)
    {
        alert ("Browser does not support HTTP Request");
        return;
    }
    var url="http://www.zojam.com/betauserupload.php?successful_login=1&logout=1";
	xmlhttp.onreadystatechange=loginStateChanged;
	xmlhttp.open("GET",url,true);
	xmlhttp.send(null);
}
function loginStateChanged()
{
	if (xmlhttp.readyState==4)
	{
		if($('login_fade').style.display == "none")
		{
			$('login_appear').fade();
			setTimeout("$('login_fade').appear()", 850);
			setTimeout("document.getElementById('login_fade').innerHTML=xmlhttp.responseText", 850);

		}
		else
		{
			$('login_fade').fade();
			setTimeout("$('login_appear').appear()", 850);
			setTimeout("document.getElementById('login_appear').innerHTML=xmlhttp.responseText", 850);
		}
	}
	else
	{
		//
	}
}
function evalLogin()
{
	var username = $('username_input').value;
	var password = $('black_password_input').value;

	xmlhttp=GetXmlHttpObject();
    if (xmlhttp==null)
    {
        alert ("Browser does not support HTTP Request");
        return;
    }
    var url="http://www.zojam.com/betauserupload.php?username_eval="+username+"&password_eval="+password;
    xmlhttp.open("GET",url,false);
    xmlhttp.send(null);
	
    if(xmlhttp.responseText == 'true	')
    {
		//alert("first if: "+xmlhttp.responseText);
	
		$('invalid_login').fade();
        return true;
    }
    else if(username != 'Username' || password != 'Password')
    {	
		//alert("first if: "+xmlhttp.responseText);
	
		$('invalid_login').appear();
		
		$('black_password_input').style.display="none";
		$('black_password_input').value="";
		$('grey_password_input').style.display="block";
		
        return false;
    }
    else
	{
        return false;
	}
}
function showRegister()
{
	$('user_links').fade();
	setTimeout("$('user_register').appear()", 850);
}
function cancelRegister()
{
	$('user_register').fade();
	setTimeout("$('user_links').appear()", 850);
}
function registerEval()
{
	var username = $('register_username').value;

	if(username != "")
	{
		xmlhttp=GetXmlHttpObject();
		if (xmlhttp==null)
		{
			alert ("Browser does not support HTTP Request");
			return;
		}
		var url="http://www.zojam.com/betauserupload.php?register_username="+username;
		xmlhttp.open("GET",url,false);
		xmlhttp.send(null);
		
		if(xmlhttp.responseText == 'small')
		{
			//alert("small: "+xmlhttp.responseText);
			toggleRegisterErrors('small');
			return false;
		}
		else if(xmlhttp.responseText == 'large')
		{
			//alert("large: "+xmlhttp.responseText);
			toggleRegisterErrors('large');
			return false;
		}
		else if(xmlhttp.responseText == 'spaces')
		{
			//alert("spaces: "+xmlhttp.responseText);
			toggleRegisterErrors('spaces');
			return false;
		}
		else if(xmlhttp.responseText == 'non-alpha')
		{
			//alert("non-alpha: "+xmlhttp.responseText);
			toggleRegisterErrors('non-alpha');
			return false;
		}
		else if(xmlhttp.responseText == 'duplicate')
		{
			//alert("duplicate: "+xmlhttp.responseText);
			toggleRegisterErrors('duplicate');
			return false;
		}
		else if(xmlhttp.responseText == 'ip')
		{
			//alert("ip: "+xmlhttp.responseText);
			toggleRegisterErrors('ip');
			return false;
		}
		else if(xmlhttp.responseText == 'chars')
		{
			//alert("chars: "+xmlhttp.responseText);
			toggleRegisterErrors('chars');
			return false;
		}
		else if(xmlhttp.responseText == 'nums')
		{
			//alert("nums: "+xmlhttp.responseText);
			toggleRegisterErrors('nums');
			return false;
		}
		else if(xmlhttp.responseText == 'vulgar')
		{
			//alert("vulgar: "+xmlhttp.responseText);
			toggleRegisterErrors('vulgar');
			return false;
		}
		else if(xmlhttp.responseText == 'password')
		{
			toggleRegisterErrors('password');
			return false;
		}
		else
		{
			//alert("nothing: "+xmlhttp.responseText);
			toggleRegisterErrors('none');
			errordelay=0;
			return true;
		}
	}
}
function toggleRegisterErrors(exception)
{
	if(exception != 'small')
	{
		$('small_username').fade();
	}
	else
	{
		setTimeout("$('small_username').appear()", errordelay);
		errordelay=850;
	}
	
	if(exception != 'large')
	{
		$('large_username').fade();
	}
	else
	{
		setTimeout("$('large_username').appear()", errordelay);
		errordelay=850;
	}
	
	if(exception != 'spaces')
	{
		$('space_username').fade();
	}
	else
	{
		setTimeout("$('space_username').appear()", errordelay);
		errordelay=850;
	}
	
	if(exception != 'non-alpha')
	{
		$('alpha_username').fade();
	}
	else
	{
		setTimeout("$('alpha_username').appear()", errordelay);
		errordelay=850;
	}
	
	if(exception != 'duplicate')
	{
		$('duplicate_username').fade();
	}
	else
	{
		setTimeout("$('duplicate_username').appear()", errordelay);
		errordelay=850;
	}
	
	if(exception != 'ip')
	{
		$('ip_username').fade();	
	}
	else
	{
		setTimeout("$('ip_username').appear()", errordelay);
		errordelay=850;
	}
	
	if(exception != 'chars')
	{
		$('chars_username').fade();
	}
	else
	{
		setTimeout("$('chars_username').appear()", errordelay);
		errordelay=850;
	}
	
	if(exception != 'nums')
	{
		$('nums_username').fade();
	}
	else
	{
		setTimeout("$('nums_username').appear()", errordelay);
		errordelay=850;
	}
	
	if(exception != 'vulgar')
	{
		$('vulgar_username').fade();
	}
	else
	{
		setTimeout("$('vulgar_username').appear()", errordelay);
		errordelay=850;
	}
	
	if(exception != 'password')
	{
		$('short_password').fade();
	}
	else
	{
		setTimeout("$('short_password').appear()", errordelay);
		errordelay=850;
	}
}
function userRegister()
{
	var username = $('register_username').value;
	var password = $('register_password').value;

	xmlhttp=GetXmlHttpObject();
    if (xmlhttp==null)
    {
        alert ("Browser does not support HTTP Request");
        return;
    }
	
    var url="http://www.zojam.com/betauserupload.php";
	var params = "successful_register=1&username="+username+"&password="+password;
	
	xmlhttp.open("POST", url, true);

    //Send the proper header information along with the request
    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xmlhttp.setRequestHeader("Content-length", params.length);
    xmlhttp.setRequestHeader("Connection", "close");

    xmlhttp.onreadystatechange = function() {//Call a function when the state changes.
        if(xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            if($('login_fade').style.display == "none")
			{
				$('login_appear').fade();
				setTimeout("$('login_fade').appear()", 850);
				setTimeout("document.getElementById('login_fade').innerHTML=xmlhttp.responseText", 850);

			}
			else
			{
				$('login_fade').fade();
				setTimeout("$('login_appear').appear()", 850);
				setTimeout("document.getElementById('login_appear').innerHTML=xmlhttp.responseText", 850);
			}
        }
    }
    xmlhttp.send(params);
}

function onFocusUsername(input)
{
	if(input.className == 'grey_input' && input.value == 'Username')
	{
		input.className = 'black_input';
		input.value = '';
	}	
}
function onBlurUsername(input)
{
	if(input.className == 'black_input' && input.value == '')
	{
		input.className = 'grey_input';
		input.value = 'Username';
	}
}
function onFocusPassword(input)
{
	if(input.className == 'grey_input' && input.value == 'Password')
	{
		$('grey_password_input').style.display="none";
		$('black_password_input').style.display="block";
		setTimeout("$('black_password_input').focus()", 25);
	}	
}
function onBlurPassword(input)
{
	if(input.className == 'black_input' && input.value == '')
	{
		$('black_password_input').style.display="none";
		$('grey_password_input').style.display="block";
		$('grey_password_input').value="Password";
	}
}
function onFocusArtist(input)
{
	if(input.className == 'grey_input' && input.value == 'Artist')
	{
		input.className = 'black_input';
		input.value = '';
	}	
}
function onBlurArtist(input)
{
	if(input.className == 'black_input' && input.value == '')
	{
		input.className = 'grey_input';
		input.value = 'Artist';
	}
}
function onFocusSong(input)
{
	if(input.className == 'grey_input' && input.value == 'Song')
	{
		input.className = 'black_input';
		input.value = '';
	}	
}
function onBlurSong(input)
{
	if(input.className == 'black_input' && input.value == '')
	{
		input.className = 'grey_input';
		input.value = 'Song';
	}
}