$(document).ready(function() {

	var navItems = { 
		length:0,
		active:0
	};
	var running = false;

	$('#nav > ul > li > a').each(function (i) {
		navItems[i] = this;
		if($(this).parent().hasClass('active')) {
			navItems.active = i;
		}
		navItems.length++;

		$(this).bind('mouseover', function(e) {
			if(!running) {
				startAnimateArrow(i);
			}
			else {
				moveAnimateArrow(i);
			}
			return false;
		});
	});

	var offset = $('#nav li.active a').position();
	var width = $('#nav li.active a').width();
	var centerAdjust = 105;

	var returnPosition = 65;
	if(offset) {
		returnPosition = offset.left + (navItems.active== 0 ? 65:centerAdjust);
	}


	$('#nav').append('<img src="/images/nav_arrow-down.png" width="12" heigh="7" alt="" id="nav-arrow-down"/>');
	$('#nav-arrow-down').css({
		position:'absolute',
		left: returnPosition,
		top: 29
	});

	$('#nav').append('<img src="/images/nav_arrow-up.png" width="12" heigh="7" alt="" id="nav-arrow-up" />');
	$('#nav-arrow-up').css({
		position:'absolute',
		left: returnPosition,
		top: 21,
		display:'none'
	});

	var startAnimateArrow = function(i) {
		running = true;
		$('#nav-arrow-down').css({display:'none'});
		$('#nav-arrow-up').css({display:'block'});
		moveAnimateArrow(i);
	}

	var moveAnimateArrow = function(i) {
		var offset = $(navItems[i]).position();
		offset.left += centerAdjust;
		if(i==0) {
			offset.left -= 40;
		}
		$('#nav-arrow-down, #nav-arrow-up').stop().animate({
			left: offset.left
		});
	}

	$('#nav > ul').bind('mouseleave', function() {
		$('#nav-arrow-down, #nav-arrow-up').stop().animate({
			left: returnPosition
		}, function() {
			$('#nav-arrow-up').css({display:'none'});
			$('#nav-arrow-down').css({display:'block'});
			running = false;
		});
	});

	$('img.dynss').each(function(i) {
		//console.log(this.src);
		var tmp_this = this;
		$.get('/dynss-json.php', {file:this.src}, function(data, txtStatus) {
			new HoverSlideshow(tmp_this, data['files']);
		}, 'json');
	});
});