<!-- beginning of javascript -
// the width of your images (pixels). all pictures should have the same width.
var imgwidth=500;

// the height of your images (pixels). all pictures should have the same height.
var imgheight=375;

// the horizontal and vertical position of the images (pixels).
var pos_left=0;
var pos_top=0;

// the name of your images. you may add as many images as you like.
//6-7-8-9 s.
var imgname=new Array();

imgname[0]="images/portada/1.gif";
imgname[1]="images/portada/2.gif";
imgname[2]="images/portada/6.gif";

imgname[3]="images/portada/3.gif";
imgname[4]="images/portada/4.gif";
imgname[5]="images/portada/7.gif";

imgname[6]="images/portada/5.gif";
imgname[7]="images/portada/10.gif";
imgname[8]="images/portada/8.gif";

imgname[12]="images/portada/14.gif";
imgname[13]="images/portada/15.gif";
imgname[14]="images/portada/13.gif";

imgname[9]="images/portada/11.gif";
imgname[10]="images/portada/12.gif";
imgname[11]="images/portada/9.gif";


// this block will preload your images. do not edit this block.
var imgpreload=new Array();
for (i=0;i<=imgname.length-1;i++) {
	imgpreload[i]=new Image();
	imgpreload[i].src=imgname[i];
}

// standstill-time between the images (microseconds).
var pause=2000;

// speed of the stretching and shrinking effect. more means slower.
var speed=20;

// this variable also affects the speed (the length of the step between each inmage-frame measured in pixels). more means faster.
var step=10;

// do not edit the script below
var i_loop=0;
var i_image1=0;
var i_image2=1;


function stretchimage() {
	var span1= document.getElementById('imgcontainer1');
	var span2= document.getElementById('imgcontainer2');
	
	if (i_loop<=imgwidth) {
		if (span1 && span2) {
			span1.innerHTML="<img width='"+i_loop+"' height='"+imgheight+"' src='"+imgname[i_image1]+"' border='0'>";
			span2.style.posleft=span1.style.posleft+i_loop;
			span2.innerHTML="<img width='"+(imgwidth-i_loop)+"' height='"+imgheight+"' src='"+imgname[i_image2]+"' border='0'>";
		}
		i_loop=i_loop+step;
		var timer=setTimeout("stretchimage()",speed);
	}
	else {
		clearTimeout(timer);
		changeimage();
	}
}

function changeimage() {
	var span1= document.getElementById('imgcontainer1');
	var span2= document.getElementById('imgcontainer2');
	
	i_loop=0;
	i_image1++;
	if (i_image1>imgname.length-1){
		i_image1=0;
	}
	i_image2=i_image1-1;
	if (i_image2>imgname.length-1) {i_image2=0;}
	if (i_image2<0) {i_image2=imgname.length-1;}
	
	span2.style.posleft = span1.style.posleft;
	var timer = setTimeout("stretchimage()",pause);
}

function initiate() {
	var span1= document.getElementById('imgcontainer1');
	var span2= document.getElementById('imgcontainer2');
	if (span1 && span2) {
		span1.style.posleft=pos_left;
		span2.style.posleft=pos_left;
		span1.style.postop=pos_top;
		span2.style.postop=pos_top;
		changeimage();
	}
	if (document.layers) {
		span1.left=pos_left;
		span2.left=pos_left;
		span1.top=pos_top;
		span2.top=pos_top;
		rotatenetscape();
	}
}

function rotatenetscape() {
	var span1= document.getElementById('imgcontainer1');
	var span2= document.getElementById('imgcontainer2');
	
	span1.document.write("<img src='"+imgname[i_image1]+"' border='0'>");
	span1.document.close();
	i_image1++;
	if (i_image1>imgname.length-1) {i_image1=0;}
	var timer=setTimeout("rotatenetscape()",pause*2);
}
