$.bosch = {};
$.bosch.linksJSON = {};

function openLink(linkname){
    $("li a").removeClass("active");
    $("li a[id='link_"+linkname+"']").addClass("active");

    loadNewImages($.bosch.linksJSON.pages[linkname].imagearray);

	$("#maincontent").html($.ajax({
	    url: $.bosch.linksJSON.pages[linkname].htmlfile,
	    dataType: "html",
	    async: false
	}).responseText);
}

function addLink(id, linkJSON){
    if ($("#navigation ul").length <= 0) $("#navigation").append("<ul></ul>");

    var newitem = null;
    	
	if (linkJSON.type=="spacer"){
	   newitem = $("<li>&nbsp;</li>");
	} else if (linkJSON.type=="header"){
	   newitem = $("<li>"+linkJSON.name+"</li>");
	} else {
    	newitem = $("<li><a href='#'>"+linkJSON.linkname+"</a></li>");
    	$("a", newitem).click(function(){openLink(id);})
    	               .attr("id", "link_"+id)
    	               .css("display", "block");
    	 
	}
	if (linkJSON.indent) $(newitem).css("padding-left", linkJSON.indent*10);
   	$("#navigation ul").append(newitem);
}

function initLinks(jsonData){
	$.bosch.linksJSON = jsonData;

	$.each($.bosch.linksJSON.pages, function(item){
		addLink(item, $.bosch.linksJSON.pages[item]);
		
		if (item == $.bosch.linksJSON.index)
			openLink(item);
	});
}

function getLinks(){
    $.getJSON("links.json", initLinks);
}

function initSlider(){
	$("#slider").easySlider({
		auto: true, 
		continuous: true,
		speed: 2000,
		pause: 4000,
		controlsShow: false
	});
}

function loadNewImages(imageArray){
	$("#slider").fadeOut(500, 
    	function()
        {
        	$("#sliderContainer").empty();
        	$("#sliderContainer").append("<div id='slider' style='overflow: hidden'><ul></ul></div>");
            $("#slider").fadeTo(0,0);
        
        	for (i=0; i<imageArray.length; i++)
        	{
        		$("#slider ul").append("<li style='float: left;'><img src='"+imageArray[i]+"' /></a></li>");
        	}
        
            if (imageArray.length > 1) initSlider();
        	$("#slider").fadeTo(1000, 1);
        }
    );
}