var carouselstart = 0;

$.fn.imagesLoaded = function(callback){

	  var elems = this.filter('img');

      len = elems.length;
      
	  elems.bind('load',function(){
    	  
    	  if (--len <= 0){ callback.call(elems,this); }
    	  
  	  }).each(function(){
      
     	// cached images don't fire load sometimes, so we reset src.
      
      	if (this.complete || this.complete === undefined){ this.src = this.src; }
      	      	
  	  }); 
}

$(window).load(function(){
	$('ul#nav').css('visibility','visible');
	$('div#accessoires_index').css('visibility','visible');
	$('div#accessories_container').css('visibility','visible');
	$('div.slide').css('display','block');
});

$(document).ready(function(){
	
	$('body#action ul#nav').css('visibility','visible');
	
	$('#nav_home').hover(function(){
		$('img#logo').attr('src',BASE_URL + '/image/logo-active.png');
	},function(){
		$('img#logo').attr('src',BASE_URL + '/image/logo-black.png');
	});
		
	$("ul#nav li").each(function(){
		
		var alreadyActive = 0;
		
		if($(this).attr('class')=='active') alreadyActive = 1;
		
		// Broaden the hyperlinks to the full button
		
		var url = $(this).find('a').attr('href');
		
		$(this).click(function(){
			window.location = url;
		});
		
		// Change the backgrounds to go yellow on hover
		
		$(this).hover(function(){
						$(this).attr('class','active');
						
						if($(this).attr('id')=='nav_faq'){
							$(this).find('img.navright').attr('src',BASE_URL + '/image/faq_right_active.gif');
						}else{
							$(this).find('img.navright').attr('src',BASE_URL + '/image/navbg_right_active.gif');
						
						}
						
						// Handle hilites on previous tab on a per tab basis.
						
						if($(this).attr('id')=='nav_home'){
							$('li#nav_home img.navright').attr('src',BASE_URL + '/image/navbg_right_active.gif');
							$('li#nav_home img.navleft').attr('src',BASE_URL + '/image/home_left_active.gif');
							if($('li#nav_models').attr('class')=='active') $('li#nav_home img.navright').attr('src',BASE_URL + '/image/navbg_right_active_both.gif');
							
						} else if($(this).attr('id')=='nav_models'){
							$('li#nav_home img.navright').attr('src',BASE_URL + '/image/navbg_right_before.gif');
							if($('li#nav_home').attr('class')=='active') $('li#nav_home img.navright').attr('src',BASE_URL + '/image/navbg_right_active_both.gif');
							if($('li#nav_accessories').attr('class')=='active') $('li#nav_models img.navright').attr('src',BASE_URL + '/image/navbg_right_active_both.gif');
							
						} else if($(this).attr('id')=='nav_accessories'){
							$('li#nav_models img.navright').attr('src',BASE_URL + '/image/navbg_right_before.gif');
							if($('li#nav_models').attr('class')=='active') $('li#nav_models img.navright').attr('src',BASE_URL + '/image/navbg_right_active_both.gif');
							if($('li#nav_info').attr('class')=='active') $('li#nav_accessories img.navright').attr('src',BASE_URL + '/image/navbg_right_active_both.gif');
							
							
						} else if($(this).attr('id')=='nav_info'){
							$('li#nav_accessories img.navright').attr('src',BASE_URL + '/image/navbg_right_before.gif');
							if($('li#nav_accessories').attr('class')=='active') $('li#nav_accessories img.navright').attr('src',BASE_URL + '/image/navbg_right_active_both.gif');
							if($('li#nav_action').attr('class')=='active') $('li#nav_info img.navright').attr('src',BASE_URL + '/image/navbg_right_active_both.gif');
							
						} else if($(this).attr('id')=='nav_action'){
							$('li#nav_info img.navright').attr('src',BASE_URL + '/image/navbg_right_before.gif');
							if($('li#nav_info').attr('class')=='active') $('li#nav_info img.navright').attr('src',BASE_URL + '/image/navbg_right_active_both.gif');
							if($('li#nav_dealers').attr('class')=='active') $('li#nav_action img.navright').attr('src',BASE_URL + '/image/navbg_right_active_both.gif');
							
						} else if($(this).attr('id')=='nav_dealers'){
							$('li#nav_action img.navright').attr('src',BASE_URL + '/image/navbg_right_before.gif');
							if($('li#nav_action').attr('class')=='active') $('li#nav_action img.navright').attr('src',BASE_URL + '/image/navbg_right_active_both.gif');
							if($('li#nav_faq').attr('class')=='active') $('li#nav_dealers img.navright').attr('src',BASE_URL + '/image/navbg_right_active_both.gif');
							
						} else if($(this).attr('id')=='nav_faq'){
							$('li#nav_dealers img.navright').attr('src',BASE_URL + '/image/navbg_right_before.gif');
							if($('li#nav_dealers').attr('class')=='active') $('li#nav_dealers img.navright').attr('src',BASE_URL + '/image/navbg_right_active_both.gif');
							
						} 
						
					},function(){
					
						if(!alreadyActive){
							$(this).attr('class','');
							
							if($(this).attr('id')=='nav_faq'){
								$(this).find('img.navright').attr('src',BASE_URL + '/image/faq_right.gif');
							}else{
								$(this).find('img.navright').attr('src',BASE_URL + '/image/navbg_right.gif');
							
							}
						}else{
							
							
						}
						
						// Handle hilites on previous tab on a per tab basis.
						
						if($(this).attr('id')=='nav_home'){
							$('li#nav_home img.navleft').attr('src',BASE_URL + '/image/home_left.gif');
							$('li#nav_home img.navright').attr('src',BASE_URL + '/image/navbg_right.gif');
							if($('li#nav_models').attr('class')=='active') $('li#nav_home img.navright').attr('src',BASE_URL + '/image/navbg_right_before.gif');
							if(alreadyActive) $('li#nav_home img.navleft').attr('src',BASE_URL + '/image/home_left_active.gif');
							if(alreadyActive) $('li#nav_home img#logo').attr('src',BASE_URL + '/image/logo-active.png');
							if(alreadyActive) $('li#nav_home img.navright').attr('src',BASE_URL + '/image/navbg_right_active.gif');
							
						} else if($(this).attr('id')=='nav_models'){
							if($('li#nav_accessories').attr('class')!='active') $('li#nav_models img.navright').attr('src',BASE_URL + '/image/navbg_right.gif');
							if($('li#nav_accessories').attr('class')=='active') $('li#nav_models img.navright').attr('src',BASE_URL + '/image/navbg_right_before.gif');
							$('li#nav_home img.navright').attr('src',BASE_URL + '/image/navbg_right.gif');
							if($('li#nav_home').attr('class')=='active') $('li#nav_home img.navright').attr('src',BASE_URL + '/image/navbg_right_active.gif');
							if(alreadyActive) $('li#nav_home img.navright').attr('src',BASE_URL + '/image/navbg_right_before.gif');
							if(alreadyActive) $('li#nav_models img.navright').attr('src',BASE_URL + '/image/navbg_right_active.gif');
							
						} else if($(this).attr('id')=='nav_accessories'){
							if($('li#nav_info').attr('class')!='active') $('li#nav_accessories img.navright').attr('src',BASE_URL + '/image/navbg_right.gif');
							if($('li#nav_info').attr('class')=='active') $('li#nav_accessories img.navright').attr('src',BASE_URL + '/image/navbg_right_before.gif');
							$('li#nav_models img.navright').attr('src',BASE_URL + '/image/navbg_right.gif');
							if($('li#nav_models').attr('class')=='active') $('li#nav_models img.navright').attr('src',BASE_URL + '/image/navbg_right_active.gif');
							if(alreadyActive) $('li#nav_models img.navright').attr('src',BASE_URL + '/image/navbg_right_before.gif');
							if(alreadyActive) $('li#nav_accessories img.navright').attr('src',BASE_URL + '/image/navbg_right_active.gif');
							
						} else if($(this).attr('id')=='nav_info'){
							if($('li#nav_action').attr('class')!='active') $('li#nav_info img.navright').attr('src',BASE_URL + '/image/navbg_right.gif');
							if($('li#nav_action').attr('class')=='active') $('li#nav_info img.navright').attr('src',BASE_URL + '/image/navbg_right_before.gif');
							$('li#nav_accessories img.navright').attr('src',BASE_URL + '/image/navbg_right.gif');
							if($('li#nav_accessories').attr('class')=='active') $('li#nav_accessories img.navright').attr('src',BASE_URL + '/image/navbg_right_active.gif');
							if(alreadyActive) $('li#nav_accessories img.navright').attr('src',BASE_URL + '/image/navbg_right_before.gif');
							if(alreadyActive) $('li#nav_info img.navright').attr('src',BASE_URL + '/image/navbg_right_active.gif');
							
							
						} else if($(this).attr('id')=='nav_action'){
							if($('li#nav_dealers').attr('class')!='active') $('li#nav_action img.navright').attr('src',BASE_URL + '/image/navbg_right.gif');
							if($('li#nav_dealers').attr('class')=='active') $('li#nav_action img.navright').attr('src',BASE_URL + '/image/navbg_right_before.gif');
							$('li#nav_info img.navright').attr('src',BASE_URL + '/image/navbg_right.gif');
							if($('li#nav_info').attr('class')=='active') $('li#nav_info img.navright').attr('src',BASE_URL + '/image/navbg_right_active.gif');
							if(alreadyActive) $('li#nav_info img.navright').attr('src',BASE_URL + '/image/navbg_right_before.gif');
							if(alreadyActive) $('li#nav_action img.navright').attr('src',BASE_URL + '/image/navbg_right_active.gif');
							
						} else if($(this).attr('id')=='nav_dealers'){
							if($('li#nav_faq').attr('class')!='active') $('li#nav_dealers img.navright').attr('src',BASE_URL + '/image/navbg_right.gif');
							if($('li#nav_faq').attr('class')=='active') $('li#nav_dealers img.navright').attr('src',BASE_URL + '/image/navbg_right_before.gif');
							$('li#nav_action img.navright').attr('src',BASE_URL + '/image/navbg_right.gif');
							if($('li#nav_action').attr('class')=='active') $('li#nav_action img.navright').attr('src',BASE_URL + '/image/navbg_right_active.gif');
							if(alreadyActive) $('li#nav_action img.navright').attr('src',BASE_URL + '/image/navbg_right_before.gif');
							if(alreadyActive) $('li#nav_dealers img.navright').attr('src',BASE_URL + '/image/navbg_right_active.gif');
							
						} else if($(this).attr('id')=='nav_faq'){
							$('li#nav_dealers img.navright').attr('src',BASE_URL + '/image/navbg_right.gif');
							if($('li#nav_dealers').attr('class')=='active') $('li#nav_dealers img.navright').attr('src',BASE_URL + '/image/navbg_right_active.gif');
							if(alreadyActive) $('li#nav_dealers img.navright').attr('src',BASE_URL + '/image/navbg_right_before.gif');
							if(alreadyActive) $('li#nav_faq img.navright').attr('src',BASE_URL + '/image/faq_right_active.gif');
							
						} 
					}
		);
		
	});
	
	function animateLink(el){
		$(el).animate({
			opacity: 0.40
		},
		800,
		function() {
		
			$(el).animate({
				opacity: 1
			}, 800, function() {
				animateLink(el);
			});
		});
	}	
	
	$('a.arrow,a.arrow-reference,a.arrow-terug').each(function(){
		animateLink($(this));
	});
	
	if($('ul.jcarousel-skin-bakfiets').length){
		
		var myFile = document.location.toString();
		
		if (myFile.match('#')) {
			
		 	var carouselstart = 1 +  parseInt(myFile.split('#')[1]);
		}

		$('ul.jcarousel-skin-bakfiets').jcarousel({
											scroll:8,
											start:carouselstart,
											buttonNextCallback:function(){
												carouselstart = Math.round(parseInt($('ul.jcarousel-list').css('left'))/74);

											
											},
											buttonPrevCallback:function(){
												carouselstart = Math.round(parseInt($('ul.jcarousel-list').css('left'))/74);

											}
										});
										
		$('ul.jcarousel-list li a').each(function(){
		
			$(this).click(function(){

				if(!isNaN(carouselstart)){
						window.location = $(this).attr('href') + "#" + (-1 * carouselstart);
						return false;
				}
				
			});
		});
	}
	
	if($('#info').length){
	
		$('a.file').corner("4px");
		
		$('a.file').hover(function(){
			
			$('div.filedesc').css('display','none');
			$('div#filedesc-'+$(this).attr('id')).css('display','block');
			
		});
		
		$('#right').hover(function(){},function(){
			
			$('div.filedesc').css('display','none');
			$('div#filedesc-0').css('display','block');
			
		});	
	}
	
	if($('#action').length){
	
		$('#slideshow').cycle({ 
	    	timeout:  5000, 
	    	speed:  1000,
	    	containerResize:1,
	    	slideExpr: 'div' 
		}); 
	}
	
	if($('#home').length){
	
		$('#home_slideshow').cycle({ 
	    	timeout:  5000, 
	    	speed:  1000,
	    	containerResize:1
		}); 
	}
	
	
});

$(window).load(function(){
	$('ul.jcarousel-list li img').each(function(){
		
		$(this).css('position','absolute');
		$(this).css('top','30px');
		$(this).css('margin-top', 0 - (Math.floor($(this).height()/2)) +'px');

	});
});



function openQuestion(QuestionID,ImgURL){

	
	if($('div#question-'+QuestionID).attr('class')=='question'){
		$('div.question').attr('class','question');
		$('div#question-'+QuestionID).attr('class','question active');
		if(ImgURL){
			 $('img#leftimg').attr('src',ImgURL);
		}else{
			 $('img#leftimg').attr('src',DefaultImg);
		
		}
	}else{
		$('div#question-'+QuestionID).attr('class','question');
		$('img#leftimg').attr('src',DefaultImg);
	}
	

}

