var currentLetter = "a";
var previousLetter = "z";
var nextLetter = "b";

$(document).ready(function(){
	
	currColorbarOffset = $(".colorbar").offset();
	currColorbarLeft = currColorbarOffset.left;
	currColorbarRight = currColorbarLeft + $(".colorbar").width();
	//alert(currColorbarRight);
	
	currAlphabetOffset = $(".alphabet").offset();
	currAlphabetLeft = currAlphabetOffset.left;
	
	
	//setup start position of alphabet
	$(".alphabet").css("left",currColorbarRight);
	
	
	//click on letter in alphabet
	$(".alphabet p").each(function(i){
		$(this).click(function(){
			if($(this).hasClass("on") != 1) {
				switchLetters($(this));
			}
		});
	});
	
	
	//click on left nav
	$(".nav.left").click(function(){
		var currNavLetter = $(this).find("span").text();
		$(".alphabet p").each(function(){
			if($(this).find(".letter").text() == currNavLetter && $(this).hasClass("on") != 1) switchLetters($(this));
		});		
	});
	
	//click on right nav
	$(".nav.right").click(function(){
		var currNavLetter = $(this).find("span").text();
		$(".alphabet p").each(function(){
			if($(this).find(".letter").text() == currNavLetter && $(this).hasClass("on") != 1) switchLetters($(this));
		});	
	});
	
	
	//click on jams link
	$(".jams li").click(function(){
		$("body").attr("class","");
		$("body").addClass($(this).text());
		var jamsLinks = $(".jams li");
		jamsLinks.each(function(){
			$(this).removeClass("on");
		});
		$(this).addClass("on");
	});
	
	

}); //initializations


function switchLetters(letter) {
	
	if(letter.attr("rel") != "") {
		var letterAdjust = letter.attr("rel").split(",");
	}
	else {
		var letterAdjust = new Array();
		letterAdjust[0] = 0;
		letterAdjust[1] = 0;
	}
	
	if(letter.offset().left > currColorbarRight) {
		var horizAdjust = 375;
		horizAdjust = horizAdjust + parseInt(letterAdjust[1]);
	}
	else {
		var horizAdjust = 50;
		horizAdjust = horizAdjust + parseInt(letterAdjust[0]);
	}
			
	var currLetterValue = letter.find(".letter").text();			
	$(".letters span").each(function(i){
		if($(this).text() == currLetterValue) {
			var newLettersLeft = parseInt(-($(this).position().left) + currColorbarRight);
			$(".letters").animate({left:newLettersLeft},750);
		}
	});
			
	var currLetter = letter;
	var currLetterLeft = currLetter.position().left;
	var newAlphabetLeft = currColorbarRight - currLetterLeft + horizAdjust;
	//var newAlphabetLeft = currColorbarRight - currLetterLeft + horizAdjust - (letterAdjust);
	//alert(newAlphabetLeft);				
	currLetter.parent().animate({left:newAlphabetLeft},500);
	currLetter.find(".isfor,.label").fadeIn();
	currLetter.animate({fontSize:"1200px",top:"-430px",opacity:1,paddingRight:"100px",marginRight:"-100px"},1000);
	$(".alphabet .on").find(".isfor,.label").fadeOut();
	$(".alphabet .on").animate({fontSize:"500px",top:0,opacity:0.3,paddingRight:"40px",marginRight:0},1000,function(){
		$(this).removeClass("on");
		currLetter.addClass("on");
	});
	
	var allLetters = $(".alphabet p");
	$(".alphabet p").each(function(i){
		if($(this).find(".letter").text() == currLetterValue) {
			currentLetter = currLetterValue;
			if(i > 0) previousLetter = $(allLetters[i-1]).find(".letter").text();
			else previousLetter = "z";
			if(i < allLetters.length-1) nextLetter = $(allLetters[i+1]).find(".letter").text();
			else nextLetter = "a";
		}
	});
	
	$(".nav.left span").animate({opacity:0},300,function(){
		$(this).text(previousLetter);
		$(this).animate({opacity:1},300);
	});
	
	$(".nav.right span").animate({opacity:0},300,function(){
		$(this).text(nextLetter);
		$(this).animate({opacity:1},300);
	});
	
} //switchLetters