function Scaler(id,els){
	var hold=id.innerHTML?id:document.getElementById(id),imgs=hold.getElementsByTagName('img'),els=[],index=0;					//Get images and set current index
	for(var n=hold.firstChild;n;n=n.nextSibling)if(n.nodeType===1&&n!==hold)els.push(n);										//Get hold children
	var resize=function(to){
		var to=((to==='+1'?index+1:(to==='-1'?index-1:(isNaN(to)?index:to)))%imgs.length),to;									//Get current index
		var i=imgs[to=to<0?imgs.length-1:to],nw=Math.round(document.body.clientHeight*(i.offsetWidth/i.offsetHeight));			//Get img and calculate new width
		i.style.width=(i.offsetWidth>i.offsetHeight&&document.body.clientWidth>nw)?'50%':nw+'px';								//Scale by css if possible
		return {from:index,to:index=to,els:els};
	}

	if(window.attachEvent){window.attachEvent('onload',resize);window.attachEvent('onresize',resize)}							//Attact events IE
	else{																														//Attact events others
		window.addEventListener('load',resize,false);
		window.addEventListener('resize',resize,false);
		window.addEventListener('DOMContentLoaded',resize,false);
	}
	return resize;
};

/*
 * How to use:
 * 
 * var myscaler=Scale('id-of-the-container-element',[elements to swap]);	// Bind events and return a scale function
 * myscaler(3);																// Swap to image with index 3
 * myscaler('+1');															// Go to next image (loops to first if current is the end of gallery)
 * myscaler('-1');															// Go to previous image (loops to last if current is the first of gallery)
 * 
 * See example.js for a simple example implementation
 */