var openMenu = null;
var selectedButton = null;
var loginPanel = false;


/* SLIDE SHOW */
var currentSlide = new Array('first', 'second', 'third');

currentSlide['first'] = 0;
currentSlide['second'] = 0;
currentSlide['third'] = 0;

var delay = 2000;
var speed = 1000;

function fadeTogether() {
	nextImage('first');
	nextImage('second');
	nextImage('third');
	window.setTimeout(fadeTogether, delay+speed);
}

function nextImage(div) {
	var nextSlide = currentSlide[div] + 1;

	if (nextSlide == document.getElementById(div).getElementsByTagName('li').length)
		nextSlide = 0;

	var current = document.getElementById(div).getElementsByTagName('li')[currentSlide[div]];
	var next = document.getElementById(div).getElementsByTagName('li')[nextSlide];

	$(current).fadeOut(speed);
	$(next).fadeIn(speed, function() {
		currentSlide[div] = nextSlide;	
	});
}

function toggleLoginBar(e) {
	$('#loginbar').slideToggle(700);
}

function toggleMenuBar(e) {
	if (e.currentTarget.id == 'gd-button') {
		toggleDiv('gd', 'gd-button');
	} else if (e.currentTarget.id == 'gdnm-button') {
		toggleDiv('gdnm', 'gdnm-button');
	} else if (e.currentTarget.id == 'other-button') {
		toggleDiv('other', 'other-button');
	}
}

$(document).ready(function () {
	
	window.setTimeout(fadeTogether, delay+speed);
		
	if (document.getElementById('loginreg') != null)
		document.getElementById('loginreg').removeAttribute("href");
	
	$('#loginreg').mousedown(function(e) { toggleLoginBar(e); });
		
	if (document.getElementById('gd-button') != null)
		document.getElementById('gd-button').getElementsByTagName('a')[0].removeAttribute("href");
	
	$('#gd-button').mousedown(function(e) { toggleMenuBar(e); });
	
	if (document.getElementById('gdnm-button') != null)
		document.getElementById('gdnm-button').getElementsByTagName('a')[0].removeAttribute("href");
	
	$('#gdnm-button').mousedown(function(e) { toggleMenuBar(e); });
	
	if (document.getElementById('other-button') != null) 
		document.getElementById('other-button').getElementsByTagName('a')[0].removeAttribute("href");
		
	$('#other-button').mousedown(function(e) { toggleMenuBar(e); });	
	
	mainLoad();	
	
});

function toggleDiv(div, me) {
	if (openMenu == null) {
		$('#'+div).slideDown(700);
		document.getElementById(me).className = "selected";
		selectedButton = me;
		openMenu = div;
	} else if (div != openMenu) {
		$('#'+openMenu).slideUp(700, function() {
			$('#'+div).slideDown(700);
		});
		document.getElementById(selectedButton).className = "";
		document.getElementById(me).className = "selected";
		selectedButton = me;
		openMenu = div;
	} else if (div == openMenu) {
		$('#'+openMenu).slideUp(700);
		document.getElementById(selectedButton).className = "";
		openMenu = null;
		selectedButton = null;	
	}
}

function mainLoad() {
	if (typeof document.loginform != 'undefined') {
		username = document.getElementById('username');
		password = document.getElementById('password');
		if ((username.value == '' || username.value == 'Username') && (password.value == '' || password.value == 'Password')) {
			username.value = 'Username';
			password.value = 'Password';			
			username.className = 'blur';
			password.className = 'blur';			
		} else {
			username.className = 'focus';
			password.className = 'focus';
		}
		username.addEventListener('focus', usernameFocus, false);
		username.addEventListener('blur', usernameBlur, false);
		password.addEventListener('focus', passwordFocus, false);
		password.addEventListener('blur', passwordBlur, false);
	}
	if (typeof document.search != 'undefined') {
		search = document.getElementById('s');
		if (search.value == '' || search.value == 'Search') {			
			search.value = 'Search';			
			search.className = 'blur';			
		} else {
			search.className = 'focus';
		}
		search.addEventListener('focus', searchFocus, false);
		search.addEventListener('blur', searchBlur, false);
	}	
	if (typeof document.comments != 'undefined') {
		author = document.getElementById('author');
		email = document.getElementById('email');
		url = document.getElementById('url');	
		comment = document.getElementById('comment');		
		if (author.value == '' || author.value == 'Name') {
			author.value = "Name";
			author.className = 'blur';
		} else {
			url.className = 'focus';
		}		
		if (email.value == '' || email.value == 'Email') {
			email.value = "Email";
			email.className = 'blur';		
		} else {
			url.className = 'focus';
		}		
		if (url.value == '' || url.value == 'Website') {
			url.value = "Website";
			url.className = 'blur';		
		} else {
			url.className = 'focus';
		}		
		if (comment.value == '') {
			comment.className = 'blur';		
		} else {
			comment.className = 'focus';
		}		
		author.addEventListener('focus', authorFocus, false);
		author.addEventListener('blur', authorBlur, false);
		email.addEventListener('focus', emailFocus, false);
		email.addEventListener('blur', emailBlur, false);
		url.addEventListener('focus', urlFocus, false);
		url.addEventListener('blur', urlBlur, false);
		comment.addEventListener('focus', commentFocus, false);
		comment.addEventListener('blur', commentBlur, false);
	}
}

/*
 *    Username Blur & Focus
 */

function usernameFocus() {
	username = document.getElementById('username');
	if (username.value == 'Username') username.value = '';
	username.className = 'focus';
}

function usernameBlur() {
	username = document.getElementById('username');
	if (username.value == '' || username.value == 'Username') {
		username.value = 'Username';
		username.className = 'blur';
	}
}

/*
 *    Password Blur & Focus
 */

function passwordFocus() {
	password = document.getElementById('password');
	if (password.value == 'Password') password.value = '';
	password.className = 'focus';
}

function passwordBlur() {
	password = document.getElementById('password');
	if (password.value == '' || password.value == 'Password') {
		password.value = 'Password';
		password.className = 'blur';
	}
}

/*
 *    Search Blur & Focus
 */

function searchFocus() {
	search = document.getElementById('s');
	if (search.value == 'Search') search.value = '';
	search.className = 'focus';
}

function searchBlur() {
	search = document.getElementById('s');
	if (search.value == '' || search.value == 'Search') {
		search.value = 'Search';
		search.className = 'blur';
	}
}

/*
 *    Author Blur & Focus
 */

function authorFocus() {
	author = document.getElementById('author');
	if (author.value == 'Name') author.value = '';
	author.className = 'focus';
}

function authorBlur() {
	author = document.getElementById('author');
	if (author.value == '' || author.value == 'Name') {
		author.value = 'Name';
		author.className = 'blur';
	}
}

/*
 *    Email Blur & Focus
 */

function emailFocus() {
	email = document.getElementById('email');
	if (email.value == 'Email') email.value = '';
	email.className = 'focus';
}

function emailBlur() {
	email = document.getElementById('email');
	if (email.value == '' || email.value == 'Email') {
		email.value = 'Email';
		email.className = 'blur';
	}
}

/*
 *    URL Blur & Focus
 */

function urlFocus() {
	url = document.getElementById('url');
	if (url.value == 'Website') url.value = '';
	url.className = 'focus';
}

function urlBlur() {
	url = document.getElementById('url');
	if (url.value == '' || url.value == 'Website') {
		url.value = 'Website';
		url.className = 'blur';
	}
}

/*
 *    Comment Blur & Focus
 */

function commentFocus() {
	comment = document.getElementById('comment');
	comment.className = 'focus';
}

function commentBlur() {
	comment = document.getElementById('comment');
	if (comment.value == '') {
		comment.className = 'blur';
	}
}