/**
 * jQuery.ScrollTo - Easy element scrolling using jQuery.
 * Copyright (c) 2007-2009 Ariel Flesler - aflesler(at)gmail(dot)com | http://flesler.blogspot.com
 * Dual licensed under MIT and GPL.
 * Date: 5/25/2009
 * @author Ariel Flesler
 * @version 1.4.2
 *
 * http://flesler.blogspot.com/2007/10/jqueryscrollto.html
 */
;(function(d){var k=d.scrollTo=function(a,i,e){d(window).scrollTo(a,i,e)};k.defaults={axis:'xy',duration:parseFloat(d.fn.jquery)>=1.3?0:1};k.window=function(a){return d(window)._scrollable()};d.fn._scrollable=function(){return this.map(function(){var a=this,i=!a.nodeName||d.inArray(a.nodeName.toLowerCase(),['iframe','#document','html','body'])!=-1;if(!i)return a;var e=(a.contentWindow||a).document||a.ownerDocument||a;return d.browser.safari||e.compatMode=='BackCompat'?e.body:e.documentElement})};d.fn.scrollTo=function(n,j,b){if(typeof j=='object'){b=j;j=0}if(typeof b=='function')b={onAfter:b};if(n=='max')n=9e9;b=d.extend({},k.defaults,b);j=j||b.speed||b.duration;b.queue=b.queue&&b.axis.length>1;if(b.queue)j/=2;b.offset=p(b.offset);b.over=p(b.over);return this._scrollable().each(function(){var q=this,r=d(q),f=n,s,g={},u=r.is('html,body');switch(typeof f){case'number':case'string':if(/^([+-]=)?\d+(\.\d+)?(px|%)?$/.test(f)){f=p(f);break}f=d(f,this);case'object':if(f.is||f.style)s=(f=d(f)).offset()}d.each(b.axis.split(''),function(a,i){var e=i=='x'?'Left':'Top',h=e.toLowerCase(),c='scroll'+e,l=q[c],m=k.max(q,i);if(s){g[c]=s[h]+(u?0:l-r.offset()[h]);if(b.margin){g[c]-=parseInt(f.css('margin'+e))||0;g[c]-=parseInt(f.css('border'+e+'Width'))||0}g[c]+=b.offset[h]||0;if(b.over[h])g[c]+=f[i=='x'?'width':'height']()*b.over[h]}else{var o=f[h];g[c]=o.slice&&o.slice(-1)=='%'?parseFloat(o)/100*m:o}if(/^\d+$/.test(g[c]))g[c]=g[c]<=0?0:Math.min(g[c],m);if(!a&&b.queue){if(l!=g[c])t(b.onAfterFirst);delete g[c]}});t(b.onAfter);function t(a){r.animate(g,j,b.easing,a&&function(){a.call(this,n,b)})}}).end()};k.max=function(a,i){var e=i=='x'?'Width':'Height',h='scroll'+e;if(!d(a).is('html,body'))return a[h]-d(a)[e.toLowerCase()]();var c='client'+e,l=a.ownerDocument.documentElement,m=a.ownerDocument.body;return Math.max(l[h],m[h])-Math.min(l[c],m[c])};function p(a){return typeof a=='object'?a:{top:a,left:a}}})(jQuery);


$(document).ready(function()
{
	// index - blok dichtklappen
	$('a.close').live("click", function()
	{
		$(this).attr('class', 'open');
		$(this).parent().attr('class', 'product opened');
		$(this).parent().find('h3').css('visibility', 'visible');
		$(this).parent().find('ul.info').css('display', 'block');
		return false;
	});

	// index - blok openklappen
	$('a.open').live("click", function()
	{
		$(this).attr('class', 'close');
		$(this).parent().attr('class', 'product closed');
		$(this).parent().find('h3').css('visibility', 'hidden');
		$(this).parent().find('ul.info').css('display', 'none');
		return false;
	});
	
	// Product - materiaal tonen / verbergen
	$('a#btnMateriaal').click(function()
	{
		var cl = $(this).attr('class');
		if(cl=='grey leftBtn')
		{
			$('div.boxMateriaal').css('display', 'block');
			$.scrollTo( 'div.boxMateriaal', 800 );
			$(this).attr('class', 'orange leftBtn');
		}
		else
		{
			$('div.boxMateriaal').css('display', 'none');
			$(this).attr('class', 'grey leftBtn');
		}
		
		$('div#additionalRightBox > *').css('display', 'none');
		$('a.rightBtn').attr('class', 'grey rightBtn');
		return false;
	});
	
	// Product - assortiment tonen / verbergen
	$('a#btnAssortiment').click(function()
	{
		var cl = $(this).attr('class');
		if(cl=='grey leftBtn')
		{
			$('div.boxAssortiment').css('display', 'block');
			$.scrollTo( 'div.boxAssortiment', 800 );
			$(this).attr('class', 'orange leftBtn');
		}
		else
		{
			$('div.boxAssortiment').css('display', 'none');
			$(this).attr('class', 'grey leftBtn');
		}
		
		$('div#additionalRightBox > *').css('display', 'none');
		$('a.rightBtn').attr('class', 'grey rightBtn');
		return false;
	});
	
	// Product - accessoires tonen / verbergen
	$('a#btnAccessoires').click(function()
	{
		var cl = $(this).attr('class');
		if(cl=='grey leftBtn')
		{
			$('div.boxAccessoires').css('display', 'block');
			$.scrollTo( 'div.boxAccessoires', 800 );
			$(this).attr('class', 'orange leftBtn');
		}
		else
		{
			$('div.boxAccessoires').css('display', 'none');
			$(this).attr('class', 'grey leftBtn');
		}
		
		$('div#additionalRightBox > *').css('display', 'none');
		$('a.rightBtn').attr('class', 'grey rightBtn');
		return false;
	});
	
	// Product - gerelateerde producten tonen / verbergen
	$('a#btnGerelateerd').click(function()
	{
		var cl = $(this).attr('class');
		if(cl=='grey leftBtn')
		{
			$('div.boxGerelateerd').css('display', 'block');
			$.scrollTo( 'div.boxGerelateerd', 800 );
			$(this).attr('class', 'orange leftBtn');
		}
		else
		{
			$('div.boxGerelateerd').css('display', 'none');
			$(this).attr('class', 'grey leftBtn');
		}
		
		$('div#additionalRightBox > *').css('display', 'none');
		$('a.rightBtn').attr('class', 'grey rightBtn');
		return false;
	});


	// Product - materiaal tonen / verbergen
	$('a#btnMateriaalRight').click(function()
	{
		var cl = $(this).attr('class');
		if(cl=='grey rightBtn')
		{
			$('div.boxMateriaal').css('display', 'block');
			$(this).attr('class', 'orange rightBtn');
		}
		else
		{
			$('div.boxMateriaal').css('display', 'none');
			$(this).attr('class', 'grey rightBtn');
		}
		
		$('div#additionalLeftBox > *').css('display', 'none');
		$('a.leftBtn').attr('class', 'grey leftBtn');
		return false;
	});
	
	// Product - assortiment tonen / verbergen
	$('a#btnAssortimentRight').click(function()
	{
		var cl = $(this).attr('class');
		if(cl=='grey rightBtn')
		{
			$('div.boxAssortiment').css('display', 'block');
			$(this).attr('class', 'orange rightBtn');
		}
		else
		{
			$('div.boxAssortiment').css('display', 'none');
			$(this).attr('class', 'grey rightBtn');
		}
		
		$('div#additionalLeftBox > *').css('display', 'none');
		$('a.leftBtn').attr('class', 'grey leftBtn');
		return false;
	});
	
	// Product - accessoires tonen / verbergen
	$('a#btnAccessoiresRight').click(function()
	{
		var cl = $(this).attr('class');
		if(cl=='grey rightBtn')
		{
			$('div.boxAccessoires').css('display', 'block');
			$(this).attr('class', 'orange rightBtn');
		}
		else
		{
			$('div.boxAccessoires').css('display', 'none');
			$(this).attr('class', 'grey rightBtn');
		}
		
		$('div#additionalLeftBox > *').css('display', 'none');
		$('a.leftBtn').attr('class', 'grey leftBtn');
		return false;
	});
	
	// Product - gerelateerde producten tonen / verbergen
	$('a#btnGerelateerdRight').click(function()
	{
		var cl = $(this).attr('class');
		if(cl=='grey rightBtn')
		{
			$('div.boxGerelateerd').css('display', 'block');
			$(this).attr('class', 'orange rightBtn');
		}
		else
		{
			$('div.boxGerelateerd').css('display', 'none');
			$(this).attr('class', 'grey rightBtn');
		}
		
		$('div#additionalLeftBox > *').css('display', 'none');
		$('a.leftBtn').attr('class', 'grey leftBtn');
		return false;
	});


	// Foto's openen in lightbox
	$("a[rel^='isus']").prettyPhoto({theme:'facebook'});
	/*$("a[rel^='prettyPhoto']").prettyPhoto({theme:'facebook'});*/
	// Sollicitatie formulier openen in prettyPhoto
	
	/*$("a[rel^='prettyPhoto']").click(function() {
		alert("test");
	});
	$("a[rel^='prettyPhoto']").prettyPhoto({
	        theme: 'facebook',
	        changepicturecallback: function() { $('.pp_inline #sollicitatieForm_Formulier').validate();},
	        default_width: 355
	    });*/
	
	
	// Valideer e-mailformulier
	$('#emailForm').validate();
	
	// Valideer orderstatus formulier
	$('#form_orderstatus').validate();
	
	// Open de force-opens
	$('.force-open a.close').click();

	// Foto slider
	$(".scrollable").scrollable(
	{
		circular: true
	});

	// Producten v2
	$('div.tabbedBox ul.tabs li a').click(function()
	{
		// Wat is het detail ID?
		var detail_id = '#' + $(this).attr('id').replace('btn_', 'detail_');
		
		// Verberg alle details, behalve de gekozen
		$('.detail_content').addClass('detail_hidden');
		$(detail_id).removeClass('detail_hidden');
		
		// Zet alle knoppen uit, behalve deze
		$('div.tabbedBox ul.tabs li a').removeClass('selected');
		$(this).addClass('selected');
		$(this).blur();
		
		// Niet springen!
		return false;
	});
	
	// Multiproduct switch
	$('div.tabbedBox a.producttype').click(function()
	{
		// geklikt +1
		$.ajax(
		{
			type:    "POST",
			url:     "/elements/a_geklikt.php",
			
				success: function(msg)
			{
				
			}

		
		});

		var producttype  = $(this).attr('id').replace('type_', '');
		var productlabel = $(this).attr('title');
		$("div.tabbedBox a.producttype").removeClass("current");
		$(this).addClass("current");
		/*
		var activetab    = $('div.tabbedBox ul.tabs li a.selected').attr('id');
		activetab = activetab.replace('_polyester', '');
		activetab = activetab.replace('_hdpe-pp',   '');
		activetab = '#' + activetab + '_' + producttype;
		*/
		var activetab = '#btn_algemeen_' + producttype;
		
		var detailtab = activetab.replace('btn_', 'detail_');

		$('div.multiBox').css('display', 'none');
		$('div#multiBox_' + producttype).css('display', 'block');
		$('div.tabbedBox h1 span').html(productlabel);

		// Verberg alle details, behalve de gekozen
		$('.detail_content').addClass('detail_hidden');
		$(detailtab).removeClass('detail_hidden');
		
		// Zet alle knoppen uit, behalve deze
		$('div.tabbedBox ul.tabs li a').removeClass('selected');
		$(activetab).addClass('selected');
		$(this).blur();

		return false;
	});
	
	// Printfunctie
	$('a#btn_print').click(function()
	{
		window.print();
		return false;
	});
	
	$('a.productfoto_klein').click(function()
	{
		var id = $(this).attr('id').replace('productfoto_klein_', '');
		$('img#productfoto_groot').attr('src', '/photo/inline/' +id+ '.jpg');
		return false;
	});
	
	$('a.accessoirefoto_klein').click(function()
	{
		var id = $(this).attr('id').replace('accessoirefoto_klein_', '');
		$.ajax(
		{
			type:    "POST",
			url:     "/elements/a_accessoire.php",
			data:
			{
				id: id
			},
			success: function(msg)
			{
				$('div#accessoire_foto_container').html(msg);
			}
		});
	});
	
	$('#input_orderstatus_nummer').focus(function()
	{
		if($(this).val() == 'Ordernummer')
		{
			$(this).val('');
		}
	});
	
	$('#input_orderstatus_nummer').blur(function()
	{
		if($(this).val() == '')
		{
			$(this).val('Ordernummer');
		}
	});

	$('#input_orderstatus_email').focus(function()
	{
		if($(this).val() == 'Email')
		{
			$(this).val('');
		}
	});
	
	$('#input_orderstatus_email').blur(function()
	{
		if($(this).val() == '')
		{
			$(this).val('Email');
		}
	});

	$('#input_search_q').focus(function()
	{
		if($(this).val() == 'Typ hier uw zoekopdracht..')
		{
			$(this).val('');
		}
	});
	
	
	$('#input_search_a').focus(function()
	{
		if($(this).val() == 'Typ hier uw zoekopdracht..')
		{
			$(this).val('');
		}
	});
	
	$('#input_search_a').blur(function()
	{
		if($(this).val() == '')
		{
			$(this).val('Typ hier uw zoekopdracht..');
		}
	});
	
	
	$('#input_search_q').blur(function()
	{
		if($(this).val() == '')
		{
			$(this).val('Typ hier uw zoekopdracht..');
		}
	});
	
	$('a.rightflip').click(function()
	{
		var container = $(this).parent().parent();
		var current   = $(this).attr('rel');
		
		if(current == '-')
		{
			$(this).html('+');
			$(this).attr('rel', '+');
			$("> *:not('h4')", container).css('display', 'none');
		}
		else
		{
			$(this).html('&minus;');
			$(this).attr('rel', '-');
			$("> *:not('h4')", container).css('display', '');
		}
		
		return false;
	});
});

