// JavaScript Document

function toggle_menu_item ( submenu ) 
{
	if (document.getElementById(submenu).className == 'child') 
		document.getElementById(submenu).className = 'child_open';
	else 
		document.getElementById(submenu).className = 'child';
	return false;
}
var klantenservice_initialiseren = false;
//window.onload = function()

//Een javascript functie voor cycle deze zorgt voor een mooie left en right scroll, de naam is 'scrollBothWays'
$.fn.cycle.transitions.scrollBothWays = function($cont, $slides, opts) 
{
	$cont.css('overflow','hidden');
	opts.before.push($.fn.cycle.commonReset);

	// custom transition fn (trying to get it to scroll forward and backward)
	opts.fxFn = function(curr, next, opts, cb, fwd) 
	{
		var w = $cont.width();
		opts.cssFirst = { left: 0 };
		opts.animIn	  = { left: 0 };

		if(fwd){
			opts.cssBefore= { left: w, top: 0 };
			opts.animOut  = { left: 0-w };
		}else{
			opts.cssBefore= { left: -w, top: 0 };
			opts.animOut  = { left: w };
		};
		
		var $l = $(curr), $n = $(next);
		var speedIn = opts.speedIn, speedOut = opts.speedOut, easeIn = opts.easeIn, easeOut = opts.easeOut, animOut = opts.animOut, animIn = opts.animIn;
		$n.css(opts.cssBefore);
		var fn = function() {$n.show();$n.animate(animIn, speedIn, easeIn, cb);};
		$l.animate(animOut, speedOut, easeOut, function() {
			if (opts.cssAfter) $l.css(opts.cssAfter);
			if (!opts.sync) fn();
		});
		if (opts.sync) fn();
	};
};
	
$(document).ready(function()
{
	// form

	if ( klantenservice_initialiseren )
		init_klantenservice ();
	//if ( doe_transactie )
		//pageTracker._trackTrans();
	if ( doe_positie )
		positioneer_uploadform();

	var menu_url = document.getElementById("menu_schrijfwaren");
	if ( menu_url )
	{
		var links = menu_url.parentNode.parentNode.getElementsByTagName("a");
		var i;
		for (i = 0; i<links.length; i++) 
		{
			if ( links[i].className == "artikelgroep" )
			{
				links[i].onclick = function ( )	
				{ 
					var id_naam = this.id+'_meer';
					toggle_menu_item (id_naam);
					update_sessie ( this.id );
					return false;
				}
			}
		}
	}
	if ( document.getElementById ('error_veld' ) )
	{
		window.location.hash = '#errors';
	}
	//$('#titel_banners').cycle('scrollLeft');


	$('#titel_banners').cycle({ 
		fx:      'fade', 
		speed:    2500, 
		timeout:  7000 
	});
	$('#banner_klanten').cycle({ 
		fx:      'fade', 
		speed:    2500, 
		timeout:  7000 
	});
	/*$('#peppermint').cycle({ 
		fx:      'fade', 
		speed:    500, 
		timeout:  2000 
	});*/
	$('#nieuws_overzicht').cycle({ 
		fx:      'scrollDown', 
		speed:    500, 
		timeout:  7000,
		pause: 	  true,
		pager: 	  '#nieuws_nav',
	    pagerEvent: 'mouseover', 
		pagerAnchorBuilder: function(idx, slide) { 
        // return selector string for existing anchor 
        return '#nieuws_nav li:eq(' + idx + ') a'; 
    } 
	});
	
	$.fn.cycle.updateActivePagerLink = function(pager, currSlideIndex) { 
    $(pager).find('li').removeClass('activeLI') 
        .filter('li:eq('+currSlideIndex+')').addClass('activeLI'); 
}; 

	volgende_stap = 1;
 function onAfter(curr, next, opts)
 {
      /*  var src = '&nbsp;';
        if (next.src)
    		src = next.src.match(/([a-zA-Z0-9\.]+$)/)[1];
    	$(curr).parent().nextAll('div.caption:first').html(src);*/
		   var index = opts.currSlide;
		if ( index == 4)
		{
			$('#next').hide();

		}
		else
		{
			$('#next').show();
			$('#next').attr ( 'src', '/images/content/geschenkenfeest/vh-btn-stap'+(index+2)+'.png' );
		}
    }

	$('#stappen').cycle({ 
						
    fx:     'turnDown', 
    speed:  'fast', 
    timeout: 0, 
    pager:  '#stappen_nav' ,
		next: 	  '#next',
		pagerEvent: 'click', 
		after: onAfter,
		pagerAnchorBuilder: function(idx, slide) { 
        // return selector string for existing anchor 
        return '#stappen_nav li:eq(' + idx + ') a'; 
		/*,
		pager: 	  '#nieuws_nav',
	    pagerEvent: 'mouseover', 
		pagerAnchorBuilder: function(idx, slide) { 
        // return selector string for existing anchor 
        return '#nieuws_nav li:eq(' + idx + ') a'; 
    } */
		}
	});


	$('.kleur_container').each( function() {
		var id = $(this).attr("id");
		$("#"+ id).cycle({
			fx: 		'scrollBothWays',
			speed:		1000,
			sync:		true,
			prev:		'#prev_'+id.substring(6),
			next:		'#next_'+id.substring(6),
			timeout:	0
		});
	});
	
	$("div.scrollable").scrollable();     

	var alle_rubrieken_visible = false;
	$('#link_alle_rubrieken').click ( function () {
		alle_rubrieken_visible = alle_rubrieken_visible ? false : true;
		display_alle_rubrieken ();
	});


	//, #alle_rubrieken
	function display_alle_rubrieken ()
	{
		if ( alle_rubrieken_visible )
		{
			$('#alle_rubrieken').show ();
			$('#img_alle_rubrieken').attr( 'src', '/images/vh-arrow-up-white.png');
		}
		else
		{
			$('#alle_rubrieken').hide ();
			$('#img_alle_rubrieken').attr( 'src', '/images/vh-arrow-down-white.png');
		}
	}
	$('#bekeken_img').click ( function ()
	{
		$('#bekeken_lijst').toggle(); 
		$('#bekeken_img').attr ( { src:'/images/vh-arrow-down.png' });
	});
	
	$( '#links_menu a').click( function(event)
	{
		event.preventDefault();
		
		$( '#links_menu li').attr( 'class', '' );

	});
	
	$( '#select_01' ).click( function()
	{
		$( '#relatiegeschenken_categorie').show();
		$( '#select_01').attr( 'class', 'selected');
		
		$( '#relatiegeschenken_branche').hide();
		$( '#relatiegeschenken_thema').hide();
		$( '#relatiegeschenken_merk').hide();
		$( '#relatiegeschenken_prijs').hide();
		
		//$.get( '/ajax_update_rubriek.php5?toggle_menu=categorie' );
	});
	$( '#links_menu li' ).hover ( 
		function()
		{
			if ( $(this).attr ( 'class' ) != 'selected' )
			{
				$(this).attr ( 'class', 'mouseover' );
			}
		},
		function()
		{
			if ( $(this).attr ( 'class' ) != 'selected' )
			{
				$(this).attr ( 'class', '' );
			}
		}
	);

	
	$( '#select_02' ).click( function()
	{
		$( '#relatiegeschenken_merk').show();
		$( '#select_02').attr( 'class', 'selected');
		
		$( '#relatiegeschenken_categorie').hide();
		$( '#relatiegeschenken_branche').hide();
		$( '#relatiegeschenken_thema').hide();
		$( '#relatiegeschenken_prijs').hide();
		
		//$.get( '/ajax_update_rubriek.php5?toggle_menu=merk' );
	});
	
	$( '#select_03' ).click( function()
	{
		$( '#relatiegeschenken_branche').show();
		$( '#select_03').attr( 'class', 'selected');
		
		$( '#relatiegeschenken_categorie').hide();
		$( '#relatiegeschenken_thema').hide();
		$( '#relatiegeschenken_merk').hide();
		$( '#relatiegeschenken_prijs').hide();
		
		//$.get( '/ajax_update_rubriek.php5?toggle_menu=branche' );
		
	});
	
	$( '#select_04' ).click( function()
	{
		$( '#relatiegeschenken_thema').show();
		$( '#select_04').attr( 'class', 'selected');
		
		$( '#relatiegeschenken_categorie').hide();
		$( '#relatiegeschenken_branche').hide();
		$( '#relatiegeschenken_merk').hide();
		$( '#relatiegeschenken_prijs').hide();
		
		//$.get( '/ajax_update_rubriek.php5?toggle_menu=thema' );
	});
	$( '#select_05' ).click( function()
	{
		$( '#relatiegeschenken_prijs').show();
		$( '#select_05').attr( 'class', 'selected');
		
		$( '#relatiegeschenken_categorie').hide();
		$( '#relatiegeschenken_branche').hide();
		$( '#relatiegeschenken_merk').hide();
		$( '#relatiegeschenken_thema').hide();
		
		//$.get( '/ajax_update_rubriek.php5?toggle_menu=prijs' );
	});
	$('span.uitleg').cluetip({splitTitle: '|'});
	$('a.basic').cluetip();
	/*alert ('ja');
	$('span[@title]').css({borderBottom: '1px solid #900'}).cluetip({
	  splitTitle: '|', 
	  arrows: true, 
	  dropShadow: false, 
	  cluetipClass: 'jtip'}
	);
	
	$('span.uitleg').cluetip({
	  cluetipClass: 'rounded', 
	  dropShadow: false
	});*/
	
	/*$( '#knop_nieuwsbrief_aanmeld' ).click ( function ( )
	{
//		alert ( '1');
		if ( check_adres ( $('#aanmelden_nieuwsbrief') ) )
		{
//		alert ( 'ja');
			//$('#aanmelden_nieuwsbrief').submit(); 
			//preventDefault();
		}  else
		{
			e.preventDefault();

		}
	});*/
	$( '.knop_zoeken' ).click ( function ()
	{
		//	 onclick="$('#form_zoek').submit(); return false;" 
	});
	/*$( "input[name='select_aantal']").click ( function ()
	{
		$('#artikel_aantal' ).val ( $("input[name='select_aantal']:checked").val() );
	});*/
	
	
	externalLinks();
	
	
	
	
});

var http = getHTTPObject(); // We create the HTTP Object
var rubriek_update_url = "/ajax_update_rubriek.php5?toggle_rubriek="; // The server-side script 

function update_sessie ( rubriek_id ) 
{
		http.open("GET", rubriek_update_url + escape ( rubriek_id ), true );
		http.onreadystatechange = handleHttpResponse; 
		http.send ( null );
}

function handleHttpResponse ( ) 
{

	if (http.readyState == 4)
	{ 
		if (http.status == 200) 
		{
			results = http.responseText.split("|");
		}
	} 
}


// Returned het httpobject
function getHTTPObject() {
	var xmlhttp;
	/*@cc_on
	@if (@_jscript_version >= 5)
		try 
		{
			xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (e) 
		{
			try 
			{
				xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
			} 
			catch (E) 
			{
				xmlhttp = false;
			}
		}
	@else
		xmlhttp = false;
	@end @*/
	if (!xmlhttp && typeof XMLHttpRequest != 'undefined') 
	{
		try
		{
				xmlhttp = new XMLHttpRequest();
		} 
		catch (e) 
		{
				xmlhttp = false;
		}
	}
	return xmlhttp;
}
function submit_zoekformulier (a, b, c)
{
	if ( b != 0 || c != 0 )
	{
		window.location.href = '/search/'+a+'/'+b+'/'+c;
	}
	else
		window.location.href = '/search/'+a;
}

function show_info_frontpage()
{
	$( '#meer_info_frontpage' ).show( 'slow' );
	$( '#knop_meer_info' ).css( 'display', 'none');
}

function hide_info_frontpage()
{
	$( '#meer_info_frontpage' ).hide( 'slow' );
	$( '#knop_meer_info' ).css( 'display', '' );
}

function toggle_relatiegeschenken( lijst )
{
	if( lijst == 'toppers' )
	{
		$( '#toplijst' ).show();
		$( '#nieuw_lijst' ).hide();
		$( '#top_toppers' ).attr ( 'src', '/images/hvo-top-toppers-selected.png');
		$( '#top_nieuw' ).attr ( 'src', '/images/hvo-top-nieuw.png');
		$( '#toplijst_link' ).show();
		$( '#nieuw_lijst_link' ).hide();
		/*$( '#toplijst_link' ).attr ( 'href', '/toppers/vertrouwde-succesnummers' );
		$( '#toplijst_link' ).attr ( 'title', 'Alle top relatiegeschenken' );
		$( '#toplijst_link' ).html ( 'Bekijk hier alle relatiegeschenken toppers' );*/
	}
	else if( lijst == 'nieuw' )
	{
		$( '#nieuw_lijst' ).show();
		$( '#toplijst' ).hide();
		$( '#top_toppers' ).attr( 'src', '/images/hvo-top-toppers.png');
		$( '#top_nieuw' ).attr( 'src', '/images/hvo-top-nieuw-selected.png');
		$( '#toplijst_link' ).hide();
		$( '#nieuw_lijst_link' ).show();

/*		$( '#toplijst_link' ).attr ( 'href', '/nieuwe-relatiegeschenken' );
		$( '#toplijst_link' ).attr ( 'title', 'Alle nieuwe relatiegeschenken' );
		$( '#toplijst_link' ).html ( 'Bekijk hier alle nieuwe relatiegeschenken' );*/
	}
	
	return false;
}

var curr_pos = new Array();

function show_kleur( catalogusnummer, kleur, vast )
{	
	curr_pos[catalogusnummer] = kleur;	
	
	if( vast == true )
		vertraging = 0;
	else
		vertraging = 500;
	
	setTimeout( 
		function() {
			var str = '?';
			str += 'catalogusnummer=' + catalogusnummer;
			str += '&kleur=' +kleur;
			
			if( vast == true )
			{
				str += '&vast=true';
			}	
						
			if( curr_pos[catalogusnummer] == kleur )
			{
				$.getJSON('/ajax_product_kleur_keuze.php5'+str,
				function(data)
				{
					if( data != 'false' )
					{
						//Er worden twee waarden terug gegeven: afbeelding en kleur
						afbeelding = eval( data );
						$( '#product_foto_'+ catalogusnummer ).attr( 'src', afbeelding.afbeelding );
					}
				});
			}
		}
	, vertraging );
	// img id = 'product_foto_'+catalogusnummer
}

function geef_adres_weer( naam, domein, extensie )
{
	email = ( naam + '@' + domein + '.' + extensie);
	document.write('<a href="mailto:' + email + '"">' + email + '</a>');
}

function reset_kleur( catalogusnummer, foto1 ) 
{
	curr_pos[catalogusnummer] = '';
	setTimeout( 
		function() {
			if( curr_pos[catalogusnummer] == '' )
			{
				curr_pos[catalogusnummer] = '0'; //Even op null zetten anders wordt deze iedere keer aangeroepen.
				$.getJSON('/ajax_product_kleur_keuze.php5?catalogusnummer=' + catalogusnummer, 
				function ( data )
				{
					if( data != 'false' )
					{
						afbeelding = eval( data );
						$( '#product_foto_'+ catalogusnummer ).attr( 'src', afbeelding.afbeelding );
					}
					else
					{
						$( '#product_foto_'+ catalogusnummer ).attr( 'src', foto1 );
					}
				});
			}
		}
	, 500 );
}