//***************************************//
// Image Rotator Code                    //
// Code By: Abi Narayan                  //
// Web: http://www.bhutantech.com/       //
//***************************************//

var image_width='674px' 
var image_height='196px' 
var transaction=3000
var baseurl = 'http://www.thebhutantravel.com/wp-content/themes/thebhutantravel'

var fadeimages=new Array()
fadeimages[0]=baseurl+"/images/home-bhutan-pics-1.jpg"
fadeimages[1]=baseurl+"/images/home-bhutan-pics-2.jpg"
fadeimages[2]=baseurl+"/images/home-bhutan-pics-3.jpg"
fadeimages[3]=baseurl+"/images/home-bhutan-pics-4.jpg"
fadeimages[4]=baseurl+"/images/home-bhutan-pics-5.jpg"
fadeimages[5]=baseurl+"/images/home-bhutan-pics-6.jpg"
fadeimages[6]=baseurl+"/images/home-bhutan-pics-7.jpg"
fadeimages[7]=baseurl+"/images/home-bhutan-pics-8.jpg"
fadeimages[8]=baseurl+"/images/home-bhutan-pics-9.jpg"
fadeimages[9]=baseurl+"/images/home-bhutan-pics-10.jpg"
fadeimages[10]=baseurl+"/images/home-bhutan-pics-11.jpg"
fadeimages[11]=baseurl+"/images/home-bhutan-pics-12.jpg"
fadeimages[12]=baseurl+"/images/home-bhutan-pics-13.jpg"
fadeimages[13]=baseurl+"/images/home-bhutan-pics-14.jpg"
fadeimages[14]=baseurl+"/images/home-bhutan-pics-15.jpg"

var preloadedimages=new Array()
for (p=0;p<fadeimages.length;p++)
	{
		preloadedimages[p]=new Image()
		preloadedimages[p].src=fadeimages[p]
	}

var ie4=document.all
var dom=document.getElementById

	if (ie4||dom)
		document.write('<div style="position:relative;width:'+image_width+';height:'+image_height+';overflow:hidden; z-index:0;"><div  id="canvas0" style="position:absolute;width:'+image_width+';height:'+image_height+';top:0;left:0;filter:alpha(opacity=20);-moz-opacity:20"></div><div id="canvas1" style="position:absolute;width:'+image_width+';height:'+image_height+';top:0;left:0;filter:alpha(opacity=20);-moz-opacity:20; z-index:0;"></div></div>')
	else
		document.write('<img name="defaultslide" src="'+fadeimages[0]+'">')

	var curpos=20
	var degree=20
	var curcanvas="canvas0"
	var curimageindex=1
	var nextimageindex=0
	var nextimageindex=2
	var nextimageindex=3

function fadepic()
	{
		if (curpos<100)
			{
				curpos+=10
					if (tempobj.filters)
						tempobj.filters.alpha.opacity=curpos
					else if (tempobj.style.MozOpacity)
						tempobj.style.MozOpacity=curpos/100
			}
		else
			{
		clearInterval(dropslide)
		nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
		tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
		tempobj.innerHTML='<img src="'+fadeimages[nextimageindex]+'">'
		nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0
		setTimeout("rotateimage()",transaction)
		}
	}

function rotateimage()
	{
		if (ie4||dom)
	{
		resetit(curcanvas)
		var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
		crossobj.style.zIndex++
		var temp='setInterval("fadepic()",50)'
		dropslide=eval(temp)
		curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
	}
	else
		document.images.defaultslide.src=fadeimages[curimageindex]
		curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0
	}

function resetit(what)
	{
		curpos=10
		var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
	if (crossobj.filters)
		crossobj.filters.alpha.opacity=curpos
	else if (crossobj.style.MozOpacity)
		crossobj.style.MozOpacity=curpos/100
	}

function startit()
	{
		var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
		crossobj.innerHTML='<img src="'+fadeimages[curimageindex]+'">'
		rotateimage()
	}

	if (ie4||dom)
		window.onload=startit
	else
		setInterval("rotateimage()",transaction)