$(document).ready(function() {
	$(document).pngFix(); // pnfFix voor IE6
	
	$('input[type="checkbox"]').ezMark();
	$('input[type="radio"]').ezMark();
	
	/**
	* ROUNDED BUTTON OBSERVEN, zodat je ook naast de <a> kunt klikken
	**/
	$('.roundedbutton').bind('click', function() {
		link = $(this).find("a")
		if(link.html() != null) {
			window.location=$(this).find("a").attr("href");
		}			
		return false;
	});
});

function log() {
	if (window.console && window.console.log)
		window.console.log(Array.prototype.join.call(arguments,' '));
};


/************
** CODE VOOR SLIDER MET TABS
************/
 
var slide_pos = 1;
var slide_items = 0;
var slide_pages = 0;
var slide_perpage = 1;
var direction = 'forward';
var interVal = null;
var timeOut = null;
var isSliding = false;
 
function initTabbedSlide() {
	// Slide buttons
	$('.btn_links').bind('click', function(event) {
		slideBackwardClick();
	});
	$('.btn_rechts').bind('click', function(event) {
		slideForwardClick();
	});
	$('#teaser').bind('mouseenter ', function(event) {
		stopAutoSlide(0);
	});
	$('#teaser').bind('mouseleave ', function(event) {
		startAutoSlide();
	});
	
	slide_items = $('#teaser_afbeelding_slider > .item').length;
	slide_pages = Math.ceil(slide_items / slide_perpage);
	updateSlide();
	startAutoSlide();
}
 
function updateSlide() {
	$('#teaser_button1').removeClass('actief');
	$('#teaser_button2').removeClass('actief');
	$('#teaser_button3').removeClass('actief');
	
	$('#teaser_button' + slide_pos).addClass('actief');
}

function gotoSlide(iSlide) {
	if(isSliding == true) { return false; }
	if(iSlide == 3 && slide_pos != 3) {
		isSliding = true;
		$('#teaser_afbeelding_slider').animate({"left": "-964px"}, "slow",function() {
				isSliding = false;
			}
		);
		slide_pos=3;
		updateSlide();
	} else if(iSlide == 2 && slide_pos != 2) {
		isSliding = true;
		$('#teaser_afbeelding_slider').animate({"left": "-482px"}, "slow",function() {
				isSliding = false;
			}
		);
		slide_pos=2;
		updateSlide();
	} else if(iSlide == 1 && slide_pos != 1) {
		isSliding = true;
		$('#teaser_afbeelding_slider').animate({"left": "0px"}, "slow",function() {
				isSliding = false;
			}
		);
		slide_pos=1;
		updateSlide();
	}
		
}
 
function slideForwardClick() {
	slideForward();
} 
function slideForward() {
	if(isSliding == true) { return false; }
	if(slide_pos < slide_pages && slide_pos < slide_pages) {
		isSliding = true;
		$('#teaser_afbeelding_slider').animate({"left": "-=482px"}, "slow",function() {
				isSliding = false;
			}
  		);
		slide_pos++;
	}
	updateSlide();
	
}
function slideBackwardClick() {
	slideBackward();
} 
function slideBackward() {
	if(isSliding == true) { return false; }
	if(slide_pos > 1) {
		isSliding = true;
		$('#teaser_afbeelding_slider').animate({"left": "+=482px"}, "slow",function() {
				isSliding = false;
			}
		);
		slide_pos--;
	}
	updateSlide();
}
 
 
function startAutoSlide() {
	interVal = setInterval("doAutoSlide()",5000);
}
 
function stopAutoSlide(restart) {
	clearInterval(interVal);
	clearTimeout(timeOut);
	if(restart == 1) {
		timeOut = setTimeout("startAutoSlide()",2000);
	}
	
}
 
function doAutoSlide() {
	if(direction == 'forward' && slide_pos < slide_pages) {
		slideForward();
	} else if(direction == 'backward' && slide_pos > 1) {
		slideBackward();
	}
	
	/**
	* Nieuwe direction bepalen
	**/
	if(slide_pos == slide_pages) {
		// Einde, terug
		direction = 'backward';
	} else if(slide_pos == 1) {
		// Begin, naar voren
		direction = 'forward';
	}
}

/************
** MyQ pulldown
************/
function toggleMyQ() {
	// overlaag goed zetten
	$('#myq_overlay').width($('body').width());
	$('#myq_overlay').height($('body').height());
	$('#myq_overlay').css('opacity',0.5);
 		
	/** Overlaag tonen **/
	if($('#myq_content').css('display') == 'none') {
		// Gesloten
		$('#myq_overlay').fadeIn();
 	} else {
 		// Geopend
 		$('#myq_overlay').fadeOut();
	}
	
	$('#myq_content').slideToggle('slow', function() {
	    if($('#myq_content').css('display') == 'none') {
	    	$('#myq_pull .content').removeClass('open');
	    } else {
	    	
	    	
	    	/** Tabblad openen **/
	    	$('.inloggen_focus').focus();
	    	$('#myq_pull .content').addClass('open');
	    	
	    	
	    	
	    }
	});
}
/************
** Submenu zakelijk- en promotioneel drukwerk
************/
var active_submenu_drukwerk = "";
function toggleSubmenuZakelijk() {
	if(submenu_isToggling == true) {return false;}
	submenu_isToggling = true;
	// Gesloten, zometeen open dus
	if($('#submenu_zakelijk_container').css('display') == 'none') {
		$('#soortdrukwerk').removeClass('promotioneel');
		$('#soortdrukwerk').addClass('zakelijk');
		// Andere tab sluiten?
		if($('#submenu_promotioneel_container').css('display') != 'none')
			$('#submenu_promotioneel_container').hide();
		
	}
	
	$('#submenu_zakelijk_container').slideToggle('slow', function() {
		setDrukwerkActieveTab();
		submenu_isToggling = false;
	});
}
var submenu_isToggling = false;
function toggleSubmenuPromotioneel() {
	if(submenu_isToggling == true) {return false;}
	submenu_isToggling = true;
	// Gesloten, zometeen open dus
	if($('#submenu_promotioneel_container').css('display') == 'none') {
		$('#soortdrukwerk').addClass('promotioneel');
		$('#soortdrukwerk').removeClass('zakelijk');
		// Andere tab sluiten?
		if($('#submenu_zakelijk_container').css('display') != 'none')
			$('#submenu_zakelijk_container').hide();
	}
	
	$('#submenu_promotioneel_container').slideToggle('slow', function() {
		setDrukwerkActieveTab();
		submenu_isToggling = false;
	});
}
function setDrukwerkActieveTab() {
	$('#soortdrukwerk').removeClass('promotioneel');
	$('#soortdrukwerk').removeClass('zakelijk');
	
	vis_promotioneel = true;
	if($('#submenu_promotioneel_container').css('display') == 'none')
		vis_promotioneel = false;
		
	vis_zakelijk = true;
	if($('#submenu_zakelijk_container').css('display') == 'none')
		vis_zakelijk = false;
	 
	if(vis_promotioneel)
		$('#soortdrukwerk').addClass('promotioneel');
		
	if(vis_zakelijk)
		$('#soortdrukwerk').addClass('zakelijk');
}

function mouseOverDrukwerkZakelijkTab() {
	$('#soortdrukwerk').removeClass('promotioneel');
	$('#soortdrukwerk').addClass('zakelijk');
}
function mouseOverDrukwerkPromotioneelTab() {
	$('#soortdrukwerk').removeClass('zakelijk');
	$('#soortdrukwerk').addClass('promotioneel');	
}

function mouseOutDrukwerkZakelijkTab() {
	setDrukwerkActieveTab();
}
function mouseOutDrukwerkPromotioneelTab() {
	setDrukwerkActieveTab();
}