/* jQuery- enable rollover disclosure for left hand sidebar links */

$(document).ready(function() {
	
	exContext("#context");
	exSlide();
	expandContract("#selection");
});	
function exSlide(){
	if(!("#slide")) return true;
	var lis=$("#slide > ul >li");
	//alert(lis.length);
	var totalWidth=0;
	lis.each(
		function(i){
			var el=$(this);
			totalWidth+=67;//el.outerWidth(true);
		}
	);
	//set width for id slide
	$("#slide").css('width',totalWidth);
	//set event click for next
	var leftSilde=0;
	var positionEnd=-1*(totalWidth-8*67);
	//default set back opacity 0.5
	$("#back").css('opacity',0.5);
	//if positionEnd>0 then set opacity for button next 0.5
	if(positionEnd>=0) $("#next").css('opacity',0.5);
	$("#next").click(
		function(e){
			//set position left 
			if(leftSilde==positionEnd){
				return true;
			}
			//set opacity for button back =1
			$("#back").css('opacity',1);
			leftSilde=leftSilde-67;
			$("#slide").animate({left:leftSilde},500);
			//if leftSilde == positionEnd then set opacity for button next = 0.5
			if(leftSilde==positionEnd) $("#next").css('opacity',0.5);	
		}
	);
	
	$("#next").dblclick(
		function(e){
			//alert('dblclick');
		}
	);
	
	//set event click for back
	$("#back").click(
		function(e){
			//set position left 
			if(leftSilde>=0){
				return true;
			}	
			//set opacity for button next =1
			$("#next").css('opacity',1);
			leftSilde=leftSilde+67;
			$("#slide").animate({left:leftSilde},500);
			//if leftSilde==0 then set opacity for button back =0.500
			if(leftSilde==0) $("#back").css('opacity',0.5);
		}
	);
	
	$("#back").dblclick(
		function(e){
			//alert('dblclick');
		}
	);
	
}
function expandContract(idContent) {
	if(!$(idContent)) return true;
	var expand=$(idContent+" > ul > li:first");
	expand.click(
		function(e){
			var dts=$("#content > div > dl > dt");
			dts.each(
				function(i){
					//add class active for dt, if not yet
					if($(this).hasClass('active')){
					}else{
						$(this).addClass('active');
						$(this).next().css('display','block');
					}	
				}
			);
		}
	);
	var contract=$(idContent+" > ul > li:last");
	contract.click(
		function(e){
			var dts=$("#content > div > dl > dt");
			dts.each(
				function(i){
					//add class active for dt, if not yet
					if($(this).hasClass('active')){
						$(this).removeClass('active');
						$(this).next().css('display','none');
					}else{
					}	
				}
			);
		}
	);
}
function exContent(idContent){
		if(!$(idContent)) return true;
		var dts=$(idContent+" > div > dl > dt");
		var dds=$(idContent+" > div > dl > dd");
		dds.each(
			function(e){
				var el=$(this);
				el.css('display','none');
			}
		);
		dts.each(
			function(i){
				var el = $(this);
				if($(this).hasClass('active')){
					$(this).next().css('display','block');
				}
				//set active for the first
				el.click(
					function(e){
						//add class active for dt, if not yet
						if($(this).hasClass('active')){
							$(this).removeClass('active');
							$(this).next().css('display','none');
						}else{
							$(this).addClass('active');
							$(this).next().css('display','block');
						}	
					}
				);
			}
		);
}
function exContext(idContent){
	if(!$(idContent)) return true;
		var dts=$(idContent+" > dl > dt");
		var dds=$(idContent+" > dl > dd");
		dds.each(
			function(e){
				var el=$(this);
				//defalut display none
				el.css('display','none');
				//see dd children of dd
				var dtsChildren=el.find('dl > dt');
				var ddsChildren=el.find('dl > dd');
				//if has dt or dd children
				if(dtsChildren.length>0){
					//defalut display none for dt children
					ddsChildren.each(
						function(e){
							var elChildren=$(this);
							elChildren.css('display','none');
						}
					);
					dtsChildren.each(
						function(){
							var elChildren = $(this);
							//set active for the dd, if dt has active 
							if($(this).hasClass('active')){
								$(this).next().css('display','block');
							}
							elChildren.click(
								function(){
									//add class active for dt, if not yet
									if($(this).hasClass('active')){
										$(this).removeClass('active');
										$(this).next().css('display','none');
									}else{
										$(this).addClass('active');
										$(this).next().css('display','block');
									}	
								}
							);
						}
					);
				
				}
				//alert(dtsChildren.length);
			}
		);
		dts.each(
			function(i){
				var el = $(this);
				//set active for the dd, if dt has active 
				if($(this).hasClass('active')){
					$(this).next().css('display','block');
				}
				el.click(
					function(e){
						//add class active for dt, if not yet
						if($(this).hasClass('active')){
							$(this).removeClass('active');
							$(this).next().css('display','none');
						}else{
							$(this).addClass('active');
							$(this).next().css('display','block');
						}	
					}
				);
			}
		);
}