var widthOfChevron = 4;
var speedOfChevronSlide = 100;
var speedMultiplier = 1;
var speedOfSupportSlide = 300;

$(document).ready(function() {
		
	$(".navbarItem").click(didClickNavbarItem);
	$("#logo").click(didClickLogo);
	
	$(".buttonSmall").mousedown(mouseDownOnSmallButton);
	$(".buttonSmall").mouseup(mouseUpOnSmallButton);
	
	$(".buyNowButton").mousedown(mouseDownOnBuyNowButton);
	$(".buyNowButton").mouseup(mouseUpOnBuyNowButton);
	
	$(".leatherButtonSmall").mousedown(mouseDownOnSmallLeatherButton);
	$(".leatherButtonSmall").mouseup(mouseUpOnSmallLeatherButton);
	
	$(".linkItemButtonBase").mousedown(mouseDownOnLinkButton);
	$(".linkItemButtonBase").mouseup(mouseUpOnLinkButton);
	
	$(".blogPostInfo").mousedown(mouseDownOnBlogInfo);
	$(".blogPostInfo").mouseup(mouseUpOnBlogInfo);
	
	$(".supportList li").click(toggleSupportItem);
	
	
	scaleStatusBar(95, '.notifyStatusBar');
	scaleStatusBar(5, '.notify3StatusBar');
	scaleStatusBar(10, '.newspressStatusBar');
	
	moveChevronToCorrectPosition();
	
	$(document).keydown(function(e)
	{			
		if (e.which == 16) { speedMultiplier = 5; }
	});
	
	$(document).keyup(function(e)
	{	
		if (e.which == 16) { speedMultiplier = 1; }
	});	
	
});

function scaleStatusBar(percentage, className)
{
	var px = 686 * (percentage / 100) + "px"

	$(className).animate({width: px}, 750);
}

function mouseDownOnBlogInfo(event)
{
	$(this).parent().parent().children(".blogTop").each(
	function()
	{
		$(this).children(".blogTopInfo").each(
			function(){
				if ($(this).is(":visible"))
				{
					$(this).slideUp(speedOfSupportSlide * speedMultiplier);
				}
				else
				{
					$(this).slideDown(speedOfSupportSlide * speedMultiplier);
				}
			});
	});
}

function mouseUpOnBlogInfo(event)
{
	
}


function mouseDownOnSmallButton(event)
{
	$(this).addClass('buttonSmallSelected');
}

function mouseUpOnSmallButton(event)
{	
	$(this).removeClass('buttonSmallSelected');
}

function mouseDownOnBuyNowButton(event)
{
	$(this).addClass('buyNowButtonSelected');
}

function mouseUpOnBuyNowButton(event)
{	
	$(this).removeClass('buyNowButtonSelected');
}

function mouseDownOnSmallLeatherButton(event)
{
	$(this).addClass('leatherButtonSmallSelected');
}

function mouseUpOnSmallLeatherButton(event)
{	
	$(this).removeClass('leatherButtonSmallSelected');
}

function mouseDownOnLinkButton(event)
{
	$(this).addClass('linkItemButtonSelected');
}

function mouseUpOnLinkButton(event)
{	
	$(this).removeClass('linkItemButtonSelected');
}

function didClickNavbarItem(event)
{	
	$('.navbarItemSelected').removeClass('navbarItemSelected');
	
	if ($(this).hasClass('navbarItemSelected'))
		$(this).removeClass('navbarItemSelected');
	else
		$(this).addClass('navbarItemSelected');
		
	slideChevron();
}

function didClickLogo()
{
	var width = $("#logo").width() / 2 - widthOfChevron;

	$("#chevron").animate({left:width}, speedOfChevronSlide * speedMultiplier, "swing");
	
	$('.navbarItemSelected').removeClass('navbarItemSelected');
}

function slideChevron()
{		
	var width = $(".navbarItemSelected").width() / 2;

	var slideDist = $(".navbarItemSelected").position();
	var distString = slideDist.left + width - widthOfChevron;

	$("#chevron").animate({left:distString}, speedOfChevronSlide * speedMultiplier, "swing");
}

function moveChevronToCorrectPosition()
{
	var oldValue = speedOfChevronSlide;
	speedOfChevronSlide = 0;
	
	slideChevron();
	
	speedOfChevronSlide = oldValue;
}

function expandAllSupportItems()
{
	$(".supportList li").removeClass("collapsed");
	$(".supportList li img").slideDown(speedOfSupportSlide * speedMultiplier);
	$(".supportList li p").slideDown(speedOfSupportSlide * speedMultiplier);
	$(".supportList li").addClass("expanded");
}

function collapseAllSupportItems()
{
	$(".supportList li").removeClass("expanded");
	$(".supportList li img").slideUp(speedOfSupportSlide * speedMultiplier);
	$(".supportList li p").slideUp(speedOfSupportSlide * speedMultiplier);
	$(".supportList li").addClass("collapsed");
}

function toggleSupportItem(event)
{			
//	if ($(this).hasClass("expanded"))
//	{
//		$(this).removeClass("expanded");
//		$(this).children("img").each(function() { $(this).slideUp(speedOfSupportSlide * speedMultiplier); });
//		$(this).children("p").each(function() { $(this).slideUp(speedOfSupportSlide * speedMultiplier); });
//		$(this).addClass("collapsed");
//	}
//	else 
	if ($(this).hasClass("collapsed"))
	{
		$(this).removeClass("collapsed");
		$(this).children("img").each(function() { $(this).slideDown(speedOfSupportSlide * speedMultiplier); });
		$(this).children("p").each(function() { $(this).slideDown(speedOfSupportSlide * speedMultiplier); });
		$(this).addClass("expanded");
	}
}