var imageIndex = [];

var imageArray = [['start',4],['om_wallin', 1],['historia', 6],['nyhet', 1],['kontakt', 1],['projekt', 1],['abisko', 2],['annedalsterrassen', 6],['flottiljen', 3],['flyghallen', 2],['kajkrogen', 5],['kryssningen', 3],['modet', 3],['nds2', 6],['sparsamheten', 12],['villa', 4],['varvetet', 4]]


var imageTexts = [
					/*start*/
					'I BAKGRUNDEN:<br />SPARSAMHETEN, STOCKHOLM, 2009.<br /><br /><a href="?pg=sparsamheten" onclick="javascript:gotoPage(\'#/sparsamheten\'); return false;">TILL PROJEKTET</a>',
					'I BAKGRUNDEN:<br />VILLA 1.0, STOCKHOLM, 2009.<br /><br /><a href="?pg=villa" onclick="javascript:gotoPage(\'#/villa\'); return false;">TILL PROJEKTET</a>',
					'I BAKGRUNDEN:<br />BARNHUSBRON, STOCKHOLM, 2009.<br /><br /><a href="?pg=nyhet&newsid=3" onclick="javascript:gotoPage(\'#/nyhet/3\'); return false;">TILL PROJEKTET</a>',
					'I BAKGRUNDEN:<br />NDS2, NORRA DJURGÅRDEN, STOCKHOLM.<br /><br /><a href="?pg=nds2" onclick="javascript:gotoPage(\'#/nds2\'); return false;">TILL PROJEKTET</a>',
					
					
					/*om wallin*/
					'',
					
					/*historia*/
					'I BAKGRUNDEN:<br />INVIGNING AV TEMPO, S:T ERIKSGATAN, 1937',
					'I BAKGRUNDEN:<br />STUDENTBOSTÄDERNA JERUM, 1950',
					'I BAKGRUNDEN:<br />KUNGSHALLEN, HÖTORGET, 1935',
					'I BAKGRUNDEN:<br />KV. IMRÖRET, HÖGDALEN, 1960',
					'I BAKGRUNDEN:<br />KV. VÄKTAREN 17, S:T ERIKSGATAN 29, 1936',
					'I BAKGRUNDEN:<br />HEDINGATAN, GÄRDET, 1932'
					
					];

var currentIndex;
var currentLength;
var backnum = 1;
var startNum = 1;
var startImg;
var startTimer;
var fullscreen = false;

function gotoPage(ref){
	window.location.href = ref;	
}

function setBackground(ref){
	
	switch (ref){
		case 'abisko':
		case 'annedalsterrassen':
		case 'flottiljen':
		case 'flyghallen':
		case 'kajkrogen':
		case 'kryssningen':
		case 'modet':
		case 'nds2':
		case 'sparsamheten':
		case 'villa':
		case 'varvetet':
		case 'bildoversikt':

		startImg = 'projekt';
		break;
		
		default:
		startImg = ref
		break;
	}
	
	
	for (i in imageIndex){
		if (imageIndex[i][0] == startImg){
			
			startNum = Number(imageIndex[i][1]);
			//alert(startNum)
			$('#backshow').cycle(startNum);
		}
		
		if (imageIndex[i][0] == ref){
			backnum = Number(imageIndex[i][1]);
			currentIndex = imageIndex[i][1];
			currentLength = imageArray[i][1];
		}
	}			
}


function gotoFullscreen(){
	
	fullscreen = true;
	
	
	$('body').css('min-height','inherit');
	
	$('#backshow .blur').each(function(){	
		$(this).css('display','none');		
	});
	
	$('.fullscreenhide').slideUp();
	$('#fullscreencontrols').fadeIn('slow', function(){	backshow();});
	

	
}

function exitFullscreen(){
	
	if (fullscreen){
		$('#backshow').cycle(startNum);
		
		$('#backshow .blur').each(function(){	
			$(this).css('display','block');		
		});
		
		$('body').css('min-height','860px');
		
		$('.fullscreenhide').slideDown();
		$('#fullscreencontrols').fadeOut();
		
		fullscreen = false;
	}
	
}

function nextBackshowImage(){
	backnum++
	if (backnum >= (currentIndex + currentLength)) backnum = currentIndex;	
	
	$('#backshow').cycle(backnum);

}

function prevBackshowImage(){
	backnum--
	if (backnum < currentIndex) backnum = currentIndex + currentLength - 1;	
	
	$('#backshow').cycle(backnum);
}

function startStartSlideShow(){
	if (!startTimer){		
		startTimer = setInterval(function(){
			nextBackshowImage();
		}, 10500);
	}
}

function stopStartSlideShow(){
	clearInterval(startTimer);
	startTimer = false;	
}

function backshow() {
		var i = $('#backshow'),
			ih = i.height(),
			iw = i.width(),
			ir = 1600 / 1200,
			wh = $(window).height(),
			ww = $(window).width(),
			wr = ww / wh;
	
		if (ir < wr) {
			iw = ww;
			ih = iw / ir;
		} else {
			ih = wh;
			iw = ih * ir;
		}
	
		ih = Math.ceil(ih);
		iw = Math.ceil(iw);
	
		$('#backshow img').css({ 'height': ih + 'px', 'left' : -((iw - ww) / 2) + 'px', 'position' : 'absolute', 'top' : -((ih - wh) / 2) + 'px', 'width': iw + 'px' });
	}

$(document).ready(
  function()
  {
	  
	var tempIndex = 0;
	for (i=0; i<imageArray.length; i++){
		imageIndex[i] = new Array();
		imageIndex[i][0] = imageArray[i][0] 
		imageIndex[i][1] = tempIndex;
		tempIndex += imageArray[i][1]
	}
	
	//alert(imageIndex)
	 
	// load backshow images
	
	var nutx = 0;
	
	for (i=0; i<imageArray.length; i++){
		for (a=0; a<imageArray[i][1]; a++){
			
			var htmlString = '<div><img class="back" src="_img/';
			htmlString += imageArray[i][0];
			htmlString += '/img';
			htmlString += a+1;
			htmlString += '.jpg"/><div class="blur"><img style="display:hidden" src="_img/';
			htmlString += imageArray[i][0];
			htmlString += '/blur';
			htmlString += a+1;
			htmlString += '.jpg"/></div><div class="caption">';
			if (imageTexts[nutx]) htmlString += imageTexts[nutx];
			htmlString += '</div></div>';
			
			$('#backshow').append(htmlString);
			
			nutx ++;
		}		
	}

	$('#backshow').cycle({
		timeout:0
	});
	
	
	var cache = [];
	
	// Arguments are image paths relative to the current page.
	$.preLoadImages = function() {
		var args_len = arguments.length;
		for (var i = args_len; i--;) {
			var cacheImage = document.createElement('img');
			cacheImage.src = arguments[i];
			cache.push(cacheImage);
		}
	}
	


		
	
	
	
	$(window).resize(function() {
		backshow();
	});
		
	backshow();

	
});