// JavaScript Document
// -------------------------------------------------------------------
// Drop-in Slideshow Script- By Dynamic Drive, available at: http://www.dynamicdrive.com
// Last updated: March 9th, 2007
// -------------------------------------------------------------------

var _dropinslideshowcount=0
//Define Image Array. Syntax: ["image_path", "url_destination", "url_target"]
var myimages=new Array()
myimages[0]=["images/f1.png", "", "P&P Group."]
myimages[1]=["images/f2.png", "", "P&P Group."]
myimages[2]=["images/f3.png", "", "P&P Group."]

var imagescab=new Array()
imagescab[0]=["images/c1.gif", "", "P&P Group."]
imagescab[1]=["images/c2.gif", "", "P&P Group."]
imagescab[2]=["images/c3.gif", "", "P&P Group."]

var salud=new Array()
salud[0]=["images/s1.png", "", "P&P Group."]
salud[1]=["images/s2.png", "", "P&P Group."]
salud[2]=["images/s3.png", "", "P&P Group."]

var capac=new Array()
capac[0]=["images/cap1.jpg", "", "P&P Group."]
capac[1]=["images/cap2.jpg", "", "P&P Group."]
capac[2]=["images/cap3.jpg", "", "P&P Group."]
//Create new drop-in slideshow
//Syntax: new dropinslideshow(image_array, slideshow_width, slideshow_height, delay_before_rotation)
function dropinslideshow(imgarray, w, h, delay)
{
	this.id="_dropslide"+(++_dropinslideshowcount) //Generate unique ID for this slideshow instance (automated)
	this.createcontainer(parseInt(w), parseInt(h))
	this.delay=delay
	this.imgarray=imgarray
	var preloadimages=[]
	for (var i=0; i<imgarray.length; i++)
	{
		preloadimages[i]=new Image()
		preloadimages[i].src=imgarray[i][0]
	}
	this.animatestartpos=parseInt(h)*(-1) //Starting "top" position of an image before it drops in
	this.slidedegree=10 //Slide degree (> is faster)
	this.slidedelay=30 //Delay between slide animation (< is faster)
	this.activecanvasindex=0 //Current "active" canvas- Two canvas DIVs in total
	this.curimageindex=0
	this.zindex=100
	this.isMouseover=0
	this.init()
}

dropinslideshow.prototype.createcontainer=function(w, h)
{	
document.write('<div id="'+this.id+'" style="position:relative; width:'+w+'%; height:'+h+'px; overflow:hidden; ">')
document.write('<div style="position:absolute; width:'+w+'%; height:'+h+'px; top:0;"></div>')
document.write('<div style="position:absolute; width:'+w+'%; height:'+h+'px; top:-'+h+'px;"></div>')
	//document.write('<div class="vinetapres"><a href="index.php?accion=0&mnuv=1"><img class="expando" src="cascaras/pistacho/home.png" alt="Home" border="0" width="20" height="20"/></a><a href="index.php?accion=90&mnuv=$mnuv&mnuh=$mnuh&link=$link"><img class="expando" src="cascaras/pistacho/desconecta.png" alt="Salir" border="0" width="20" height="20"/></a></div>')
document.write('</div>')
this.slideshowref=document.getElementById(this.id)
this.canvases=[]
this.canvases[0]=this.slideshowref.childNodes[0]
this.canvases[1]=this.slideshowref.childNodes[1]
}

dropinslideshow.prototype.populatecanvas=function(canvas, imageindex)
{
	var imageHTML='<img src="'+this.imgarray[imageindex][0]+'" style="border: 0" />'
	if (this.imgarray[imageindex][1]!="")
		imageHTML='<a href="'+this.imgarray[imageindex][1]+'" target="'+this.imgarray[imageindex][2]+'">'+imageHTML+'</a>'
	canvas.innerHTML=imageHTML
}


dropinslideshow.prototype.animateslide=function(){
	if (this.curimagepos<0)
	{ //if image hasn't fully dropped in yet
		this.curimagepos=this.curimagepos+this.slidedegree
		this.activecanvas.style.top=this.curimagepos+"px"
	}
	else
	{
		clearInterval(this.animatetimer)
		this.activecanvas.style.top=0
		this.setupnextslide()
		var slideshow=this
		setTimeout(function(){slideshow.rotateslide()}, this.delay)
	}
}


dropinslideshow.prototype.setupnextslide=function()
{
	this.activecanvasindex=(this.activecanvasindex==0)? 1 : 0
	this.activecanvas=this.canvases[this.activecanvasindex]
	this.activecanvas.style.top=this.animatestartpos+"px"
	this.curimagepos=this.animatestartpos
	this.activecanvas.style.zIndex=(++this.zindex)
	this.curimageindex=(this.curimageindex<this.imgarray.length-1)? this.curimageindex+1 : 0
	this.populatecanvas(this.activecanvas, this.curimageindex)
}

dropinslideshow.prototype.rotateslide=function()
{
	var slideshow=this
	if (this.isMouseover)
		setTimeout(function(){slideshow.rotateslide()}, 50)
	else
		this.animatetimer=setInterval(function(){slideshow.animateslide()}, this.slidedelay)
}

dropinslideshow.prototype.init=function()
{
	var slideshow=this
	this.populatecanvas(this.canvases[this.activecanvasindex], 0)
	this.setupnextslide()
	this.slideshowref.onmouseover=function(){slideshow.isMouseover=1}
	this.slideshowref.onmouseout=function(){slideshow.isMouseover=0}
	setTimeout(function(){slideshow.rotateslide()}, this.delay)
}