/**
 * Bootstrap.js - Bootstrap for all Javascript functionality
 * 
 * @author  Webstores <info at webstores dot nl>
 *           Copyright (c) Webstores internet totaalbureau <http://www.webstores.nl/>
 */
$(document).ready(function(){
	
	// External links
	$('a[rel="external"]').each(function(){this.target='_blank'});
	
	// Toggle input values
	$('.toggle-value').each(function(){var v=this.value;$(this).focus(function(){if(this.value==v){this.value=''}$(this).addClass('focus');});$(this).blur(function(){if(this.value==''){this.value=v;$(this).removeClass('focus');}});});
	
	// Scrollbar width
	setSearchResultsWidth();
	
	// IE6 hover
	if(/msie 6/i.test(navigator.userAgent)){$('#navigation li').each(function(){$(this).mouseover(function(){$(this).addClass('iehover');});$(this).mouseout(function(){$(this).removeClass('iehover');});});}
	
	// Accordions
	$('#faq-accordion').accordion({active:0,autoHeight:false});
	
	// Colorbox
	jQuery('a.colorbox,a[rel="colorbox"]').colorbox({opacity:0.8,current:'Afbeelding {current} van {total}',previous:'Vorige',next:'Volgende',close:'Sluiten',slideshowStart:'Diavoorstelling starten',slideshowStop:'Diavoorstelling stoppen'});
	jQuery('a.login-colorbox').colorbox({opacity:0.8, close:'Sluiten', iframe: true, innerWidth: '510px', innerHeight: '416px'});
	
	// Product detail zoom
	$(".jqzoom").jqzoom({alwaysOn: true, zoomType: 'reverse', imageOpacity: 0.6, title: '', xOffset: 1, zoomWidth: 240, zoomHeight: 300});
	
	// Tabs
	$('.tabs').tabs();
	
	// Search tyres Homepage
	if($('#search-products')){
		$('#vooras').change(function(e) {
			tyresearchhome(e);			
			e.preventDefault();
		});
		
		$('#trekas').change(function(e) {
			tyresearchhome(e);
			e.preventDefault();
		});
		
		$('#trailer').change(function(e) {
			tyresearchhome(e);			
			e.preventDefault();
		});
		
		$('#dieplader').change(function(e) {
			tyresearchhome(e);			
			e.preventDefault();
		});
	}

	if($('#tell-a-friend')) {
		$('#tell-a-friend').click(function(e) {
			$('#tell-a-friend-form').slideDown('slow').slideDown();
			e.preventDefault();
		});
		
		$('#tell-a-friend-form').validate({
			submitHandler: function(form) {
		   		form.submit();
			},
			rules: {
				name: "required",
				email: "required",
				namerecipient: "required",
				emailrecipient: "required",
				message: "required"
			},
			messages: {
				name: "*",
				email: "*",
				namerecipient: "*",
				emailrecipient: "*",
				message: "*"				
			}
		});

	}

	if($('#dealer-map')) {
		// Dealer map toggle
		$('.toggle-slide').click(function(e) {
			$(e.target.hash).slideToggle('slow', function() {
				$(e.target).toggleClass('slide-down')
				if($(e.target).text() == 'Inklappen') {
					$(e.target).text('Uitklappen');				
					$('.display-map').removeClass('selected');
					$('.display-list').addClass('selected');
				} else {
					$(e.target).text('Inklappen');
					$('.display-list').removeClass('selected');
					$('.display-map').addClass('selected');
				}
			});
			e.preventDefault();
		});
		
		// Show dealer map
		$('.display-map').click(function(e) {
			$(e.target.hash).slideDown('slow', function() {
				$('.toggle-slide').removeClass('slide-down')
				$('.toggle-slide').text('Inklappen');
				$(e.target).addClass('selected');
				$('.display-list').removeClass('selected');
			});
			e.preventDefault();
		});
		
		// Hide dealer map
		$('.display-list').click(function(e) {
			$(e.target.hash).slideUp('slow', function() {
				$('.toggle-slide').addClass('slide-down')
				$('.toggle-slide').text('Uitklappen');
				$(e.target).addClass('selected');
				$('.display-map').removeClass('selected');
			});
			e.preventDefault();
		});
		
	}	
});

function setSearchResultsWidth() {
	if($('.home-search-results .inner').children().length > 0) {
		$('.home-search-results .inner').each(function(index, el) {
			$(el).width($(el).children('.thumb').length * 120);
		});		
	}
}

function tyresearchhome(e){
	$.post('/products/find/', $($(e.target).parents('form')[0]).serialize(), function(data) {			
		var result = $('#truck .home-search-results');
		$(result).children('.inner').html(data);
		$('#truck .result-count').text($('#truck .inner .thumb').length);
		setSearchResultsWidth();
	});
}