Img1 = new Image (520,220);
Img1.src="http:\/\/aer-conditionat.org/images/produse/carusel/1.jpg";
Img2 = new Image (520,220);
Img2.src="http:\/\/aer-conditionat.org/images/produse/carusel/2.jpg";
Img3 = new Image (520,220);
Img3.src="http:\/\/aer-conditionat.org/images/produse/carusel/3.jpg";
Img4 = new Image (520,220);
Img4.src="http:\/\/aer-conditionat.org/images/produse/carusel/4.jpg";
Img5 = new Image (520,220);
Img5.src="http:\/\/aer-conditionat.org/images/produse/carusel/5.jpg";

var delay=3000;
var imgPath="http:\/\/aer-conditionat.org/images/produse/carusel/";

var Imgs = Array('1.jpg','2.jpg','3.jpg','4.jpg','5.jpg');
var paths = Array('http://aer-conditionat.org/aer-conditionat-ferroli-new-smile-7000-pc7-p-61.html','http://aer-conditionat.org/aer-conditionat-ferroli-sorriso-9000-pc10-p-221.html','http://aer-conditionat.org/aer-conditionat-ferroli-new-smile-9000-pc7-p-62.html','http://aer-conditionat.org/aer-conditionat-ferroli-sorriso-12000-pc10-p-222.html', 'http://aer-conditionat.org/aer-conditionat-ferroli-new-smile-12000-pc7-p-63.html');
var names = Array('Oferta Speciala <br /><b><em>Aer conditionat</em><br /> 7000 btu</b>','Oferta Speciala <br /><b><em>Aer conditionat</em><br /> 9000 btu</b>', 'Oferta Speciala <br /><b><em>Aer conditionat</em><br /> 9000 btu</b>', 'Oferta Speciala <br /><b><em>Aer conditionat</em><br /> 12000 btu</b>', 'Oferta Speciala <br /><b><em>Aer conditionat</em><br /> 12000 btu</b>');
var current_class="promo-current";

var tmout;
var timer_activ=0;
var counter=0;
var imgObj;
var aObj;

var clearClass = function(){
	for (i=0;i<Imgs.length;i++)
		$('elm_'+i).removeClassName(current_class);
}



var changePic = function(){
	counter++;
	counter = counter%(Imgs.length);
	//schimb poza
	imgObj.src=imgPath+Imgs[counter];
	//schimb href
	aObj.href=paths[counter];
	//modific clasa curenta
	clearClass();
	$('elm_'+counter).addClassName(current_class);	
}

var mOver = function(evt,curr){
	//console.log(curr);
	imgObj.src=imgPath+Imgs[curr];
	aObj.href=paths[curr];
	counter=curr;
	clearInterval(tmout);
	timer_activ=0;
	//modific clasa curenta
	clearClass();
	$('elm_'+counter).addClassName(current_class);	
}
var createGallery= function(idContainer){
	imgObj = $$("#"+idContainer+" a img")[0]; //primul element img
	aObj=$$("#"+idContainer+" a")[0];
	var btn;
	for (i=0;i<Imgs.length;i++){
		btn = '<a class="promo-button';
		if (!i)
			btn+=' '+current_class;
		btn+='" id="elm_'+i+'" href="'+paths[i]+'" target="_blank">'+names[i]+'</a>';	
		Element.insert($(idContainer),btn);
		//onmouseover 
		
		$('elm_'+i).observe('mouseover', mOver.bindAsEventListener(this,i));
		$(imgObj).observe('mouseover', function(event){
  			clearInterval(tmout);
			timer_activ=0;
 		});
		
		//onmouseout
		$('elm_'+i).observe('mouseout', function(event){
  			if (!timer_activ){
				tmout = setInterval('changePic()',delay);
				timer_activ=1;
			}
 		});
		$(imgObj).observe('mouseout', function(event){
  			if (!timer_activ){
				tmout = setInterval('changePic()',delay);
				timer_activ=1;
			}
 		});
		
	}
	
	tmout = setInterval('changePic()',delay);
	timer_activ=1;
}

document.observe("dom:loaded", function() {
if($('gallery_container'))
createGallery('gallery_container');

});