var lastLinkClicked = ''; // used to unset the previous link colour when new one is clicked
var mainImage=1;
var images=new Array(3);
images[0]=2;
images[1]=3;
images[2]=4;

/*
 * swap 2 images given their ids
 */
function swapImage(section, var1, var2) {
	// get next image in array
	$('img-'+var1+'-1-front').src=$('img-'+var1+'-1-back').src;
	$('img-'+var1+'-1-front').show();
	$('img-'+var1+'-1-back').src=$('img-'+var1+'-'+var2).src;
	$('img-'+var1+'-1-front').fade( {duration:0.5} );
	//$('img-'+var1+'-'+var2).src=$('img-'+var1+'-1-front').src;
	
	imageStr 	= $('img-'+var1+'-1-front').src;
	var start 	= imageStr.length - 5;
	var end 	= imageStr.length - 4;
	mainImage 	= imageStr.substring(start, end);
	
	var randImage=getRandomImage(var2);
	
	if(section=='bedrooms')
		$('img-'+var1+'-'+var2).src="images/cat/"+section+"/default/image-"+randImage+".jpg";
	else
		$('img-'+var1+'-'+var2).src=$('img-'+var1+'-1-front').src;
}

/*
 * swap an image given an id
 */
function getRandomImage(elemId){
	var randImages=new Array(2);
	var c=0;
	var elemPos = parseInt(elemId) - 2;
	
	// choose a random image, exclude the mainImage and current images
	for(var i=1; i<=6; i++)
	{
		if(i !== images[0] && i !== images[1] && i !== images[2] && mainImage != i.toString()){
			randImages[c]=i;
			c++;
		}
	}
	
	images[elemPos] = randImages[Math.floor(Math.random()*2)];
	return images[elemPos];
}

/*
 * Display category and highlight links
 */
function showCategory(catID, firstColourID) {
	$$('.categories-pdf').invoke("hide");
	$('category-'+catID).appear( {duration:0.5} );
	showLargeDiv(firstColourID);
	
	padding = '';
	switch(catID)
	{
		case 1: padding='5px'; break;
		case 2: padding='5px'; break;
		case 3: padding='5px'; break;
		case 4: padding='5px'; break;
		case 5: padding='5px'; break;
		case 6: padding='5px'; break;
		case 7: padding='5px'; break;
		case 8: padding='5px'; break;
		default: padding='5px';break;
	}
	
	document.getElementById('category-'+catID).style.paddingLeft = padding;
	
	// set style for all current element
	document.getElementById('btn2_link_'+catID).style.color='#9b4838';
	
	// unset style for other elements
	if(lastLinkClicked != ''){
		document.getElementById(lastLinkClicked).style.color='#000000';
	}
	
	// now get last link clicked
	lastLinkClicked = 'btn2_link_'+catID;
}

function showLargeDiv(colourID) {
	$$('.top-container').invoke("hide");
	$('main-div-'+colourID).appear( {duration:0.2} );
}