// Header

$(document).ready(function() {
   
 
	// Show sub navigation
   		$("ul.nav li").live("mouseover",showSubNav);
	
   
   // Uitklap menu
   		$("span.button-arrow").toggle(uitKlapRight,closeUitklap);
		$("span.button-more").toggle(uitKlapRight,closeUitklap);
   // Help filter tabs.
   		$("a.show_tooltip").hover(hoverHelpIn,hoverHelpOut);
	// Add to filter outside selection
		$(".filter-item a").click(AddFilter);
	// Remove filter inside selection
		$(".filter-input a").live("click",AddFilter);

	
	
	// left wrapper height 
	/*if($(".global-center").length!=0){
		if($(".global-left").length!=0){		
			
			acHeight=$(".global-center").outerHeight(true);
			alert(acHeight);
			$(".global_wrapper").height(acHeight);
			
		}
	}*/
   
});// end document ready



  /*
   	Show sub navigation on hover
   
  */
  function showSubNav(evt){
		//get index of menu
		var index=$(this).index();
		
		//remove current active main menu.
		$("ul.nav li.active").removeClass("active");
		//remove current active submenu.
		$("ul.subNav").hide();
		
		//show current main menu.
		$(this).addClass("active");
		//show selected submenu.
		$("ul.subNav:eq("+index+")").fadeIn(500);
	
		
  };
  
 
	
	/*
	Uitklappen naar rechts
	
	*/
	function uitKlapRight(evt){
		var parentAll	=$(this).parent();
		var uitKlapObj	=$(" .uitklap",parentAll);
		
		
		// Checked where clicked ( arrow/text)
		
		/*
		if($(uitKlapObj).attr("class")=="button-more"){
			var arrow	=true;
			uitKlapObj=$(uitKlapObj).next();
		
		}
		*/
		$(uitKlapObj).slideDown(500);
		
		
	
		// wat doen we met de links ?
		$(" span #addToForm",uitKlapObj).click(function(){
				var formVal=$(" img",this).attr("alt");
				var name 	=$(this).attr("title");
				
				var parent	=$(this).parent();
				 parent	=$(parent).parent();
				 parent	=$(parent).parent();
				var menu	=$(" .button-more",parent);
			
				
				$(menu).text(name);
				$(" input",parent).val(formVal);
				$(uitKlapObj).slideUp(400);
				return false;
		});
		
		$(" #addCheckBox",uitKlapObj).click(function(){
				alert("ja");										
		});
	
		
		
	}
	
	/*
		Close uitklap menu
	*/
	function closeUitklap(evt){
		var uitKlapObj	=$(this).next();
		
		// Checked where clicked ( arrow/text)
		if($(uitKlapObj).attr("class")=="button-more"){
			var arrow	=true;
			uitKlapObj=$(uitKlapObj).next();
			uitKlapObj=$(uitKlapObj).next();
		}else{
			uitKlapObj=$(uitKlapObj).next();
			
		}
		$(uitKlapObj).slideUp(400);
		
	}
	
	
	
	
	
	
	
	/*
	
		Add sub selection
	
	*/
	
	
	
	
	
	
	
	
	
	/* 
		Help filter tabs.
	*/
	function hoverHelpIn(evt){
		if($(this).next(".tooltip").length==0){
			$(this).parent().next(".tooltip").show();	
		}else{
			$(this).next(".tooltip").show();
		}
	}
	
	function hoverHelpOut(evt){
		if($(this).next(".tooltip").length==0){
			$(this).parent().next(".tooltip").hide();	
		}else{
			$(this).next(".tooltip").hide();
		}
	}
	
	/*
	 Add Filter
	
	*/
	
	function AddFilter(evt){
	
		// Get name and selection
		if($(this).parent().hasClass("filter-item")){
				// clicking outside filter selection
				
				// check if it must be added or removed.
			
				if($(" img",this).attr("src").match(/cancel/gi)){
					// remove item
					RemoveFilterItem(this,"outside");
				}else{
					// Add item
					AddFilterItem(this);
					
				}
				
				
		}else{
			
			RemoveFilterItem(this,"inside");
		}
		
		
		
		
		
		return false;
	}
	
	/*
	 Add filter item
	
	*/
	function AddFilterItem(evt){
		
		var tab_index	=false;
		var tab_name	=false;
		$("ul.filterTab li").each(function(index) {
			if($(this).attr("class")=="active"){
				tab_index=index;
				tab_name=$(" a",this).text();
			}
		});

		var itemTekst=$(evt).text();
		var filter_id	=$(evt).parent().attr("id");// eg xvid_filter
		
			// change color link
		$(evt).css("color","#ccc");
		
		// Which selection in de selected filter
		var section_title=$(".filter-select .item-title:eq("+tab_index+")");
		var item_inputs  =$(" .filter-input",section_title);
		if($(item_inputs).html().match(/All/gi)){
			// remove 'All'
			$(item_inputs).html("");
		}
		// Start animation
		$(section_title).fadeOut(100,function(){
			// make background red
			$(section_title).css({"background-color" : "#AB2714" , "color":"#fff" });
			$(section_title).fadeIn(100,function(){
					
					
				
					if($( "#"+filter_id,item_inputs).length==0){
						// Add Item link selection
						var itemHtml='<a href="#" >'+itemTekst+'</a>';
						
						
						$(item_inputs).append(itemHtml);
						//check width and expand when needed.
						if($(".filter-select").width()>230){
							
							$(".filter-select .top").css("width",$(".filter-select").width());
							
						}
						
						$(":last",item_inputs).attr("id",filter_id);
						//Add item input.
						if($(".filter-select form #"+filter_id).length==0){
							var itemInput='<input type="hidden" name="'+tab_name.toLowerCase()+'[]" id="'+filter_id+'" value="'+filter_id.replace("_filter","")+'"  />';
							
							$(".filter-select").append(itemInput);
						}
						
					}
					// change pictures
					$(" img",evt).attr("src",$(" img",evt).attr("src").replace("add_blue.gif","cancel.png"));
					// Change tooltip tekst
					
					$(evt).parent().next('.tooltip').html($(evt).parent().next('.tooltip').html().replace("Add","Remove"));
					$(evt).parent().next('.tooltip').html($(evt).parent().next('.tooltip').html().replace("to filter","from filter"));
					
				
					
					
					// end animation
				$(section_title).fadeOut(100,function(){
						$(section_title).css({"background-color" : "#fff" , "color":"#333" });
						$(section_title).fadeIn();
				});
			});
		});
								 	
					
	
		
		
		
		
	}
	
	/*
		Remove Filter
		
	*/
	function RemoveFilterItem(evt,type){
		if(type=="outside"){
			var id =$(evt).parent().attr("id");
			
			
		}else{
			var id=$(evt).attr("id");
			
			
		}
		if(id!="All"){
			var mainLink=$(".filter-wrap").find("#"+id);
			// Fucking IE
			$(".filter-input a").each(function(index) {
				if($(this).attr("id")==id){
					$(this).remove();	
				}
			})
			$(".filter-select input").each(function(index) {
				if($(this).attr("id")==id){
					$(this).remove();	
				}
			})
			
			
			// change color
			$(" a",mainLink).css("color","");
			// change pic.
			$(" img",mainLink).attr("src",$(" img",mainLink).attr("src").replace("cancel.png","add_blue.gif"));
			// change tooltip
			
			$(mainLink).next('.tooltip').html($(mainLink).next('.tooltip').html().replace("Remove","Add"));
			$(mainLink).next('.tooltip').html($(mainLink).next('.tooltip').html().replace("from filter","to filter"));
			
			$(".filter-input").each(function(index) {
				if($(this).html().length==0){
					$(this).append('<a href="#" id="All">All</a>');
				}
			})
			
			
			
		}
	 
	  return false;
	}
	
	/*
	
	  Selecten change animation
	*/
	
	function Filter_Selection_Anim(section_item){
		// Fade out
		$(section_item).fadeOut(100,function(){
			// make background red
			$(this).css({"background-color" : "#AB2714" , "color":"#fff" });
			$(this).fadeIn(100,function(){
				$(this).fadeOut(400,function(){							
					$(this).css({"background-color" : "#fff" , "color":"#333" });
					$(this).fadeIn(100);
							
				});
			});
		});
		

	
	}