$().ready(function() {
	$images = [{"image_id":"1","title":"Vicinity Map","url":"http:\/\/www.libertypark.com\/admin\/..\/assets\/media\/local-area7.jpg","position":"1"},{"image_id":"2","title":"Birmingham","url":"http:\/\/www.libertypark.com\/admin\/..\/assets\/media\/local-area2.jpg","position":"2"},{"image_id":"3","title":"Vestavia Hills","url":"http:\/\/www.libertypark.com\/admin\/..\/assets\/media\/local-area3.jpg","position":"3"},{"image_id":"4","title":"Schools","url":"http:\/\/www.libertypark.com\/admin\/..\/assets\/media\/local-area4.jpg","position":"4"},{"image_id":"5","title":"Dining","url":"http:\/\/www.libertypark.com\/admin\/..\/assets\/media\/local-area5.jpg","position":"5"},{"image_id":"6","title":"Shopping","url":"http:\/\/www.libertypark.com\/admin\/..\/assets\/media\/local-area6.jpg","position":"6"},"http:\/\/www.libertypark.com\/local-area\/culture"];

	$i = 1;
	$buttons = $('#navigation ul li').eq(4).find('ul a').slice(0, -1);
	$buttons.each(function() {
		$(this).attr('href', "javascript:void(0)");
		$(this).attr('index', $i);
		$i += 1;
	});
	$buttons.click(function() {
		$buttons.removeClass('active');
		$(this).addClass('active');
		$('.media').media('change', parseInt($(this).attr('index'), 10));
	});

	$('.media').media({
		data: $images,
		index: $('.media').find('input[name=index]').val(),
		change: function($event, $index) {
			$buttons.eq($index - 1).trigger('click');
		}
	});
});