$(document).ready(function(){
// Make Alphabet list popup when hovering over A-Z Index
	azindexClicked = 0 ;
	directoriesClicked = 0;
	smediaClicked = 0;
	
	$('#azindex a').attr({'href': 'javascript:void(0);'});
	$('#azindex a').mouseover(function() {
		if (azindexClicked != 1 && directoriesClicked != 1 && smediaClicked != 1) {
			$('#alphabet').addClass('shown');
		}
	});
	$('#azindex a').mouseout(function() {
		if (!azindexClicked) {
			$('#alphabet').removeClass('shown');
		}
	});
	$('#alphabet').mouseover(function() {
		$('#alphabet').addClass('shown');
	});
	$('#alphabet').mouseout(function() {
		if (azindexClicked != 1) {
			$('#alphabet').removeClass('shown');
		}
	});
	$('#azindex a').click(function() {
		if (azindexClicked != 1) {
			$('#azindex a').addClass('hover');
			$('#alphabet').addClass('shown');
			azindexClicked = 1;
			smediaClicked = 0;
			directoriesClicked = 0;
			$('#social').removeClass('shown');
			$('#directories a').removeClass('hover');
			$('#directorylist').removeClass('shown');
		} else {
			$('#azindex a').removeClass('hover');
			$('#alphabet').removeClass('shown');
			azindexClicked = 0;
		}
	});
	$('#directories a').click(function() {
		if (directoriesClicked != 1) {
			$('#directories a').addClass('hover');
			$('#directorylist').addClass('shown');
			directoriesClicked = 1;
			azindexClicked = 0;
			smediaClicked = 0;
			$('#azindex a').removeClass('hover');
			$('#alphabet').removeClass('shown');
			$('#social').removeClass('shown');
		} else {
			$('#directories a').removeClass('hover');
			$('#directorylist').removeClass('shown');
			directoriesClicked = 0;
		}
	});
	$('#smedia a').click(function() {
		if (smediaClicked != 1) {
			$('#social').addClass('shown');
			smediaClicked = 1;
			directoriesClicked = 0;
			azindexClicked = 0;
			$('#azindex a').removeClass('hover');
			$('#alphabet').removeClass('shown');
			$('#directories a').removeClass('hover');
			$('#directorylist').removeClass('shown');
		} else {
			$('#social').removeClass('shown');
			smediaClicked = 0;
		}
	});

// Make Social list popup when hovering over SMedia
	$('#smedia a').attr({'href': 'javascript:void(0);'});
	$('#smedia a').mouseover(function() {
		if (azindexClicked != 1 && directoriesClicked != 1 && smediaClicked != 1) {
			$('#social').addClass('shown');
		}
	});
	$('#smedia a').mouseout(function() {
		if (smediaClicked != 1) {
			$('#social').removeClass('shown');
		}
	});
	$('#social').mouseover(function() {
		$('#social').addClass('shown');
	});
	$('#social').mouseout(function() {
		if (smediaClicked != 1) {
			$('#social').removeClass('shown');
		}
	});

// Make Directorylist popup when hovering over Directories
	$('#directories a').attr({'href': 'javascript:void(0);'});
	$('#directories a').mouseover(function() {
		if (azindexClicked != 1 && directoriesClicked != 1 && smediaClicked != 1) {
			$('#directorylist').addClass('shown');
		}
	});
	$('#directories a').mouseout(function() {
		if (directoriesClicked != 1) {
			$('#directorylist').removeClass('shown');
		}
	});
	$('#directorylist').mouseover(function() {
		$('#directorylist').addClass('shown');
	});
	$('#directorylist').mouseout(function() {
		if (directoriesClicked != 1) {
			$('#directorylist').removeClass('shown');
		}
	});

// Show/hide Navigation links
	navIsClicked = new Array();
	for (i=0; i<8;i++) {
		navIsClicked[i] = 0;
	}
	
	function aNavIsClicked() {
		var isClicked = 0;
		for (i=0; i<navIsClicked.length; i++) {
			i = i + navIsClicked[i];
		}
		return isClicked;
	}


	$('#navigation a.head').each(function(index){
		$(this).attr({'href': 'javascript:void(0);'});
	});
	
	$('#nav li#head1').click(function() {
		if (navIsClicked[0] != 1) {
			navIsClicked[0] = 1;
		} else { 
			navIsClicked[0] = 0;
		}
	});
	$('#nav li#head2').click(function() {
		if (navIsClicked[1] != 1) {
			navIsClicked[1] = 1;
		} else { 
			navIsClicked[1] = 0;
		}
	});
	$('#nav li#head3').click(function() {
		if (navIsClicked[2] != 1) {
			navIsClicked[2] = 1;
		} else { 
			navIsClicked[2] = 0;
		}
	});
	$('#nav li#head4').click(function() {
		if (navIsClicked[3] != 1) {
			navIsClicked[3] = 1;
		} else { 
			navIsClicked[3] = 0;
		}
	});
	$('#nav li#head5').click(function() {
		if (navIsClicked[4] != 1) {
			navIsClicked[4] = 1;
		} else { 
			navIsClicked[4] = 0;
		}
	});
	$('#nav li#head6').click(function() {
		if (navIsClicked[5] != 1) {
			navIsClicked[5] = 1;
		} else { 
			navIsClicked[5] = 0;
		}
	});
	$('#nav li#head7').click(function() {
		if (navIsClicked[6] != 1) {
			navIsClicked[6] = 1;
		} else { 
			navIsClicked[6] = 0;
		}
	});
	$('#nav li#head8').click(function() {
		if (navIsClicked[7] != 1) {
			navIsClicked[7] = 1;
		} else { 
			navIsClicked[7] = 0;
		}
	});
	
	
	$('#nav li#head1').mouseover(function() {
		$('#nav li#head1 div.navup').addClass('navdrop');
		$('#nav li#head1 a.head').addClass('navhover');
	});
	$('#nav li#head1').mouseout(function() {
		$('#nav li div.navup').removeClass('navdrop');
		$('#nav li a.head').removeClass('navhover');
	});
	$('#nav li#head2').mouseover(function() {
		$('#nav li#head2 div.navup').addClass('navdrop');
		$('#nav li#head2 a.head').addClass('navhover');
	});
	$('#nav li#head2').mouseout(function() {
		$('#nav li div.navup').removeClass('navdrop');
		$('#nav li a.head').removeClass('navhover');
	});
	$('#nav li#head3').mouseover(function() {
		$('#nav li#head3 div.navup').addClass('navdrop');
		$('#nav li#head3 a.head').addClass('navhover');
	});
	$('#nav li#head3').mouseout(function() {
		$('#nav li div.navup').removeClass('navdrop');
		$('#nav li a.head').removeClass('navhover');
	});
	$('#nav li#head4').mouseover(function() {
		$('#nav li#head4 div.navup').addClass('navdrop');
		$('#nav li#head4 a.head').addClass('navhover');
	});
	$('#nav li#head4').mouseout(function() {
		$('#nav li div.navup').removeClass('navdrop');
		$('#nav li a.head').removeClass('navhover');
	});
	$('#nav li#head5').mouseover(function() {
		$('#nav li#head5 div.navup').addClass('navdrop');
		$('#nav li#head5 a.head').addClass('navhover');
	});
	$('#nav li#head5').mouseout(function() {
		$('#nav li div.navup').removeClass('navdrop');
		$('#nav li a.head').removeClass('navhover');
	});
	$('#nav li#head6').mouseover(function() {
		$('#nav li#head6 div.navup').addClass('navdrop');
		$('#nav li#head6 a.head').addClass('navhover');
	});
	$('#nav li#head6').mouseout(function() {
		$('#nav li div.navup').removeClass('navdrop');
		$('#nav li a.head').removeClass('navhover');
	});
	$('#nav li#head7').mouseover(function() {
		$('#nav li#head7 div.navup').addClass('navdrop');
		$('#nav li#head7 a.head').addClass('navhover');
	});
	$('#nav li#head7').mouseout(function() {
		$('#nav li div.navup').removeClass('navdrop');
		$('#nav li a.head').removeClass('navhover');
	});
	$('#nav li#head8').mouseover(function() {
		$('#nav li#head8 div.navup').addClass('navdrop');
		$('#nav li#head8 a.head').addClass('navhover');
	});
	$('#nav li#head8').mouseout(function() {
		$('#nav li div.navup').removeClass('navdrop');
		$('#nav li a.head').removeClass('navhover');
	});
});