// JavaScript Document
var imageWidth = 945;
var imageHeight = 497;
var imageTimeout = 6000;
var nextImage = 1;
var faedImageId;
var IntervalId;
var totNOImage = 0;
var images = new Array();

function makePOSTRequest(url, parameters) {
	http_request = false;
    if (window.XMLHttpRequest) { // Mozilla, Safari,...
    	http_request = new XMLHttpRequest();
        if (http_request.overrideMimeType) {
            http_request.overrideMimeType('text/html');
        }
    }
	else if (window.ActiveXObject) { // IE
        try {
    	    http_request = new ActiveXObject("Msxml2.XMLHTTP");
        }
		catch(e){
        	try {
            	http_request = new ActiveXObject("Microsoft.XMLHTTP");
            }
			catch(e){}
        }
	}
    if (!http_request) {
    	alert('Cannot create XMLHTTP instance');
        return false;
    }	
    http_request.onreadystatechange = alertContents;
    http_request.open('POST', url, true); // SET method to GET or POST according to form method specified
    http_request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    http_request.setRequestHeader("Content-length", parameters.length);
    http_request.setRequestHeader("Connection", "close");
    http_request.send(parameters);	
}

function alertContents() {
	if (http_request.readyState == 4) {
		returnVal = http_request.responseText;
		images = returnVal.split("#");
		totNOImage = images.length
		
		pageLoad();
	}
	else {
		if(document.getElementById('fading_image_container')) document.getElementById('fading_image_container').innerHTML = '<img src="fileadmin/templates/images/loading.gif">';
	}
}

function callAjax(){
	var x = document.URL.indexOf('www');
	if(x == -1) makePOSTRequest("http://automationnext.com/index.php?id=34&no_cache=1", '');
	else makePOSTRequest("http://www.automationnext.com/index.php?id=34&no_cache=1", '');
}

function pageLoad() {
  var el = document.getElementById('fading_image_container');
  while (el.firstChild) { 
  el.removeChild(el.firstChild); 
  }

  el.style.width = imageWidth + 'px';
  el.style.height = imageHeight + 'px';

  for(var i=0; i<totNOImage; i++) {
  
  var imgid = 'img' + i;

    var t = document.createElement('IMG');
    t.setAttribute('src','fileadmin/homepage_images/'+images[i]);
    t.setAttribute('width',imageWidth);
    t.setAttribute('height',imageHeight);
	t.setAttribute('id',imgid);
    t.style.position = 'absolute';
    //t.style.visibility = 'hidden';	
    el.appendChild(t);
	if( i!=0){
	 changeOpac(0, imgid)
	}
	
  }

 	el.firstChild.style.visibility = 'visible';
	faedImageId = 'img1';
}
	var targetImgId = 1;
	faedImageId = 'img' + targetImgId;  
	IntervalId = setInterval("imageFadeOut(faedImageId)", imageTimeout); 
	  
function imageFadeOut(imageId){
	Effect.Appear(imageId, { duration: 3.0 });
	
	if(targetImgId == 0){
	var hideId = 'img' + (images.length-1);
	}
	else{
	var hideId = 'img' + (targetImgId - 1);
	}
	targetImgId++;	
		if( targetImgId > images.length-1 ){
			targetImgId = 0;
		}		
	faedImageId = 'img'+targetImgId;
	Effect.Fade(hideId, { duration: 3.0 });
}

function stopInterval(no){
	var targetDivId = "showHide" + no;
	clearInterval(IntervalId);
	document.getElementById(targetDivId).style.display = "block";
}

function startInterval(no){
	var targetDivId = "showHide" + no;
	IntervalId = setInterval("imageFadeOut(faedImageId)", imageTimeout); 
	document.getElementById(targetDivId).style.display = "none";
}

//change the opacity for different browsers
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 + ")";
}