//Set the array of big images using on site
var bimgs = ['bimg_1.jpg','bimg_2.jpg'];
var pointer = 0;
var millisec = 1000;
var timeout = 3000;

function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}

function blendimage(buttonid) {
    var speed = Math.round(millisec / 100);
    var timer = 0;
    
    //set the current image as background
    document.getElementById('blenddiv').style.backgroundImage = "url(" + document.getElementById('blendimage').src + ")";
    
    //make image transparent
    changeOpac(0, 'blendimage');
    
    if (buttonid == 'next')
    {
    	pointer++;
    	if (pointer > (bimgs.length - 1) ) pointer = 0;
    	//timeout = 5000;
    	
    	//document.getElementById('next').style.display = 'none';
    	//document.getElementById('prev').style.display = '';
    }
    else if (buttonid == 'prev')
    {
    	pointer--;
    	if (pointer < 0) pointer = bimgs.length - 1;
    	//timeout = 5000;
    	
    	//document.getElementById('prev').style.display = 'none';
    	//document.getElementById('next').style.display = '';
    }
    //make new image
    document.getElementById('blendimage').src = '/i/'+bimgs[pointer];

    //fade in image
    for(i = 0; i <= 100; i++) {
        setTimeout("changeOpac(" + i + ",'blendimage')",(timer * speed));
        timer++;
    }
}

function autoScrolling() {
	  var speed = Math.round(millisec / 100);
    var timer = 0;
    
    //set the current image as background
    document.getElementById('blenddiv').style.backgroundImage = "url(" + document.getElementById('blendimage').src + ")";
    
    //make image transparent
    changeOpac(0, 'blendimage');
    
  	pointer++;
  	if (pointer > (bimgs.length - 1) ) pointer = 0;
    
    //make new image
    document.getElementById('blendimage').src = '/i/'+bimgs[pointer];

    //fade in image
    for(i = 0; i <= 100; i++) {
        setTimeout("changeOpac(" + i + ",'blendimage')",(timer * speed));
        timer++;
    }
    
    window.setTimeout('autoScrolling()', timeout);
}