$(document).ready(initEvent);

var flag = 0;

function initEvent()
{		
	var box1 = $("div#boxContentSuite1");
	var box2 = $("div#boxContentSuite2");
	var box3 = $("div#boxContentSuite3");
	var box4 = $("div#boxContentSuite4");
	var box5 = $("div#boxContentSuite5");
	var box6 = $("div#boxContentSuite6");
	var box7 = $("div#boxContentSuite7");
	var box8 = $("div#boxContentSuite8");
	var box9 = $("div#boxContentSuite9");
	var box10 = $("div#boxContentSuite10");
	
	var a1 = $("div#unfold1");
	var a2 = $("div#unfold2");
	var a3 = $("div#unfold3");
	var a4 = $("div#unfold4");
	var a5 = $("div#unfold5");
	var a6 = $("div#unfold6");
	var a7 = $("div#unfold7");
	var a8 = $("div#unfold8");
	var a9 = $("div#unfold9");
	var a10 = $("div#unfold10");
	
	box1.hide();
	box2.hide();
	box3.hide();
	box4.hide();
	box5.hide();
	box6.hide();
	box7.hide();
	box8.hide();
	box9.hide();
	box10.hide();
	
	a1.css("cursor", "pointer");
	a2.css("cursor", "pointer");
	a3.css("cursor", "pointer");
	a4.css("cursor", "pointer");
	a5.css("cursor", "pointer");
	a6.css("cursor", "pointer");
	a7.css("cursor", "pointer");
	a8.css("cursor", "pointer");
	a9.css("cursor", "pointer");
	a10.css("cursor", "pointer");
	
	a1.click( function() { unfoldBox(box1,1); });
	a2.click( function() { unfoldBox(box2,2); });
	a3.click( function() { unfoldBox(box3,3); });
	a4.click( function() { unfoldBox(box4,4); });
	a5.click( function() { unfoldBox(box5,5); });
	a6.click( function() { unfoldBox(box6,6); });
	a7.click( function() { unfoldBox(box7,7); });
	a8.click( function() { unfoldBox(box8,8); });
	a9.click( function() { unfoldBox(box9,9); });
	a10.click( function() { unfoldBox(box10,10); });
}

function unfoldBox(whichBox,nb)
{
	if(flag != nb)
	{
		$(whichBox).fadeIn();
		$("div#boxContentSuite" + flag).fadeOut();
		flag = nb;
	}
	else
	{
		$(whichBox).fadeOut();
		flag = 0;
	}
}