var h;
	var finalhight;
	function hight(h){
		
		if(h > 0 && h <= 3)
		{
			
			finalhight = "75px";
		}
		if(h > 3 && h <= 6)
		{
			
			finalhight = "95px";
		}
		if(h > 6 && h <= 9)
		{
			
			finalhight = "123px";
		}
		if(h > 9 && h <= 12)
		{
			
			finalhight = "143px";
		}
		if(h > 12 && h <= 15)
		{
			
			finalhight = "163px";
		}
		
	}
	
	
	
	var h1;
	var finalhight1;
	function hight1(h1){
		if(h1 > 0 && h1 <= 3)
		{
			
			finalhight1 = "75px";
		}
		if(h1 > 3 && h1 <= 6)
		{
			
			finalhight1 = "95px";
		}
		if(h1 > 6 && h1 <= 9)
		{
			
			finalhight1 = "123px";
		}
		if(h1 > 9 && h1 <= 12)
		{
			
			finalhight1 = "143px";
		}
		if(h1 > 12 && h1 <= 15)
		{
			
			finalhight1 = "163px";
		}
		
	}	


	var h2;
	var finalhight2;
	function hight2(h2){
		if(h2 > 0 && h2 <= 3)
		{
			finalhight2 = "75px";
		}
		if(h2 > 3 && h2 <= 6)
		{
			
			finalhight2 = "95px";
		}
		if(h2 > 6 && h2 <= 9)
		{
			
			finalhight2 = "123px";
		}
		if(h2 > 9 && h2 <= 12)
		{
			
			finalhight2 = "143px";
		}
		if(h2 > 12 && h2 <= 15)
		{
			
			finalhight2 = "163px";
		}
		
	}


	
	jQuery(document).ready(function() {
									 
										jQuery(".level1").each(function(){
										  jQuery(this).click(
											function(){
											if(jQuery(this).hasClass('active')) {
											jQuery('.active').animate({height: '28px'}, 500);
												jQuery(this).removeClass('active');
											} else {
												hight(h);
												jQuery(".level2").removeClass('active1');
												jQuery(".level2").animate({height: '28px'}, 500);
												jQuery(".level3").removeClass('active2');
												jQuery(".level3").animate({height: '28px'}, 500);
												jQuery(this).addClass('active');
												jQuery(".active").animate({height: finalhight}, 500);
												}
											}
											/*function(){
												$('.active').animate({height: '28px'}, 500);
												jQuery(this).removeClass('active');
											}*/
											);
										
										});  
										
										
										jQuery(".level2").each(function(){
										  jQuery(this).click(
											function(){
											if(jQuery(this).hasClass('active1')) {
											jQuery('.active1').animate({height: '28px'}, 500);
												jQuery(this).removeClass('active1');
											} else {
												hight1(h1);
												jQuery(".level1").removeClass('active');
												jQuery(".level1").animate({height: '28px'}, 500);
												jQuery(".level3").removeClass('active2');
												jQuery(".level3").animate({height: '28px'}, 500);
												jQuery(this).addClass('active1');
												jQuery(".active1").animate({height: finalhight1}, 500);
												}
											}
											/*function(){
												$('.active').animate({height: '28px'}, 500);
												jQuery(this).removeClass('active');
											}*/
											);
										
										});  										
										
										jQuery(".level3").each(function(){
										  jQuery(this).click(
											function(){
											if(jQuery(this).hasClass('active2')) {
											jQuery('.active2').animate({height: '28px'}, 500);
												jQuery(this).removeClass('active2');
											} else {
												hight2(h2);
												jQuery(".level1").removeClass('active');
												jQuery(".level1").animate({height: '28px'}, 500);
												jQuery(".level2").removeClass('active1');
												jQuery(".level2").animate({height: '28px'}, 500);
												
												jQuery(this).addClass('active2');
												jQuery(".active2").animate({height: finalhight2}, 500);
												}
											}
											/*function(){
												$('.active').animate({height: '28px'}, 500);
												jQuery(this).removeClass('active');
											}*/
											);
										
										});  										
										
										
										
										
										
										 

									  });
      (function(jQuery) {
        function init() {

          jQuery("#example1 .effectContainer").fadeTransition({pauseTime: 4000,
                                                 transitionTime: 1000,
                                                 ignore: "#introslide",
                                                 delayStart: 4000,
                                                 pauseOnMouseOver: true,
                                                 createNavButtons: true});
                                                 
          jQuery("#example2 .effectContainer").fadeTransition({pauseTime: 2000,
                                                  transitionTime: 2000,
                                                  delayStart: 2000,
                                                  pauseOnMouseOver: true,
                                                  createNavButtons: true});
                                                 
          jQuery("#example3 .effectContainer").fadeTransition({pauseTime: 0,
                                                  transitionTime: 500,
                                                  manualNavigation: true});
                                                  
                   
          jQuery("#back").click(function(e) { example3.prev(); e.preventDefault(); });
          jQuery("#next").click(function(e) { example3.next(); e.preventDefault(); });
        }
        
        
        $(document).ready(init);
      })(jQuery);