/**
 *	JavaScript | jQuery
 *	apsbb
 *  Author: Dion Snoeijen
 * 	Date: 07/03/2011
 */
$(document).ready(function () {
	// -----------------------
	//	fullscreen random background
	// -----------------------
	var backgrounds = new Array('/images/images_style/background/site-bg-00.jpg',
								'/images/images_style/background/site-bg-01.jpg',
								'/images/images_style/background/site-bg-02.jpg'
								);
	
	var backgroundSelector = Math.floor(Math.random() * backgrounds.length);
	var background = backgrounds[backgroundSelector];
	
	$.backstretch(background);
	
	// -----------------------
	//	Main Menu
	// -----------------------
	$('.submenu').hide();
	$('ul#main_menu li a').mouseenter(function () {
		$('ul#main_menu li a').each(function () {
			$(this).removeClass('active');
		});
		
		var button = $(this);
		var hitarea = $('.submenu_container');	
		var submenu = $('.' + $(this).attr('name'));
		if(submenu.length > 0)
		{
			var visibleSubmenu = $('.submenu:visible');
			if(visibleSubmenu.length > 0) {
				console.log(visibleSubmenu);
				visibleSubmenu.animate({marginRight:-500}, 200, function () {
					$(this).hide();
				});
			}
			
			$(this).addClass('active');
			submenu.show().animate({marginRight:0}, 200);
			hitarea.bind('mouseleave', function () {
				button.removeClass('active');
				submenu.animate({marginRight:-500}, 200, function () {
					$(this).hide();
					hitarea.unbind('mouseleave');
				});
			});
		}
	});
	
	// -----------------------
	//	Header slides
	// -----------------------
	$('#slides').cycle({pager:'#slide_nav', pagerAnchorBuilder: function(idx, slide) {return '<a href="#"></a>';}});
	
	// ------------------------
	//	Fix png for IE6
	// ------------------------
	$('body').pngfix({shim: 'images/images_style/x.gif'});
	
	// ------------------------
	//	Clear input
	// ------------------------
	$('input.destination').focus(function () {
		$(this).val('');
	});
	
	// ------------------------
	//	FAQ
	// ------------------------
	$('.faq .grey_outline_box').hide();
	$('.faq a').click(function (e) {
		e.preventDefault();
		$(this).next().animate({height:'toggle'});
	});
	
	// ------------------------
	//	Kersouwe tweets
	// ------------------------
	$('#twitter_search').liveTwitter('kersouwe', {limit: 5, rate: 5000});
	
	// ------------------------
	//	Calendar summary
	// ------------------------
	$('.calendar_summary').hide();
	$('.show_link').mouseenter(function () {
		$(this).next('.calendar_summary').fadeIn('fast');
	});
	
	$('.calendar_summary').mouseleave(function () {
		$(this).fadeOut('fast');											
	});
	
	// ------------------------
	//	Search results summary
	// ------------------------
	$('.search_results_summary').hide();
	$('.search_results_parent').mouseenter(function () {
		$(this).children('.search_results_summary').fadeIn('fast');
	});
	
	$('.search_results_summary').mouseleave(function () {
		$(this).fadeOut('fast');
	});
	
	// ------------------------
	//	Clear input field on focus
	// ------------------------
	if($('.text_comment').length > 0)
		$('.text_comment').defaultValue();
	
	if($('.text').length > 0)
		$('.text').defaultValue();
	
	// ------------------------
	//	User input iframe fancybox
	// ------------------------
	$('a.user_input').fancybox({
		'width': 342,
		'height': 242, 
		'type':'iframe'
	});
	
	// ------------------------
	//	Tell a friend fancybox
	// ------------------------
	$('a.tell_a_friend').fancybox({
		'width' : 500,
		'height' : 500,
		'type' : 'iframe'
	});
	
	// ------------------------
	//	Buy ticket fancybox
	// ------------------------
	$('a.buy_ticket').fancybox({
		'width' : 840,
		'height' : 500,
		'padding' : 20,
		'type' : 'iframe'
	});
	
	// ------------------------
	//	Vriend worden fancybox
	// ------------------------
	$('a#vriend_worden').fancybox({
		'width' : 500,
		'height' : 500,
		'padding' : 20,
		'type' : 'iframe'
	});
	
	// ------------------------
	//	Tweet Ticker
	// ------------------------
	$("ul#ticker").liScroll();
	
	// ------------------------
	//	This enables fancybox on links with class fancy
	// ------------------------
	$('a.fancy').fancybox();
	
	// ------------------------
	//	newsletter subscription
	// ------------------------
	$("form#email_subscription").submit(function(e) {
		e.preventDefault(); 
    	var email = $('#email').attr('value');
		var field = $('#field').attr('value');
		var nlbox = $('#nlbox').attr('value');
		var funcml = $('#funcml').attr('value');
		var p = $('#p').attr('value');
		var _charset = $('#_charset').attr('value');
		var dataString = "email=" + email + "&field[]=" + field + "&nlbox[]=" + nlbox + "&funcml=" + funcml +"&p=" + p + "&_charset=" + _charset;
		//console.log(dataString)
        $.ajax({  
            type: "POST",  
            url: "http://www.apsbuildingbrands.com/box.php",  
            data: dataString,  
            success: function() {  
                $('form#email_subscription').hide();
				$('#result').append('<p>Hartelijk dank voor uw inschrijving, bekijk uw mail voor de bevestigings e-mail.</p>');
            }  
        });  
    	return false;  
    });  
});