var counter=800;//so that itemc can be started in place, in case javascript isn't running
var op_a=0;
var op_b=0;
var op_c=100;
var op_d=0;
var op_e=0;
var op_f=0;
var op_g=0;
var op_h=0;
var op_i=0;
var op_j=0;

var leftmove=0;
var leftstart=450;//item7 starting position (tank movement)

var rightmove=0;
var rightstart=600;//item6 starting position (plane movement)

var rotating=false;

function fader(){

	var itema=document.getElementById('headpic1');
	var itemb=document.getElementById('headpic2');
	var itemc=document.getElementById('headpic3');
	
	var itemd=document.getElementById('headpic4');
	var iteme=document.getElementById('headpic5');
	var itemf=document.getElementById('headpic6');
	
	var itemg=document.getElementById('headpic7');
	var itemh=document.getElementById('headpic8');
	var itemi=document.getElementById('headpic9');
	
	itema.style.display='block';
	itemb.style.display='block';
	itemc.style.display='block';
	itemd.style.display='block';
	iteme.style.display='block';
	itemf.style.display='block';
	itemg.style.display='block';
	itemh.style.display='block';
	itemi.style.display='block';

	counter++;
	if(counter>2800){
		counter=0;
		leftmove=0;
		rightmove=0;
	}
	if(op_a<0){op_a=0;}
	if(op_b<0){op_b=0;}
	if(op_c<0){op_c=0;}
	if(op_d<0){op_d=0;}
	if(op_e<0){op_e=0;}
	if(op_f<0){op_f=0;}
	if(op_g<0){op_g=0;}
	if(op_h<0){op_h=0;}
	if(op_i<0){op_i=0;}
	
	
	if(counter>0 && counter<100){op_a++;}
	if(counter>300){op_a--;}
	
	if(counter>300 && counter<400){op_b++;}
	if(counter>600){op_b--;}
	
	if(counter>600 && counter<700){op_c++;}
	if(counter>900){op_c--;}
	
		
	if(counter>900 && counter<1000){op_d++;}
	if(counter>1200){op_d--;}

	if(counter>1200 && counter<1300){op_e++;}
	if(counter>1500){op_e--;}

	if(counter>1500 && counter<1600){op_f++;}
	if(counter>1800){op_f--;}

	
	if(counter>1800 && counter<1900){op_g++;}
	if(counter>2100){op_g--;}
	
	if(counter>2100 && counter<2200){op_h++;}
	if(counter>2400){op_h--;}
	
	if(counter>2400 && counter<2500){op_i++;}
	if(counter>2700){op_i--;}
	
	
	if(counter>1500 && rightmove<300){rightmove+=0.5;}
	if(counter>1900 && leftmove<400){leftmove++;}
	
	itema.style.opacity=(op_a/100);//for firefox
	itema.style.filter = "alpha(opacity:"+op_a+")";//for ie	
	
	itemb.style.opacity=(op_b/100);//for firefox
	itemb.style.filter = "alpha(opacity:"+op_b+")";//for ie
	
	itemc.style.opacity=(op_c/100);//for firefox
	itemc.style.filter = "alpha(opacity:"+op_c+")";//for ie	
	
	itemd.style.opacity=(op_d/100);//for firefox
	itemd.style.filter = "alpha(opacity:"+op_d+")";//for ie
	
	iteme.style.opacity=(op_e/100);//for firefox
	iteme.style.filter = "alpha(opacity:"+op_e+")";//for ie
	
	itemf.style.opacity=(op_f/100);//for firefox
	itemf.style.filter = "alpha(opacity:"+op_f+")";//for ie
	itemf.style.left=(rightstart + rightmove) + "px";
	
	itemg.style.opacity=(op_g/100);//for firefox
	itemg.style.filter = "alpha(opacity:"+op_g+")";//for ie
	itemg.style.left=(leftstart - leftmove) + "px";

	itemh.style.opacity=(op_h/100);//for firefox
	itemh.style.filter = "alpha(opacity:"+op_h+")";//for ie
	
	itemi.style.opacity=(op_i/100);//for firefox
	itemi.style.filter = "alpha(opacity:"+op_i+")";//for ie
		
	setTimeout('fader()',1);

}

function getNum(value){
	var n = parseInt(value);
	return n == null || isNaN(n) ? 0 : n;
}

var _current=1;
var _group=0;

function rotate(){
	var _box=document.getElementById("prod" + _group);
	var _image="img" + _group + "_" + _current;
	if(document.getElementById(_image)){
		var imgstring=document.getElementById(_image).value;
		var imgs=imgstring.split(";");
		if(imgs[0]!=""){
			var imgurl=imgs[0];
		}else{
			if(imgs[1]){
				var imgurl=imgs[1];
			}else{
				var imgurl="images/iStock_000000128335Small_130.jpg";
			}
		}
		
		_box.style.backgroundImage="url(" + imgurl + ")";
	}else{
		_box.style.backgroundImage="url(images/iStock_000000128335Small_130.jpg)";
	}
	setTimeout('rotate()',2000);
	_group++;
	if(!document.getElementById("prod" + _group)){
		_group=0;
		_current++;
	}
	if(_current>3){
		_current=0;
	}
}