$(document).ready(function()
{
	if(mainpage == 'false')
	{
		archtype = Raphael("animation", 800,600);
	}
	else
	{
		archtype = Raphael("startpageanimation", 720, 10);
	}
	
	paperSize = 0;
	stroke = 10;
	linecolor = "#003470";
	
	archtype.customAttributes.arc = function (xloc, yloc, alpha, R, type)
	{
		var a = (90 - alpha) * Math.PI / 180;
		var x = xloc + R * Math.cos(a);
		var y = yloc - R * Math.sin(a);
		var path;
		if(type == 1){
			path = [["M", xloc + R, yloc], ["A", R, R, 0, 0, 1, x, y]];
		} else {
			path = [["M", xloc, yloc - R], ["A", R, R, 0, 0, 0, x, y]];
		}
		return {path: path};
	};
	
	archtype.customAttributes.line = function (x0, y0, x1, y1)
	{
		var path;
		path = [["M", x0, y0], ["L", x1, y1]];
		
		return {path: path};
	};
	
	//ie hack to prevent flickering
	if($.browser.msie){
		color = "#E9E9E9";
	} else {
		color = "#003470";
	}
	
	if(mainpage == 'true')
	{
		speed = 100;
		my_line = archtype.path().attr({ "stroke": linecolor,"stroke-width": 20, line: [705,0,705,0]});
		my_line.animate({ line: [600,0,705,0] }, speed,function () {
			jQuery('#mainmenulink7').css('visibility','visible');
			my_line.animate({ line: [550,0,705,0] }, speed,function () {
				jQuery('#mainmenulink6').css('visibility','visible');
				my_line.animate({ line: [500,0,705,0] }, speed,function () {
					jQuery('#mainmenulink5').css('visibility','visible');
					my_line.animate({ line: [400,0,705,0] }, speed,function () {
						jQuery('#mainmenulink4').css('visibility','visible');
						my_line.animate({ line: [300,0,705,0] }, speed,function () {
							jQuery('#mainmenulink3').css('visibility','visible');
							my_line.animate({ line: [100,0,705,0] }, speed,function () {
								jQuery('#mainmenulink2').css('visibility','visible');
								my_line.animate({ line: [40,0,705,0] }, speed,function () {
									jQuery('#mainmenulink1').css('visibility','visible');
								});
							});
						});
					});
				});
			});
		});
	}
	else if(mainpage == 'false')
	{
		var position = $('#mainmenulink'+activeLink).position();
		
		r = 15;
		v = 1;
		x0 = (position.left)+($('#mainmenulink'+activeLink).width()/2)-10;
		y0 = 0;
		y1 = 35;
		x2 = 30;
		y2 = 80;
		
		if(countEntries != 0 && flash == 'true')
		{
			createAnimation(activeLink);
		}
		else if(flash == 'false')
		{
			createLine(activeLink);
		}
		
		paperSize = 130 + (countEntries*45) + (countSubEntries*17);
		archtype.setSize(800,paperSize);
		
		jQuery(document).ready(function() {
			jQuery('#animation').height(paperSize-50);
			jQuery('#animation').prev().height(paperSize-50);
		});
	}
});

function createLine(activeLink)
{
	my_line = archtype.path().attr({ "stroke": linecolor,"stroke-width": stroke, line: [x0,y0,x0,y1-r+1]});
	my_arc = archtype.path().attr({"stroke": linecolor, "stroke-width": stroke, arc: [x0-r, y1-r, 180, r, 1]});
	my_line = archtype.path().attr({"stroke": linecolor, "stroke-width": stroke, line: [x0-r+1, y1, x2+r-1, y1] });
	my_arc = archtype.path().attr({"stroke": linecolor, "stroke-width": stroke, arc: [x2+r, y1+r, -90, r, 2]});
	my_line = archtype.path().attr({ "stroke": linecolor, "stroke-width": stroke, line: [x2,y1+r-1,x2,y2]});
	
	createSubmenu();
}

function createAnimation(activeLink)
{
	my_line = archtype.path().attr({ 
		"stroke": linecolor,"stroke-width": stroke, line: [x0, y0, x0, y0]
	});
	my_line.animate({ line: [x0,y0,x0,y1-r+1] }, (y1-r+1-y0)*v, 
		function (){
			my_arc = archtype.path().attr({"stroke": color, "stroke-width": stroke, arc: [x0-r, y1-r, 90, r, 1]});
			my_arc.animate( 
				{"stroke": linecolor, arc: [x0-r, y1-r, 180, r, 1]}, 100, 
				function (){
					my_line = archtype.path().attr({ 
						"stroke": linecolor, "stroke-width": stroke, line: [x0-r+1, y1, x0-r+1, y1]
					});
					my_line.animate({ line: [x0-r+1, y1, x2+r-1, y1] }, (x0-x2+2*r+2)*v, 
						function () {
							my_arc = archtype.path().attr({"stroke": color, "stroke-width": stroke, arc: [x2+r, y1+r, 0, r, 2]});
							my_arc.animate( 
								{"stroke": linecolor, arc: [x2+r, y1+r, -90, r, 2]}, 100,
								function () {
									my_line = archtype.path().attr({ 
										"stroke": linecolor, "stroke-width": stroke, line: [x2, y1+r-1, x2, y1+r-1]
									});
									my_line.animate({ line: [x2,y1+r-1,x2,y2] }, (y2-y1-r+1)*v,
										function () {
											createSubmenu();
										}
									);
								}
							);
						}
					)
				} 
			);
		}
	);
}

function createSubmenu()
{
	browserName=navigator.appName;
	startPosition = 60;
	i = 0;
	
	if(countEntries != 0)
	{
		createSubmenuEntry();
	}
}

function createSubmenuEntry()
{
	if((i-1) == activeSubLink)
	{
		if (browserName=="Microsoft Internet Explorer")
		{
			if(countSubEntries == 1)
			{
				var circle1 = archtype.circle(x2, startPosition+(30)+(i*45)+(countSubEntries*16), 14).attr({stroke: "#FFFFFF",fill: "#FFFFFF"});
				var circle2 = archtype.circle(x2, startPosition+(30)+(i*45)+(countSubEntries*16), 11).attr({stroke: "#003470",fill: "#003470"});
				var circle3 = archtype.circle(x2, startPosition+(30)+(i*45)+(countSubEntries*16), 8).attr({stroke: "#F17D00",fill: "#F17D00"});
				startPosition += (countSubEntries*16);
			}
			else
			{
				var circle1 = archtype.circle(x2, startPosition+(30)+(i*45)+(countSubEntries*17), 14).attr({stroke: "#FFFFFF",fill: "#FFFFFF"});
				var circle2 = archtype.circle(x2, startPosition+(30)+(i*45)+(countSubEntries*17), 11).attr({stroke: "#003470",fill: "#003470"});
				var circle3 = archtype.circle(x2, startPosition+(30)+(i*45)+(countSubEntries*17), 8).attr({stroke: "#F17D00",fill: "#F17D00"});
				startPosition += (countSubEntries*17);
			}
		}
		else
		{
			var circle1 = archtype.circle(x2, startPosition+(30)+(i*45)+(countSubEntries*13.8), 14).attr({stroke: "#FFFFFF",fill: "#FFFFFF"});
			var circle2 = archtype.circle(x2, startPosition+(30)+(i*45)+(countSubEntries*13.8), 11).attr({stroke: "#003470",fill: "#003470"});
			var circle3 = archtype.circle(x2, startPosition+(30)+(i*45)+(countSubEntries*13.8), 8).attr({stroke: "#F17D00",fill: "#F17D00"});
			startPosition += (countSubEntries*13.8);
		}
		jQuery('.subsubmenuLink').show();
	}
	else
	{
		var circle1 = archtype.circle(x2, startPosition+(30)+(i*45), 14).attr({stroke: "#FFFFFF",fill: "#FFFFFF"});
		var circle2 = archtype.circle(x2, startPosition+(30)+(i*45), 11).attr({stroke: "#003470",fill: "#003470"});
		var circle3 = archtype.circle(x2, startPosition+(30)+(i*45), 8).attr({stroke: "#F17D00",fill: "#F17D00"});
	}
	
	jQuery('#submenuLink'+(i+1)).css('display','block');
	
	if(i != countEntries-1)
	{
		//var path = archtype.path("M20 "+(startPosition+((i+1)*40))+ ", L20 "+(startPosition+(40)+((i+1)*40))).attr({stroke: "#003470","stroke-width": 10});
		//path.toBack();
		
		if(flash == 'true')
		{
			my_line = archtype.path().attr({"stroke": linecolor, "stroke-width": stroke, line: [x2,startPosition+(30)+(i*45),x2,startPosition+(30)+(i*45)]});
			my_line.toBack();
			my_line.animate({line: [x2, (startPosition+((i+1)*45)-2),x2, (startPosition+(x2)+((i+1)*45))]},200,
			function()
			{
				i++;
				createSubmenuEntry();
			});
		}
		else
		{
			jQuery('.subsubmenuLink').show();
			if(i == activeSubLink)
			{
				
				if(browserName=="Microsoft Internet Explorer")
				{
					my_line = archtype.path().attr({"stroke": linecolor, "stroke-width": stroke, line: [x2, (startPosition+((i+1)*45)-2),x2,(startPosition+(x2)+((i+1)*45))+(countSubEntries*16.8)]});
				}
				else
				{
					my_line = archtype.path().attr({"stroke": linecolor, "stroke-width": stroke, line: [x2, (startPosition+((i+1)*45)-2),x2,(startPosition+(x2)+((i+1)*45))+(countSubEntries*14)]});
				}
			}
			else
			{
				my_line = archtype.path().attr({"stroke": linecolor, "stroke-width": stroke, line: [x2, (startPosition+((i+1)*45)-2),x2, (startPosition+(x2)+((i+1)*45))]});
			}
			
			my_line.toBack();
			i++;
			createSubmenuEntry();
			
		}
	}
}