var animating = false;

function displayDocSlider(childrenElement){
	var windowHeight = $(childrenElement).outerHeight();
	if(windowHeight != null){
		$('.documentSlider').css('height',windowHeight);			
	} else {
		$('.documentSlider').css('height',1);			
	}
}

$(document).ready(
	function(){
		$('#nav li').hover(
			function(){
				$(this).children('ul').fadeIn(100);
			}, function(){
				$(this).children('ul').fadeOut(20);
			}
		);
		
		if($('.documentSlider').length > 0){
			$('.documentContainer').each(function(){
				$(this).append("<img src='images/bg-documentSlider-top.gif' alt='' class='docSliderTop'/><img src='images/bg-documentSlider-bottom.gif' alt='' class='docSliderBottom'/><img src='images/closeBtn.gif' alt='' class='docSliderClose'/>");
			});
			
			/*
				var sliderHeight = $('.content').height() - $('.documentSlider').position().top -5;
				$('.documentSlider').css('height',sliderHeight);
			*/
		}
		if($('.documentTrigger').length > 0){
			$('.docSliderClose').click(function(){
				if(animating == false){
					animating = true;
					$(this).parent().animate({
						left: 700
					}, 300, function(){
						animating = false;
						displayDocSlider("undefined");
					});
				}
			});
			$('.documentTrigger a').click(function(){
				if(animating == false){
					animating = true;
					var clickedTrigger = $(this).attr('rel');
					var slided = undefined;
					$('.documentSlider .documentContainer').each(function(){
						if($(this).position().left == 0){
							if(clickedTrigger != $(this).attr('class').split(' ')[1]){
								slided = $(this);
							}
						}
					});
					
					if(slided != undefined){
						$(slided).animate({
							left: 700
						}, 300,function(){
							displayDocSlider($('.documentSlider .'+clickedTrigger));
							$('.documentSlider .'+clickedTrigger).animate({
								left: 0
							}, 300, function(){
								animating = false;
							});
						});
					} else {
						displayDocSlider($('.documentSlider .'+clickedTrigger));
						$('.documentSlider .'+clickedTrigger).animate({
							left: 0
						}, 300, function(){
							animating = false;
						});
					}
				}
				return false;
			});
		}
	}
);