////////////////////////////////////////////////////////////////////////
var mx, my, thedocument, viewport,threshold, dockregion, dock, scrollTop;
var tollerance = 10;
var dockvissible = false;
var dockdefault = dock = 70;
//************* anti FAT
var hiddenItems = '#portfolio, div.afbeelding1, #topnavbar, #subnavbar';
document.write('<style type="text/css">' + hiddenItems + '{display:none}</style>');

//********** als alles geladen is:
$(window).load(function(){
	$('body').fadeTo(500,1);
	$(hiddenItems, 'body').fadeTo(0, 1);
	var bodyWidth = $('body').width();

	var afbeelding1 = $('div.afbeelding1');
	var iWidth = afbeelding1.outerWidth();
	var pWidth = $('div.pageleft').outerWidth();
	var marginLeft = (pWidth - iWidth)/2;
	afbeelding1.css({"margin-left": marginLeft});

//========== tinyscrollbar
	if(jQuery().tinyscrollbar) {
	
		var scrollarea = $('div.omschrijving, div.hoofdtekst','#artikel');
		var scrollHeight = $('div.omschrijving').height() + $('div.hoofdtekst').height();
		var scrollareaHeight = 280;
		
		if( scrollarea.length && scrollHeight > scrollareaHeight ){
			scrollarea.wrapAll('<div id="scrollarea"></div>');
			var scrollArea = $('#scrollarea');
			scrollArea.prepend('<div class="scrollbar"><div class="track"><div class="thumb"></div></div></div>');
			scrollarea.wrapAll('<div class="viewport"><div class="overview"></div></div>');
			$('div.viewport',scrollArea).css({"height": scrollareaHeight});
			scrollArea.tinyscrollbar({
				scroll: true,
				wheel: 20
			});
			scrollArea.find('.scrollbar').addClass('rounded1000 scrollbar-shadow-inset');
			scrollArea.find('.thumb').addClass('rounded1000');
		}
	}
	$('#artikel').show();
});//end alles geladen
//********** end geladen *****************

//***************** Let's Do It! **************************
				
$(function() {
	//$('#artikel').hide();

	$("body").addClass('hide');
	$('#container').addClass('rounded8');
	$('#topnavbar ul:first-child li:first-child *').addClass('lab1000 text-shadow-small');
	$('#topnavbar ul.contact *').addClass('rab1000 text-shadow-small');
	$('#subnavbar ul li').addClass('shadow-medium gloss');
	$('#topnavbar div.innertube, #subnavbar ul *').addClass('rounded1000');
	$('div.widgetcontent').addClass('shadow-large');
	
	$('div.portfolio div.innertube').addClass('shadow-medium rounded4');
	$('div.pageleft div.afbeelding1').addClass('shadow-medium rounded4');
	$('div.pagetop div.afbeelding1').addClass('rounded4');
	$('#pagebrowser a').addClass('rounded1000');
	$('#browser a').addClass('rounded4');
	
	var omschrijving = $("div.artikel-wrapper div.omschrijving");
	$('#topnavbar a div').addClass('plastic');
	$('#subnavbar a div').addClass('gloss');
//====================== tipTip ==============================
	if(jQuery().tipTip) {	
		$("body *").not('a.fancyDetail, a.fancyInline').tipTip({defaultPosition: 'top'});
	};
//====================== SuperFish ===========================
	if(jQuery().superfish) {	
		jQuery('#subnavbar ul').superfish();
	};
//====================== fancybox ============================
	if(jQuery().fancybox) {
		$.fn.fancybox.defaults.overlayColor	= 'black';
		$.fn.fancybox.defaults.overlayOpacity = 0.3;
		$.fn.fancybox.defaults.padding = 12;
		$.fn.fancybox.defaults.titlePosition = 'inside';
	
		$("#page a.fancyBox").fancybox({
			centerOnScroll	: true,
			overlayColor	: 'black',
			transitionIn	: 'elastic',
			transitionOut	: 'elastic',//elastic, fade, none
			speedIn			: 200,//300
			speedOut		: 200,
			changeSpeed		: 200//300
		});
			
		var fancyYoutube = $("#page a.fancyYoutube");
		if(fancyYoutube.length) {
			fancyYoutube.fancybox({
				centerOnScroll	: true,
				'autoScale'		: false,
				'transitionIn'	: 'none',
				'transitionOut'	: 'none',
				'width'			: 680,
				'height'		: 495,
				'type'			: 'swf',
				'href'			: fancyYoutube.attr('href').replace(new RegExp("watch\\?v=", "i"), 'v/')
				});
		}	
	
		var fancyIframe = $("#artikel a.fancyIframe");
		if(fancyIframe.length) {
			fancyIframe.fancybox({
				centerOnScroll		: true,
				'width'				: 800,
				'height'			: 500,
				'autoScale'			: true,
				'transitionIn'		: 'elastic',
				'transitionOut'		: 'fade',
				'type'				: 'iframe',
				onStart			: function() {
						$('#fancybox-content, #fancybox-outer').css({"background-color":"black"}).addClass('rounded8 shadow-large');
							},
				onClosed: function() {
						$('#fancybox-content, #fancybox-outer').css({"background-color":""});
							}
			});
		}
		
		var fancyForm = $("#page div.order a.fancyForm");
		if(fancyForm.length) {
			fancyForm.fancybox({
				'autoScale'			: true,
				centerOnScroll		: false,
				'autoScale'			: true,
				'width'				: 600,
				'height'			: 600,
				'type'				: 'iframe',
				onComplete		: function() {
						$("body").css({"overflow": "hidden"});
						$('body').css({"margin-right": $.scrollbarWidth() });
							},
				onClosed: function() {
						$("body").css({"overflow-y": "auto", "margin-right": "0"});
							}
			});
		}
		
		function hrefOnly(href){
			return '<div class="innertube"><div class="title">' + this.href.replace(new RegExp("watch\\?v=", "i"), 'v/') + '</div></div>';
			} 
	
		function titleOnly(title){
			return this.title + ' :: ' + $(this).attr("author");
			}
			
		function formatTitle(title, currentArray, currentIndex, currentOpts) {
			var obj = currentArray[ currentIndex ];
			var obj = currentOpts.orig.parent().attr('author');
			if ($(obj).length) 
	        	obj = $(obj).next().html();
	        	//obj = '';
	    	return '<div class="innertube">' +
	    			//'<span><a href="javascript:;" onclick="$.fancybox.close();">' +
	    			//'<img src="/data/closelabel.gif" /></a></span>' +
	    			 (title && title.length ? '<div class="title">' + title + ' ' + (currentIndex + 1) + '</div>' : '' ) +
	    			 '<div class="details">' +
	    			 (obj && obj.length ? '<div class="author">' + obj + '</div>' : '' ) +
	    			 '<div class="imagecount">Image ' + (currentIndex + 1) + ' of ' + currentArray.length + '</div>' +
	    			 '</div>' +
	    			 '</div>';
				}
	}//***********  end fancybox
//========== widgets
var widgets = $('#dock div.widget');
var widgetDragbar = widgets.find('div.dragbar');
var widgetContent = widgets.find('div.widgetcontent');
widgetDragbar.css({'cursor':'pointer'});

if(widgets.length){
	widgets.find('div.dragbar').click(function(){
		widgetContent.slideToggle('fast');
	});
}

//========== zoekform
	var zoekform = $('#zoekform');
	if(zoekform.length){
		var zoekwoord = $('#zoekwoord');
		$('#liveSearch').addClass('shadow-large rounded4');
		zoekwoord.keyup(function(){
			if($('#reset').length){
				$('#reset').show();
			}
		});
	
		if(zoekwoord.length){
			$('div.left',zoekform).click(function(){
				zoekform.submit();
			});
			
			zoekwoord.keyup(function(){
				if(this.value != '')
					getResults(this.value);
				else $("#liveSearch").hide();
			});
	
		}
	
		if($('#reset').length){
			$('#reset').click(function(){
				document.zoekform.zoekwoord.value = '';
				$("#liveSearch").hide();
				$(this).hide();
			});
		}
	};

}); 
//******************************
//********** end init **********
//******************************

//------------------------
function getResults(value) {
	if(value != ''){
		$.post("zoeklive.php",{ajaxZoek:value},function(data){
		if(data)
			$("#liveSearch").html(data).show();
		else $("#liveSearch").hide();
		});
	}
}