// JavaScript Document

var imageDim	=
{
	'living_room_1'		: ['/images/gallery/living_room_1.jpg',			667, 500],
	'living_room_2'		: ['/images/gallery/living_room_2.jpg',			734, 500],
	'living_room_3'		: ['/images/gallery/living_room_3.jpg',			767, 500],
	'living_room_4'		: ['/images/gallery/living_room_4.jpg',			667, 500],
	'living_room_5'		: ['/images/gallery/living_room_5.jpg',			750, 500],
	'dinning_room_1'	: ['/images/gallery/dinning_room_1.jpg',		750, 500],
	'kitchen_1'				: ['/images/gallery/kitchen_1.jpg',					719, 500],
	'kitchen_2'				: ['/images/gallery/kitchen_2.jpg',					333, 500],
	'kitchen_3'				: ['/images/gallery/kitchen_3.jpg',					667, 500],
	'kitchen_4'				: ['/images/gallery/kitchen_4.jpg',					375, 500],
	'kitchen_5'				: ['/images/gallery/kitchen_5.jpg',					760, 500],
	'bedroom_1'				: ['/images/gallery/bedroom_1.jpg',					750, 500],
	'bedroom_2'				: ['/images/gallery/bedroom_2.jpg',					667, 500],
	'bedroom_3'				: ['/images/gallery/bedroom_3.jpg',					728, 500],
	'bedroom_4'				: ['/images/gallery/bedroom_4.jpg',					753, 500],
	'bathroom_1'			: ['/images/gallery/bathroom_1.jpg',				667, 500],
	'bathroom_2'			: ['/images/gallery/bathroom_2.jpg',				753, 500],
	'bathroom_3'			: ['/images/gallery/bathroom_3.jpg',				333, 500],
	'office_1'				: ['/images/gallery/office_1.jpg',					667, 500],
	'office_2'				: ['/images/gallery/office_2.jpg',					750, 500]
};

var openwin;

function showimagefull (u)
{
	openwin = window.open('http://www.maidsathome.co.uk/' + imageDim[u][0], 'noid', '');
	openwin.focus();
};

/***********************************************
* Conveyor belt slideshow script-  Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
															
//Specify the slider's width (in pixels)
var sliderwidth="572px"

//Specify the slider's height
var sliderheight="80px"

//Specify the slider's slide speed (larger is faster 1-10)
var slidespeed=1

//configure background color:
slidebgcolor="#FFFFFF"

//Specify the slider's images
var leftrightslide=new Array()
var finalslide=''

leftrightslide[0]='<a href="javascript:showimagefull(\'living_room_1\');" rel="facebox"><img src="images/slides/living_room_1.jpg" border="0"></a>'
leftrightslide[1]='<a href="javascript:showimagefull(\'living_room_2\');" rel="facebox"><img src="images/slides/living_room_2.jpg" border="0"></a>'
leftrightslide[2]='<a href="javascript:showimagefull(\'living_room_3\');" rel="facebox"><img src="images/slides/living_room_3.jpg" border="0"></a>'
leftrightslide[3]='<a href="javascript:showimagefull(\'living_room_4\');" rel="facebox"><img src="images/slides/living_room_4.jpg" border="0"></a>'
leftrightslide[4]='<a href="javascript:showimagefull(\'living_room_5\');" rel="facebox"><img src="images/slides/living_room_5.jpg" border="0"></a>'
leftrightslide[5]='<a href="javascript:showimagefull(\'dinning_room_1\');" rel="facebox"><img src="images/slides/dinning_room_1.jpg" border="0"></a>'
leftrightslide[6]='<a href="javascript:showimagefull(\'kitchen_1\');" rel="facebox"><img src="images/slides/kitchen_1.jpg" border="0"></a>'
leftrightslide[7]='<a href="javascript:showimagefull(\'kitchen_2\');" rel="facebox"><img src="images/slides/kitchen_2.jpg" border="0"></a>'
leftrightslide[8]='<a href="javascript:showimagefull(\'kitchen_3\');" rel="facebox"><img src="images/slides/kitchen_3.jpg" border="0"></a>'
leftrightslide[9]='<a href="javascript:showimagefull(\'kitchen_4\');" rel="facebox"><img src="images/slides/kitchen_4.jpg" border="0"></a>'
leftrightslide[10]='<a href="javascript:showimagefull(\'kitchen_5\');" rel="facebox"><img src="images/slides/kitchen_5.jpg" border="0"></a>'
leftrightslide[11]='<a href="javascript:showimagefull(\'bedroom_1\');" rel="facebox"><img src="images/slides/bedroom_1.jpg" border="0"></a>'
leftrightslide[12]='<a href="javascript:showimagefull(\'bedroom_2\');" rel="facebox"><img src="images/slides/bedroom_2.jpg" border="0"></a>'
leftrightslide[13]='<a href="javascript:showimagefull(\'bedroom_3\');" rel="facebox"><img src="images/slides/bedroom_3.jpg" border="0"></a>'
leftrightslide[14]='<a href="javascript:showimagefull(\'bedroom_4\');" rel="facebox"><img src="images/slides/bedroom_4.jpg" border="0"></a>'
leftrightslide[15]='<a href="javascript:showimagefull(\'bathroom_1\');" rel="facebox"><img src="images/slides/bathroom_1.jpg" border="0"></a>'
leftrightslide[16]='<a href="javascript:showimagefull(\'bathroom_2\');" rel="facebox"><img src="images/slides/bathroom_2.jpg" border="0"></a>'
leftrightslide[17]='<a href="javascript:showimagefull(\'bathroom_3\');" rel="facebox"><img src="images/slides/bathroom_3.jpg" border="0"></a>'
leftrightslide[18]='<a href="javascript:showimagefull(\'office_1\');" rel="facebox"><img src="images/slides/office_1.jpg" border="0"></a>'
leftrightslide[19]='<a href="javascript:showimagefull(\'office_2\');" rel="facebox"><img src="images/slides/office_2.jpg" border="0"></a>'
															
//Specify gap between each image (use HTML):
var imagegap=" "
															
//Specify pixels gap between each slideshow rotation (use integer):
var slideshowgap=5
															
////NO NEED TO EDIT BELOW THIS LINE////////////
var copyspeed=slidespeed
leftrightslide='<nobr>'+leftrightslide.join(imagegap)+'</nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>')
var actualwidth=''
var cross_slide, ns_slide

function fillup()
{
	if (iedom)
	{
		cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
		cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
		cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
		actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
		cross_slide2.style.left=actualwidth+slideshowgap+"px"
	}
	else if (document.layers)
	{
		ns_slide=document.ns_slidemenu.document.ns_slidemenu2
		ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
		ns_slide.document.write(leftrightslide)
		ns_slide.document.close()
		actualwidth=ns_slide.document.width
		ns_slide2.left=actualwidth+slideshowgap
		ns_slide2.document.write(leftrightslide)
		ns_slide2.document.close()
	}
	
	lefttime=setInterval("slideleft()",30)
}

window.onload=fillup

function slideleft()
{
	if (iedom)
	{
		if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
		cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"
		else
		cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slideshowgap+"px"
		
		if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
		cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"
		else
		cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slideshowgap+"px"
	}
	else if (document.layers)
	{
		if (ns_slide.left>(actualwidth*(-1)+8))
		ns_slide.left-=copyspeed
		else
		ns_slide.left=ns_slide2.left+actualwidth+slideshowgap
			
		if (ns_slide2.left>(actualwidth*(-1)+8))
		ns_slide2.left-=copyspeed
		else
		ns_slide2.left=ns_slide.left+actualwidth+slideshowgap
	}
}
	
if (iedom||document.layers)
{
	with (document)
	{
		document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
			
		if (iedom)
		{
			write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">')
			write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">')
			write('<div id="test2" style="position:absolute;left:0px;top:0px"></div>')
			write('<div id="test3" style="position:absolute;left:-1000px;top:0px"></div>')
			write('</div></div>')
		}
		else if (document.layers)
		{
			write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>')
			write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
			write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
			write('</ilayer>')
		}
			
		document.write('</td></table>')
	}
}