/* 
	Javascript Document 
	Smulders Interieurprojecten.
	
	Copyright Mike Ontwerpt 2011

*/


//global vars

var currentPage = 'welkom';
var justClicked = false;
var clickedInt = 0;

var titles = Array();
titles['welkom'] = 'Al jaren vakmanschap in maatwerk - Smulders Interieurprojecten';

var firstScrollBool = true;

var disabled = false;

var sp4ColHolderWidth = 0;
var sp6ColHolderWidth = 0;
var album5ColHolderWidth = 0;

var subHidden = true;
var guideHidden = true;
var guideHelpHidden = true;

var isGuided = false;

var pageSwitchDisable = false;




$(document).ready(function(){

//get browser	
	var browser = getBrowser();
	browserCSSCorrection(browser);
	
//window correction
	windowCorrection();
	
	window.onresize = function (){
		windowCorrection();
	}
	
	if(browser[0] == 'ie5'){
		$(document).mousedown(function(){
			justClicked = true;
			clearInterval(clickedInt);
			clickedInt = setTimeout(function(){ justClicked = false },2000);
		});
	}
	else{
		window.onmousedown = function(){
			justClicked = true;
			clearInterval(clickedInt);
			clickedInt = setTimeout(function(){ justClicked = false },2000);
		}
	}	
	
//set scrolling background
	initBackgrounds();
//set moving photo album
	initPhotoalbum();
		
	getSWFPage();	
	SWFAddress.onChange = function() { //on url change
		try {
			getSWFPage();
		} catch(e) {}
	}
	 
//set boxes in the right place
	setBoxes();
	
//set photo sliders (sp4=totaalinrichting, sp6=kantoor) 
	initSlide('sp4','left', 600, 1500);	
	//initSlide('sp6','left', 600, 1500);	
	
//set width of columnHolder(sp4=totaalinrichting, sp6=kantoor, album5=impressies) 
	$('#sp4 .spColumn').each(function(){
		sp4ColHolderWidth += 460;
	});
	$('#sp4 .spColumnHolder').css('width', sp4ColHolderWidth+'px');
	/*	
	$('#sp6 .spColumn').each(function(){
		sp6ColHolderWidth += 460;
	});
	$('#sp6 .spColumnHolder').css('width', sp6ColHolderWidth+'px');
	*/
	$('#album5 .albumColumn').each(function(){
		album5ColHolderWidth += 960;
	});
	$('#album5 .albumColumnHolder').css('width', album5ColHolderWidth+'px');
	
//center the guide button
	
	
//setup shadowbox
	Shadowbox.init({
	   skipSetup: true,
	   continuous: true,
	   overlayOpacity: 0.8
	});
});


function initBackgrounds(){
	// ## B A C K G R O U N D S
	var	$scollpage = $('#scrollpage');
	//for each background	
	$('.main-background').each(function(){
		//get offset top
		var $self = $(this),
		$offsetCoords = $self.offset(),
		topOffset = $offsetCoords.top;

		//when scrolling
		$scollpage.scroll(function(){
			//check sub menu	
				if($scollpage.scrollTop() > 700 && $scollpage.scrollTop() < 1700){
					showSubMenu('subHideParticlier', 'subParticlier');
				}
				else{
					hideSubMenu('subHideParticlier', 'subParticlier');
				}
			//check guide
				if($scollpage.scrollTop() > 850 && $scollpage.scrollTop() < 5350){
					showGuide();
				}
				else{
					
					hideGuide();
				}	
			//check guide help
				if($scollpage.scrollTop() < 100 || $scollpage.scrollTop() > 5250){
					hideGuideHelp();
				}
				
			//if visible
			if ( ($scollpage.scrollTop() + $scollpage.height()) > ($offsetCoords.top) && ( ($offsetCoords.top + $self.height()) > $scollpage.scrollTop() ) ) {
			
				var browser = getBrowser();
				if(browser[0] == 'ie5'){
					yPos = -($scollpage.scrollTop() - $offsetCoords.top + 900 ) * 0.4 + 290;
				}
				else{
					yPos = -($scollpage.scrollTop() - $offsetCoords.top ) * -0.15;
				}
				// If this element has a Y offset then add it on
				if ($self.data('offsetY')) {
				  yPos += $self.data('offsetY');
				}
				
				//change menu
				if($scollpage.scrollTop() >= (topOffset-300)){
					if(justClicked == false){
						if ($self.attr('data-linkname')) {
							var linkname = $self.attr('data-linkname');
							var title = $self.attr('data-title');
							
							// ## CHECK SWF ADRESS
							var path = SWFAddress.getPathNames(); //get&split url
							var valid = false;
							
														/*if(empty(path[0])){
								valid = true;	
							}
							else if(path[0].substr(0,13) != 'particuliere-'){
								valid = true;	
							}
							if(valid){*/
								$('#btn-' + currentPage).removeClass('activeMenu');
								currentPage = linkname;
								$('#btn-' + currentPage).addClass('activeMenu');
								SWFAddress.setValue(currentPage);
							//}
						}
					}
				}
					
				// Put together our final background position
				var coord = '0 ' + Math.ceil(yPos) + 'px';
				// Move the background
				$self.css({ backgroundPosition: coord });
			}
		}); 
	});	
}

function initSlide(boxId, dir,target,parked){
	// ## S L I D E  
	var $scrollpage = $('#scrollpage');
	//get offset top
	var $self = $('#' + boxId),
	$offsetCoords = $self.parent().offset(),
	topOffset = $offsetCoords.top;
	//when scrolling
	topOffset +=  Number($scrollpage.scrollTop());

	$scrollpage.scroll(function(){
		//if visible	
		if ( $scrollpage.scrollTop() > (topOffset- $self.parent().height()) ){
		
			if($scrollpage.scrollTop() <= topOffset || boxId == 'blueBar1'){
				//percentage y
				var a = parseInt(( ( $scrollpage.scrollTop() - (topOffset - $self.parent().height()) ) * 100 ) / $self.parent().height());
				
				//100% x distance in pixels 
				var b = parseInt((a * (parked - target) ) / 100);
				
				//position in pixels 
				var imagePos = parked - b;
				imagePos = Math.ceil(imagePos);
				imagePos += 'px';
				
				if(dir == 'top'){
					$self.css('top', imagePos);
				}
				else{
					$self.css('left', imagePos);
				}
			}
			else{
				//correct pos	
				if(dir == 'top'){
					$self.css('top', target + 'px');
				}
				else{
					$self.css('left', target + 'px');
				}
			}
		}
			
	});
}

function initPhotoalbum(){
	// ## P H O T O A L B U M
	var $scrollpage = $('#scrollpage');
	$('.albumContainer').each(function(){
		//get offset top
		var $self = $(this),
		$offsetCoords = $self.parent().offset(),
		topOffset = $offsetCoords.top;

		var center = $(window).width() / 2;
		var factor = $self.width() / 2; 
		var left = center - factor; 
		
		//$self.css('left' , left);

		//when scrolling
		$scrollpage.scroll(function(){
			//if visible	
			if ( $scrollpage.scrollTop() > (topOffset- $self.parent().height() - 50) ){
				
				var targetTop = 0;
				var parkedTop = 600;
				
				var thisId = $self.attr('id');
				
				if($scrollpage.scrollTop() <= topOffset){
					
					var count = 0;
					$('#' + thisId + ' .albumThumb').each(function(){
						var $thumb = $(this);
						
						var factor = 300 - (count*50); 
						
						
						//percentage y
						var a = parseInt(( ( $scrollpage.scrollTop() - (topOffset - $self.parent().height() / 2 ) ) * 100 ) / ($self.parent().height() - factor) );
						a = a*2;
						
						if(a > 100){
							a = 100;
						}
						
						//100% x distance in pixels 
						var b = parseInt((a * (parkedTop - targetTop) ) / 100);
						//position top in pixels 
						var imageXpos = parkedTop - b;
						imageXpos = Math.ceil(imageXpos);
						imageXpos += 'px';
						$thumb.css('top', imageXpos);
						//opacity
						//$thumb.css('opacity', (a/100));
						count++;
						if(count > 6){
							count = 0;
						}	
						
					});
				}
				else{
					$('#' + thisId + ' .albumThumb').each(function(){
						var $thumb = $(this);
						//correct top & opacity	
						//$thumb.css('opacity', 1);
						$thumb.css('top', targetTop);
					});
				}
			}
				
		});
	});
}


function getSWFPage(){	
	Shadowbox.clearCache(); 
	Shadowbox.setup("a.shadowbox");	

	// ## CHECK SWF ADRESS
	
	var path = SWFAddress.getPathNames(); //get&split url
	//if submenu ?
	if(!empty(path[0])){
		if(path[0].substr(0,13) == 'particuliere-'){
			SWFAddress.setTitle(path[0] + ' - Smulders Interieurprojecten');
			if(firstScrollBool) { firstScroll(900); }
		}
		else{	
			//check scrollpos
			switch(path[0]) {
				case 'welkom': 	
					SWFAddress.setTitle('Al jaren vakmanschap in maatwerk - Smulders Interieurprojecten');
					//setPageClicked('welkom');
					if(firstScrollBool) { firstScroll(0); }
					else{ 
						if(justClicked){
							scrollToPoint(0);
						}
					}
					break;
				case 'particulier': 
					SWFAddress.setTitle('Particuliere keukens - Smulders Interieurprojecten');
					//setPageClicked('particulier');
					if(firstScrollBool) { firstScroll(900); }
					else{
						if(justClicked){
							scrollToPoint(900);
						}
					}
					break;
				case 'zakelijk': 
					//setPageClicked('zakelijk');
					SWFAddress.setTitle('Uw zaak op maat ingericht - Smulders Interieurprojecten');
					if(firstScrollBool) { firstScroll(1800); }
					else{ 
						if(justClicked){
							scrollToPoint(1800);
						}
					}
					break;
				case 'totaalinrichting': 
					//setPageClicked('totaalinrichting');
					SWFAddress.setTitle('Totaalinrichting compleet verzorgd - Smulders Interieurprojecten');
					if(firstScrollBool) { firstScroll(2700); }
					else{
						if(justClicked){
							scrollToPoint(2700); 
						}
					}
					break;		
				case 'impressies': 
					//setPageClicked('impressies');
					SWFAddress.setTitle('Impressies van ons werk - Smulders Interieurprojecten');
					if(firstScrollBool) { firstScroll(3600); }
					else{ 
						if(justClicked){
							scrollToPoint(3600); 
						}
					}
					break;
				case 'kantoor':
					SWFAddress.setTitle('Ons kantoor en de werkplaats - Smulders Interieurprojecten');
					if(firstScrollBool) { firstScroll(5000); }
                    else{
                        if(justClicked){
                            scrollToPoint(4500);
                        }
                    }
					break;
				case 'contact': 
					//setPageClicked('contact');
					SWFAddress.setTitle('Neem vrijblijvend contact met ons op - Smulders Interieurprojecten');
					if(firstScrollBool) { firstScroll(5400); }
					else{
						if(justClicked){
							scrollToPoint(5400);
						}
					}
					break;				
			}	
		}
	}
	else{
		//welkom
		SWFAddress.setTitle('Al jaren vakmanschap in maatwerk - Smulders Interieurprojecten');
		if(firstScrollBool) { firstScroll(0); }
	}
	//not just landed anymore
	firstScrollBool = false;
}

function hideSubMenu(hideId, subId){
	if(!subHidden){
		$('#' + subId).animate({top: '-35px'},200);
		subHidden = true;
	}
	//$('#' + subId).css({top: '-35px'});
}

function showSubMenu(hideId, subId){
	if(subHidden){
		$('#' + subId).animate({top: 0},200);
		subHidden = false;
	}
	//$('#' + subId).css({top: 0});
}

function hideGuide(){
	if(!guideHidden){
		$('#guideBtn').animate({bottom: '-60px'},200);
		guideHidden = true;
	}
}

function showGuide(){
	if(guideHidden){
		$('#guideBtn').animate({bottom: 0},200);
		guideHidden = false;
	}
	//$('#' + subId).css({top: 0});
}


function rapport(){
	var $scollpage = $('#scrollpage');
	alert(
		'#scrolltop : ' + $scollpage.scrollTop()  + '\n\n' +	
		'height: ' + $('#imgbox1').parent().height()  + '\n' + 
		'left: ' + $('#imgbox1').css('left')  + '\n'
	);
	
}

function setPageClicked(linkname){
	
	/*justClicked = true;
	clearInterval(clickedInt);
	clickedInt = setTimeout(function(){ justClicked = false },2000);
	*/
	$('#btn-' + currentPage).removeClass('activeMenu');
	currentPage = linkname;
	$('#btn-' + linkname).addClass('activeMenu');	
	  	
}

function scrollToPoint(yPos){

	$('#scrollpage').stop();
	$('#scrollpage').scrollTo({left: 0, top: yPos },{duration: 1500});
	
}

function firstScroll(yPos){
	$('#scrollpage').stop();
	$('#scrollpage').scrollTo({left: 0, top: yPos },{duration: 0});
}

function setBoxes(){
	$('.textBlockContainer').each(function(){
		var $pageCon = $(this).parent();
		var	$container = $(this);
		var $bluebar = $pageCon.children('.blueBar');
		var $footerBox = $(this).children('.footerBox');
		var $headerBox = $(this).children('.headerBox');
		var $contentBox = $pageCon.children('.contentBox');
			
	// ## Get height contentBox
		var contentBoxHeightStr = $contentBox.css('height');
		var contentBoxPaddingTopStr = $contentBox.css('paddingTop');
		var contentBoxPaddingBottomStr = $contentBox.css('paddingBottom');

		contentBoxHeight = contentBoxHeightStr.substring( 0, contentBoxHeightStr.length - 2);
		contentBoxPaddingTop = contentBoxPaddingTopStr.substring( 0, contentBoxPaddingTopStr.length - 2);
		contentBoxPaddingBottom = contentBoxPaddingBottomStr.substring( 0, contentBoxPaddingBottomStr.length - 2);

		contentBoxHeight = Number(contentBoxHeight) + Number(contentBoxPaddingTop) + Number(contentBoxPaddingBottom);
		
		if(contentBoxPaddingTop != 0){
			//maffe marge
			var mar =  0.055 * contentBoxHeight;
			contentBoxHeight = Number(contentBoxHeight) + Number(mar);
		}
		
		var contentBoxTopStr = $contentBox.css('top');
		var contentBoxTop = contentBoxTopStr.substring( 0, contentBoxTopStr.length - 2);
		
		var	containerTopStr = $(this).css('top');
		var	containerTop = containerTopStr.substring( 0, containerTopStr.length - 2);
	
		// BLUE BAR
	// ## Set height bluebar
		$bluebar.css('height',contentBoxHeight + 'px');
		
		var hbHeightStr = $headerBox.css('height');
		var	hbHeight = hbHeightStr.substring( 0, hbHeightStr.length - 2);
		
		var containerPaddingTopStr = $container.css('paddingTop');
		var	containerPaddingTop = containerPaddingTopStr.substring( 0, containerPaddingTopStr.length - 2);		
		
		var bbOffset = Number(containerTop) + Number(hbHeight) + Number(containerPaddingTop);
		
		var bbId = 	$bluebar.attr('id');
		$contentBox.css('top',bbOffset + 'px');
		if(bbId != 'blueBar7') { // contact
			$bluebar.css('top',bbOffset + 'px');
			initSlide(bbId, 'top', Number(bbOffset),1200);
		}
	// ## Set position Footerbox
	
		var footerBoxTop = Number(bbOffset) + Number(contentBoxHeight) - Number(containerTop);
		$footerBox.css('top',footerBoxTop+'px');

	// ## Set container height

		var	footerHeightStr = $footerBox.css('height');
		var	footerHeight = footerHeightStr.substring( 0, footerHeightStr.length - 2);
	
		var boxheight = Number(footerBoxTop) + Number(footerHeight) - 20;
		$container.css('height',boxheight+'px');
		
		
	});
	
	//init once
}

/*
function drawCanvas(){
	//for each bluebar div
	$('canvas.blueBar').each(function(){
		
		var $canvas = $(this);
		var w = $canvas.css('width');
		var h = $canvas.css('height');
		//get int - 'px'
		w = w.substring(0, w.length - 2);
		h = h.substring(0, h.length - 2);
		
		
		var id = $canvas.attr('id');
		
		var elem = document.getElementById(id);

		if (elem && elem.getContext) {
		  // Get the 2d context.
		  // Remember: you can only initialize one context per element.
		 	var context = elem.getContext('2d');
			if (context) {
				
				context.fillStyle   = '#008cc3'; // blue
  				context.globalAlpha = 0.8;
				context.fillRect(0, 0, w, h);
				
			}
		}
	});	
}*/


function smallAlbumNextPage(linkname, key, numPages, thisPage, dir){
	//get browser	
	var browser = getBrowser();
	
	if(!disabled){
		disabled = true;
		setTimeout(function(){ disabled = false; },1000);
		
		var count = 0;
		var distance = 460;
		var delay = 0;
		
		var strLeft = new Array();
		var numLeft = new Array();
		var $thumbs = new Array();
		var newLeft = new Array();
		
		$('#sp'+key+' .spThumb').each(function(){
			$thumbs[count] = this;
			strLeft[count] = $($thumbs[count]).css('left');
			numLeft[count] = strLeft[count].substring(0, strLeft[count].length-2);
			
			if(dir == 'next') newLeft[count] = Number(numLeft[count]) - Number(distance);
			if(dir == 'prev') newLeft[count] = Number(numLeft[count]) + Number(distance);	
			count++;
		});
		
		if(dir == 'next'){
			for(var i=0;i<$thumbs.length;i++){	
				if(browser[0] == 'ie5'){
					//IE no timeout
					moveThumbnailIE($thumbs[i],newLeft[i]);
				}
				else{
					setTimeout(moveThumbnail,delay,$thumbs[i],newLeft[i]);
				}
				
				delay = delay + 20;
			
			}
		}
		else{
			for(var i=($thumbs.length-1);i>=0;i--){	
				if(browser[0] == 'ie5'){
					//IE no timeout
					moveThumbnailIE($thumbs[i],newLeft[i]);
				}
				else{
					setTimeout(moveThumbnail,delay,$thumbs[i],newLeft[i]);
				}
				delay = delay + 20;
			}
		}
		
		//check footer
		$('#sp' + key + ' .spFooterBar').load('./pages/fromjs/getNewSpBar.php?linkname=' + linkname + '&thisPage=' + thisPage + '&numPages=' + numPages + '&key=' + key);
		
	}
}

function moveThumbnail() {
	var args = Array.prototype.slice.call(arguments);
	$obj = args[0];
	left = args[1];
	$($obj).animate({left : left+'px' },200,function() {
   	 	$($obj).css('left',left+'px');
  	}); 
}

function moveThumbnailIE($obj,left) {
	$($obj).animate({left : left+'px' },200,function() {
   	 	$($obj).css('left',left+'px');
  	}); 
}

function loadSubPage(linkname, itemId, key){
	$('#subParticlier li').each(function() {
		$(this).removeClass('active');
	});
	
	$('#subParticlier li#'+itemId).addClass('active');
	
	$('#contentBox' + key).load('./pages/fromjs/getSubpages.php?linkname=' + linkname + '&itemId=' + itemId ,function(){
		correctPage(key);
	});
}

function correctPage(key){
	
		var $pageCon = $('#page' + key);
		var	$container = $('#page' + key + ' .textBlockContainer');
		var $bluebar = $pageCon.children('.blueBar');
		
		
		var $footerBox = $($container).children('.footerBox');
		var $headerBox = $($container).children('.headerBox');
		var $contentBox = $pageCon.children('.contentBox');
						
		// ## Get height contentBox
		var contentBoxHeightStr = $contentBox.css('height');
		var contentBoxPaddingTopStr = $contentBox.css('paddingTop');
		var contentBoxPaddingBottomStr = $contentBox.css('paddingBottom');

		contentBoxHeight = contentBoxHeightStr.substring( 0, contentBoxHeightStr.length - 2);
		contentBoxPaddingTop = contentBoxPaddingTopStr.substring( 0, contentBoxPaddingTopStr.length - 2);
		contentBoxPaddingBottom = contentBoxPaddingBottomStr.substring( 0, contentBoxPaddingBottomStr.length - 2);

		contentBoxHeight = Number(contentBoxHeight) + Number(contentBoxPaddingTop) + Number(contentBoxPaddingBottom);
		
		if(contentBoxPaddingTop != 0){
			//maffe marge
			var mar =  0.055 * contentBoxHeight;
			contentBoxHeight = Number(contentBoxHeight) + Number(mar);
		}
		
		var contentBoxTopStr = $contentBox.css('top');
		var contentBoxTop = contentBoxTopStr.substring( 0, contentBoxTopStr.length - 2);
		
		var	containerTopStr = $($container).css('top');
		var	containerTop = containerTopStr.substring( 0, containerTopStr.length - 2);
	
		// BLUE BAR
	// ## Set height bluebar
	
		$bluebar.css('height',contentBoxHeight + 'px');
		
		var hbHeightStr = $headerBox.css('height');
		var	hbHeight = hbHeightStr.substring( 0, hbHeightStr.length - 2);
		
		var containerPaddingTopStr = $container.css('paddingTop');
		var	containerPaddingTop = containerPaddingTopStr.substring( 0, containerPaddingTopStr.length - 2);		
		
		
		var bbOffset = Number(containerTop) + Number(hbHeight) + Number(containerPaddingTop);
		
		var bbId = 	$bluebar.attr('id');
		if(bbId != 'blueBar6') $bluebar.css('top',bbOffset + 'px');
		$contentBox.css('top',bbOffset + 'px');
				
	// ## Set position Footerbox
	
		var footerBoxTop = Number(bbOffset) + Number(contentBoxHeight) - Number(containerTop);
		$footerBox.css('top',footerBoxTop+'px');

	// ## Set container height

		var	footerHeightStr = $footerBox.css('height');
		var	footerHeight = footerHeightStr.substring( 0, footerHeightStr.length - 2);
	
		var boxheight = Number(footerBoxTop) + Number(footerHeight) - 20;
		$container.css('height',boxheight+'px');
		
}


function empty(mixed_var) {
    // !No description available for empty. @php.js developers: Please update the function summary text file.
    // 
    // version: 1109.2015
    // discuss at: http://phpjs.org/functions/empty
    // +   original by: Philippe Baumann
    // +      input by: Onno Marsman
    // +   bugfixed by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +      input by: LH
    // +   improved by: Onno Marsman
    // +   improved by: Francesco
    // +   improved by: Marc Jansen
    // +   input by: Stoyan Kyosev (http://www.svest.org/)
    // *     example 1: empty(null);
    // *     returns 1: true
    // *     example 2: empty(undefined);
    // *     returns 2: true
    // *     example 3: empty([]);
    // *     returns 3: true
    // *     example 4: empty({});
    // *     returns 4: true
    // *     example 5: empty({'aFunc' : function () { alert('humpty'); } });
    // *     returns 5: false
    var key;
 
    if (mixed_var === "" || mixed_var === 0 || mixed_var === "0" || mixed_var === null || mixed_var === false || typeof mixed_var === 'undefined') {
        return true;
    }
 
    if (typeof mixed_var == 'object') {
        for (key in mixed_var) {
            return false;
        }
        return true;
    }
 
    return false;
}

function getNewAlbumPage(linkname, key, numAlbums, albumOrder){
	//get new description
		$('#contentBox' + key).load('./pages/fromjs/getNewAlbumContent.php?linkname=' + linkname + '&albumOrder=' + albumOrder,function(){
			correctPage(key);
		});
	//get new footer (nav)
		$('#footerBox' + key).load('./pages/fromjs/getFooterNextPrev.php?linkname=' + linkname + '&albumOrder=' + albumOrder + '&numAlbums=' + numAlbums + '&key=' + key);
		
	//get new photos
		$('#sp' + key).load('./pages/fromjs/getNewSmallAlbum.php?linkname=' + linkname + '&albumOrder=' + albumOrder + '&numAlbums=' + numAlbums + '&key=' + key,function(){
			$('#sp' + key + ' .spColumn').each(function(){
				sp4ColHolderWidth += 460;
			});
			$('#sp' + key + ' .spColumnHolder').css('width', sp4ColHolderWidth+'px');
			
			Shadowbox.clearCache(); 
			Shadowbox.setup("a.shadowbox");	
		});
}


function largeAlbumNextPage(linkname, key, numPages, thisPage, dir){
	//get browser	
	var browser = getBrowser();
	
	if(!disabled){
		disabled = true;
		setTimeout(function(){ disabled = false; },1000);
		
		var count = 0;
		var distance = 960;
		var delay = 0;
		
		var strLeft = new Array();
		var numLeft = new Array();
		var $thumbs = new Array();
		var newLeft = new Array();
		
		$('#album'+key+' .albumThumb').each(function(){
			
			$thumbs[count] = this;
			strLeft[count] = $($thumbs[count]).css('left');
			numLeft[count] = strLeft[count].substring(0, strLeft[count].length-2);
			
			if(dir == 'next') newLeft[count] = Number(numLeft[count]) - Number(distance);
			if(dir == 'prev') newLeft[count] = Number(numLeft[count]) + Number(distance);	
			count++;
		});
		
		if(dir == 'next'){
			for(var i=0;i<$thumbs.length;i++){	
				if(browser[0] == 'ie5'){
					//IE no timeout
					moveThumbnailIE($thumbs[i],newLeft[i]);
				}
				else{
					setTimeout(moveThumbnail,delay,$thumbs[i],newLeft[i]);
				}
				delay = delay + 20;
			}
		}
		else{
			for(var i=($thumbs.length-1);i>=0;i--){	
				if(browser[0] == 'ie5'){
					//IE no timeout
					moveThumbnailIE($thumbs[i],newLeft[i]);
				}
				else{
					setTimeout(moveThumbnail,delay,$thumbs[i],newLeft[i]);
				}
				delay = delay + 20;
			}
		}
		
		//check footer
		$('#album' + key + ' .albumFooterBar').load('./pages/fromjs/getNewAlbumBar.php?linkname=' + linkname + '&thisPage=' + thisPage + '&numPages=' + numPages + '&key=' + key);
		
	}
}


function scrollDown(){
	var $scrollpage = $('#scrollpage');
	var newPoint = $scrollpage.scrollTop() / 900 ;
	newPoint = Math.floor(newPoint);
	newPoint = newPoint + 1;	
	newPoint = newPoint * 900;
	scrollToPoint(newPoint);
	
	if(currentPage != 'contact'){
		$('#btn-' + currentPage).removeClass('activeMenu');
									
		//set newpage
		switch(currentPage){
			case 'welkom' :
				currentPage = 'particulier';
			break;
			case 'particulier' :
				currentPage = 'zakelijk';
			break;
			case 'zakelijk' :
				currentPage = 'totaalinrichting';
			break;
			case 'totaalinrichting' :
				currentPage = 'impressies';
			break;
			case 'impressies' :
				currentPage = 'kantoor';
			break;
            case 'kantoor' :
                currentPage = 'contact';
                break;
		}
	
		$('#btn-' + currentPage).addClass('activeMenu');
		SWFAddress.setValue(currentPage);
	}
}


function showGuideHelp(){
	if(guideHelpHidden && isGuided){
		$('#guideHelp').animate({left : '0px'}, 200);
		guideHelpHidden = false;
	}
}

function hideGuideHelp(){
	if(!guideHelpHidden){
		$('#guideHelp').animate({left : '-200px'}, 200);
		guideHelpHidden = true;
	}
}

function setGuided(){
	isGuided = true;	
}


function browserCSSCorrection(browser){
	if(browser[0] == 'ipad'){
		$('#mainFooter').css('right', '-1px');
		$('nav').css('right', '-1px');
	}
}

function windowCorrection(){
	var browser = getBrowser();
	var winW = 0;
	if(browser[0] == 'ie5'){
		//IE8 FIX
		var center = (document.documentElement.clientWidth / 2);
		winW = document.documentElement.clientWidth;
	}
	else{
		winW = window.innerWidth;
		var center = (window.innerWidth / 2 );
	}	
	
	
	$('#guideBtn').css('left',(center-46)+'px');
	$('#guideHelpHolder').css('left',(center+20)+'px');
	
	
	if(winW <= 1024 ){
		$('#scrollpage').css('left','-80px');
		$('#scrollpage').css('width',(winW+80)+'px');
		$('#album5').css('left','100px');
		$('#album5').css('top','60px');
		$('#album5').css('margin',0);
	}
	else{
		$('#scrollpage').css('left','0');
		$('#scrollpage').css('width',(winW)+'px');
		$('#album5').css('left','0px');
		$('#album5').css('top','80px');
		$('#album5').css('margin','0 auto');
	}
	
	
	var mx = 1440;
	if(winW > mx){
		$('#scrollpage').css('width',mx+'px');
		$('#mainFooter').css('right', '0px');
		$('nav').css('right', '0px');			
	}
	
}