var scr1 = "";
var scr2 = "";
var scr3 = "";
var scr4 = "";

JQACC(document).ready(function() {
	JQACC(".categorie").hrzAccordion({
			eventTrigger		: "click",
			openOnLoad			: selArea,
			eventAction			: function(i){
										if(scr1 != "")
										{
											document.getElementById("items1").style.visibility = "hidden";
											document.getElementById("items2").style.visibility = "hidden";
											document.getElementById("items3").style.visibility = "hidden";
											document.getElementById("items4").style.visibility = "hidden";
										}
								 	},
			completeAction		: function(i){
								 		//add your own onComplete function here
										if(i == '0' && scr1 != "")
										{
											//alert(JQ("div.scrollable2"));
											JQ("div.scrollable1").scrollable().begin();
											document.getElementById("items1").style.visibility = "visible";
											document.getElementById("items2").style.visibility = "hidden";
											document.getElementById("items3").style.visibility = "hidden";
											document.getElementById("items4").style.visibility = "hidden";
											
											//JQ("div.scrollable1").scrollable().reload();
										}
										if(i == '1' && scr2 != "")
										{
											JQ("div.scrollable2").scrollable().begin();
											document.getElementById("items1").style.visibility = "hidden";
											document.getElementById("items2").style.visibility = "visible";
											document.getElementById("items3").style.visibility = "hidden";
											document.getElementById("items4").style.visibility = "hidden";											
										}
										if(i == '2' && scr3 != "")
										{
											JQ("div.scrollable3").scrollable().begin();
											document.getElementById("items1").style.visibility = "hidden";
											document.getElementById("items2").style.visibility = "hidden";
											document.getElementById("items3").style.visibility = "visible";
											document.getElementById("items4").style.visibility = "hidden";
										}
										if(i == '3' && scr4 != "")
										{
											JQ("div.scrollable4").scrollable().begin();
											document.getElementById("items1").style.visibility = "hidden";
											document.getElementById("items2").style.visibility = "hidden";
											document.getElementById("items3").style.visibility = "hidden";
											document.getElementById("items4").style.visibility = "visible";
										}
								 	},
			containerClass     : "container3",
			listItemClass      : "listItem3",
			contentWrapper     : "contentWrapper3",
			contentInnerWrapper: "contentInnerWrapper3",
			handleClass        : "handle3",
			handleClassOver    : "handleOver3",
			handleClassSelected: "handleSelected3"
							  });
		
JQ(function() { 
	// initialize scrollable 
	scr1 = JQ("div.scrollable1").scrollable({
		size: 3
		
	}); 
	scr2 = JQ("div.scrollable2").scrollable({
		size: 3
		
	}); 
	scr3 = JQ("div.scrollable3").scrollable({
		size: 3
		
	});
	scr4 = JQ("div.scrollable4").scrollable({
		size: 3
		
	}); 
	
	document.getElementById("items1").style.visibility = "visible";
	document.getElementById("items2").style.visibility = "hidden";
	document.getElementById("items3").style.visibility = "hidden";
	document.getElementById("items4").style.visibility = "hidden";
});
});