$(function(){
		/*
		$(".toggleListElement").click(function(){
			$(this).css({cursor: "pointer"});
			$(this).removeAttr("href");
			if($(this).parent().find("ul").is(":hidden")){
				$(this).parent().find("ul").css({display: "block"})
			} else {
				$(this).parent().find("ul").css({display: "none"})
			} 
		});
		*/
		$(".pageLinkDetail").click(function() { 
			$(".liDetail").each(function(i) {
				$(".liDetail").attr({className : "liDetail"});
			});

			$(this).parent().attr({className : "liDetail active"});
			
			getmodelDetail($(this).attr("rev"));
		});
		
		checkUrl();
 	});

function getmodelDetail(urlLink) {
	$(".contentAreaRightLarge").html("<div class=\"dataLoader\">\n<img src=\"/images/layout/loader.gif\" alt=\"De auto wordt geladen\" /><br />\n<label>De auto wordt geladen.</label>\n</div>");
	$.post("/model-detail.php",{url : urlLink},
		function(data) {
			$(".contentAreaRightLarge").html(data);
		});
	setPrevNextUrl();
}

function setPrevNextUrl()
{
	$(".optionBarModels").html("");
	$(".optionBarModels").append("<a class=\"optionBarLinkPrev\" style=\"display:none;\" title=\"Vorige model bekijken\" href=\"#\">Vorige model bekijken</a>");
	$(".optionBarModels").append("<a class=\"optionBarLinkNext\" style=\"display:none;\" title=\"Volgende model bekijken\" href=\"#\">Volgende model bekijken</a>");
	$(".optionBarModels").append("<br clear=\"all\" />");

	var prevLink = $(".active").prev().find("a").attr("rev");
	var nextLink = $(".active").next().find("a").attr("rev");
	if (prevLink) {
		$(".optionBarLinkPrev").css({display:"block"});
		$(".optionBarLinkPrev").attr({href : "#/"+prevLink});
		
		$(".optionBarLinkPrev").click(function() { 
			var toLink = $(".active").prev();

			$(".liDetail").each(function(i) {
				$(".liDetail").attr({className : "liDetail"});
			});

			toLink.attr({className : "liDetail active"});
			
			getmodelDetail(prevLink);
		});
	} else {
		$(".optionBarLinkPrev").css({display:"none"});
	}

	if (nextLink) {
		$(".optionBarLinkNext").css({display:"block"});
		$(".optionBarLinkNext").attr({href : "#/"+nextLink});

		$(".optionBarLinkNext").click(function() {
			var toLink = $(".active").next();

			$(".liDetail").each(function(i) {
				$(".liDetail").attr({className : "liDetail"});
			});

			toLink.attr({className : "liDetail active"});

			getmodelDetail(nextLink);
		});
	} else {
		$(".optionBarLinkNext").css({display:"none"});
	}
}

function checkUrl()
{
	var url = window.location.href;
	if(url.indexOf('#') > 0)
	{
		var urlArray = url.split('#/');
		var urlString = urlArray[1]
		var modelLink = $('#'+urlString.substr(0,(urlString.length -5)));
		
		modelLink.parent().attr({className : "liDetail active"});
		modelLink.parent().parent().css({display: "block"});
		getmodelDetail(urlString);
	}
	else if(url.indexOf('modellen.html') > 0)
		location.href = '/modellen/';
}