/**
 * (c)2011 SiteCLX. All rights reserved.
 *  
 * @package American Vacations 
 * @copyright Copyright 2011, SiteCLX
 * @link http://www.siteclx.com
 * @author Peter Huisman
 * @version 1.0
 */

jQuery(function(){

	// attr placeholder support
	if (!Modernizr.input.placeholder){
		placeholder();
	}
	
	// style select inputs
	$('#searchbar .select select').jqDropDown({
		defaultOption: '<em class="placeholder">Maak een keuze</em><span></span>', defaultStyle: false, useValue: true
	}); 
	
	$('#productindexsortselect').jqDropDown({
		defaultStyle: true, 
		defaultOption: '<em class="placeholder">Sorteer op</em><span></span>',
		optionChanged: function(){
			$('#productindexsortselect').trigger('change');
		}
	}); 
	
	// init page slider
	$('#pageslider').nivoSlider({
			directionNav:false,
	        controlNav: false, 
	        keyboardNav:false,
			pauseOnHover:false,
			pauseTime: 6000,
			beforeChange: function(o){
				$('#pageslidertitle').html('');
				$('#slideractionbutton').hide();
			},
			afterChange: function(o){
				
				var currentImage = $('#pageslider').data('nivo:vars').currentImage;
				var action = currentImage.attr('data-slide-action');
				var text1 = currentImage.attr('data-slide-text1');
				var text2 = currentImage.attr('data-slide-text2');
				var text3 = currentImage.attr('data-slide-text3');
				$('#pageslidertitle').html(
						'<span class="main-title">' + text1 +
						' <strong>' + text2 +'</strong></span><span class="sub-title">' +
						text3 + '</span>');
				$('#slideractionbutton').attr('href', action);
				$('#slideractionbutton').show();		
			}
		}
	);
	
	// accordion
	
	$('.accordion-button').click(function() {
		$('.accordion-button').removeClass('accordion-button-on');
	 	$('.accordion-content').slideUp('normal');
		if($(this).next().is(':hidden') == true) {
			$(this).addClass('accordion-button-on');
			$(this).next().slideDown('normal');
		 } 
	 });
	
	$('.accordion-button').hover(function() {
		  $(this).addClass('accordion-button-hover');
		}, function() {
		  $(this).removeClass('accordion-button-hover');
		});
	
	$('.accordion-content').hide();
	
	var startaccordion = $('.accordion-button').first().trigger('click');

	
	
	// links acordion
	$('.accordion-panel-title, .link-title, .faq-question').click(function(){
		var linkTitle = $(this);
		var linkDiv = $('#' + linkTitle.attr('data-rel')); 
		linkDiv.toggleClass('hidden');
		linkTitle.toggleClass('open');
	}) ;
	
	// open links
	$('a[data-linkid!=""]').click(
			function(){
				var linkid = parseInt($(this).attr('data-linkid'));
				if(linkid > 0){
					window.open('/module/Links/open/' + $(this).attr('data-linkid'));
					return false;
				}
			}
	);
	
	// booking
	$('.booking-information ul li').first().addClass("first");
	
	$('a[data-bookingid!=""]').click(
			function(){
				var id = parseInt($(this).attr('data-bookingid'));
				if(id > 0){
					
					$.ajax({
						  url: '/element/SidebarBooking/open/' + id,
						  success: function(response){
							  $.colorbox({
									title: '',
									html: response});
						  }
						});
					
					return false;
				}
			}
	);
	
	$("a[rel='fotoblock']").colorbox({
		current: "{current} / {total}"
	});
	
	// product lightbox
	$("a.popupimage").live("click",
		    function() {
				var viewurl = $(this).attr('href');
				var viewtitle = $(this).attr('title');
				$.colorbox({
					title: viewtitle,
					href: viewurl});
				return false;
			}
	);
	
	$('[href^="https://eol"]').each(
			function(){
				$(this).attr('target', '_blank');
				$(this).click(function(){
					window.open($(this).attr('href'),'paxc','toolbar=no,width=780,height=530,left=100,top=50,status=no,scrollbars=yes,resize=no')
					return false;
				});
			}
	);
	
	// route
	// route lightbox
	$('.route-button').click(function(){
		$.colorbox({href:'/module/Route/lightbox', iframe: true, width:800, height: 500, close: 'sluiten'});
	});
	$('a[href*="Route/lightbox"]').colorbox({iframe: true, width:800, height: 500, close: 'sluiten'});

	
});

// emulate placeholder support
function placeholder(){
	$('input[placeholder]').each(function(){
		var ielm = $(this);
		if ( ielm.val() === ''){
			ielm.val( ielm.attr('placeholder'));
		}
		if ( ielm.val() == ielm.attr('placeholder') ) {
			ielm.addClass('placeholder');
		}
		
		ielm.focus(function () {
			if ( ielm.attr('placeholder') == ielm.val() ){
				ielm.removeClass('placeholder').val("");
			}
		}).blur(function () {
			if ( ielm.val() === "" ){
				ielm.addClass('placeholder').val( ielm.attr('placeholder') );
			}
		});
	});
}