var intervalID;

var userSetTimeout = false;/*

var images = new Array(4);

for (i=0; i <4; i++)

images[i]=new Array(5) 



images[0][0] = "1.jpg";

images[0][1] = "title1";

images[0][2] = "description1";

images[0][3] = "/url1";





images[1][0] = "2.jpg";

images[1][1] = "title2";

images[1][2] = "description2";

images[1][3] = "/url2";





images[2][0] = "3.jpg";

images[2][1] = "title3";

images[2][2] = "description3";

images[2][3] = "url3";





images[3][0] = "4.jpg";

images[3][1] = "title4";

images[3][2] = "description4";

images[3][3] = "url4";*/





var currentImg = 0;



function nextImg() {
	if (currentImg != 3) {var newImg = currentImg + 1;}else{var newImg = 0;}
	//alert('next img ' + newImg);
	usersetImg(newImg);
}



function prevImg() {
	if (currentImg != 0) {var newImg = currentImg - 1;}else{var newImg = 3;}
	//alert('prev img ' + newImg);
	usersetImg(newImg);
}



function nextElem(id, pos){
	if (id+pos > 3) {return id+pos-4}else{return id+pos}
}



function usersetImg(id)
{
	setImg(id);
	rotate(10000);
	userSetTimeout = true;
}



function setImg(id){
	//alert ('set Img ' + id);
	if (currentImg != id){
	//change text
	document.getElementById('imgtext').innerHTML = '<a href="'+images[id][3]+'"><h1>'+images[id][1]+'</h1></a><br/><a href="'+images[id][3]+'">'+images[id][2]+'</a>';
	

	//facem 4 blenduri si setam imaginea inapoi
	blendimage('img1','img1_i', '/img/promo/big/'+images[id][0],600);
	blendimage('img2','img2_i', '/img/promo/small/'+images[nextElem(id,1)][0],600);
	blendimage('img3','img3_i', '/img/promo/small/'+images[nextElem(id,2)][0],600);
	blendimage('img4','img4_i', '/img/promo/small/'+images[nextElem(id,3)][0],600);
	//alert(images[id][0]);

	//mark current button
	var but_id = id+1;
	for(i = 1; i <= 4; i++) { 
		document.getElementById("but"+i).setAttribute("class", "but");
    } 
	document.getElementById("but"+but_id).setAttribute("class", "but_on");	

	//set image URLs

	document.getElementById('img1').getElementsByTagName('a')[0].setAttribute("href", images[id][3]);
	document.getElementById('img2').getElementsByTagName('a')[0].setAttribute("href", 'javascript:usersetImg('+nextElem(id,1)+');');
	document.getElementById('img3').getElementsByTagName('a')[0].setAttribute("href", 'javascript:usersetImg('+nextElem(id,2)+');');
	document.getElementById('img4').getElementsByTagName('a')[0].setAttribute("href", 'javascript:usersetImg('+nextElem(id,3)+');');

	
	currentImg = id;

	

	}

		if (userSetTimeout){

			rotate(5000);

		}

}



function rotate(time){

	var timeInt;

	if (time) {timeInt = time;}else{timeInt = 5000}

	

	clearInterval(intervalID);

	intervalID = setInterval ( "setImg(nextElem(currentImg,1))", timeInt );

}



function blendimage(divid, imageid, imagefile, millisec) { 

    var speed = Math.round(millisec / 100); 
    var timer = 0;      

    //set the current image as background 
    document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";      

    //make image transparent 
    changeOpac(0, imageid);      

    //make new image 
    document.getElementById(imageid).src = imagefile; 

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


//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 + ")"; 
}