(function(){
	var bg=document.getElementById('bg'),float=document.createElement('span');
	var one=document.getElementById('one');
	var two=document.getElementById('two');
	var three=document.getElementById('three');
	var four=document.getElementById('four');
	var five=document.getElementById('five');
	var six=document.getElementById('six');
	var seven=document.getElementById('seven');




	var scale=Scaler('bg'),																							//Create and bind scaler-function
		addEvent=function(el,on,fn){el.attachEvent?el.attachEvent('on'+on,fn):el.addEventListener(on,fn,false)},	//Function for cross-borwser addEvent
		move=function(e){
			float.style.left=(e=e||window.event).clientX+20+'px';
			float.style.top=e.clientY+'px';
			if(float._next!=(e.clientX>(document.body.offsetWidth/2)))float.innerHTML=(float._next=!float._next)?'NEXT':'PREVIOUS';	//Change html onlyt if needed
		},
		swap=function(e){
			var key=(e=e||window.event).type=='click'?(e.clientX>(document.body.clientWidth/2)?40:37):e.keyCode;
			if(key>36&&key<41)scale(key>38?'+1':'-1');
		}
		nav1=function(id){
			scale(0);
		}
		nav2=function(id){
			scale(1);
		}
		nav3=function(id){
			scale(2);
		}
		nav4=function(id){
			scale(3);
		}
		nav5=function(id){
			scale(4);
		}
		nav6=function(id){
			scale(5);
		}
		nav7=function(id){
			scale(6);
		}
		

	addEvent(window,'keydown',swap);
	addEvent(bg,'mouseout',function(){float.style.display='none'});													//Hide floater when not over image
	addEvent(bg,'mouseover',function(){float.style.display='block'});
	addEvent(bg,'mousemove',move);
	addEvent(bg,'click',swap);
	addEvent(one,'click',nav1);
	addEvent(two,'click',nav2);
	addEvent(three,'click',nav3);
	addEvent(four,'click',nav4);
	addEvent(five,'click',nav5);
	addEvent(six,'click',nav6);
	addEvent(seven,'click',nav7);





	float.style.position='absolute';
	float.style.zIndex='2';
	float.style.color='#fff';
	bg.style.cursor='pointer';
	bg.appendChild(float);
})();