$(document).ready(main);


function categories() {
	$('#leftmenu ul li a').click( function (event) {
		event.preventDefault();
		url = $(this).attr('href');
		$('#topmenu li a').removeClass('selected');
		$('#leftmenu li a').removeClass('selected');
		$(this).addClass('selected');
		$.get(url, function (request) {		
		
			content = $(request).find("#contentarea").children();
		 
			$('#contentarea').html($(content)); 
			displayContent();
			displayNextPage();
			
			var links = $('#icons li a');
		    $(links[0]).click();			
		});
	});
}

function pages() {
	$('ul#topmenu li a').click( function (event) {
		event.preventDefault();
		url = $(this).attr('href');
		$('#topmenu li a').removeClass('selected');
		$('#leftmenu li a').removeClass('selected');
		$(this).addClass('selected');
		$.get(url, function (request) {
		
		var content = $(request).find("#contentarea").children();
			$('#contentarea').html($(content)); 
			makeCarousel();
			displayContent();
		});

	
	});	
	
}

function displayContent() {
	$('ul#icons a').click( function (event) {
		event.preventDefault();
		url = $(this).attr('href');
		$('ul#icons a div.selected').remove();

		var img = $(this).find('img');
		var border = 6 * 2;
		var width = $(img).width() - border;
		var height = $(img).height() - border;

		$(this).prepend('<div class="selected" style="width:' + width + 'px; height: ' + height + 'px"></div>');
		$.get(url, function (request) {

			var content = $(request).find("#right").html();		
			$('#right').html($(content));
						
			makeCarousel();
			displayNextPage();

		});
	
	});	

}

function makeCarousel() {
	var img = $('#right').find('img').parent();
	$(img).hide();
	$(img[0]).show();

	var last = ($(img).size() - 1);
	if(last > 0) {
		var height = 0;
		var n = 0;
		$('#right').prepend('<p id="imgNav"><a id="preImg" class="imgNavBtn greenHover">«</a><a id="nextImg" class="imgNavBtn greenHover">»</a></p>');
		
		$('#right .imgNavBtn').click( function (event) {
			var id = $(this).attr('id');
			$(img[n]).hide();			
			
			if(id == 'preImg') {
				n--;
				if (n < 0) {
					n = last;
				}
			} 
			else {
				n++;
				if (n > last) {
					n = 0;
				}
			}
			$(img[n]).show();

/*			height = $(img[n]).height() / 2;
			$('#imgNav').css('margin-top', height + 'px'); */
		});
	}	
}

function displayNextPage() {
	$('div.navigation a').click( function (event) {
		event.preventDefault();
		url = $(this).attr('href');
		$.get(url, function (request) {
		
			content = $(request).find("#left").html();
		 	$('#left').html($(content));
			displayContent();
		});
	
	});	

}

function main() {
	makeCarousel();
	categories();
	pages();
}