/*
 * Wingit.js
 * Use javascript to add wings to website.
 */
addEvent(window, 'load', initer);

var leftwing;
var rightwing;
var container_width;

function initer() {
	addElement();
	resized();
	addEvent(window, 'resize', resized);
	fixPNGs();
}
function resized() {

	var cleft = document.getElementById('container').offsetLeft;

	var leftwing_x = cleft-223;
	var rightwing_x = cleft+container_width;

	leftwing.style.left = leftwing_x+'px';
	rightwing.style.left = rightwing_x+'px';

	var windowWidth = window.innerWidth;
	if(windowWidth == null) {
		windowWidth = document.documentElement.clientWidth+17;
	}

	var roomForRight = windowWidth-rightwing_x;
	if(roomForRight <240 && roomForRight > 1) {
		rightwing.style.width = roomForRight-17+'px';
	}
	if(roomForRight >= 240) {
		rightwing.style.width = '223px';
	}
	if(roomForRight <= 1) {
		rightwing.style.width = '0px';
	}
	if(windowWidth <= container_width) {
		rightwing.style.width = '0px';
	}
}	
function addElement() {

	var cleft = document.getElementById('container').offsetLeft;
	container_width = document.getElementById('container').clientWidth;
	var cright = cleft+container_width;
	
	var leftwing_x = cleft-223;
	var rightwing_x = cleft+container_width;
	
	var leftwing_str = '<div id="left-wing" style="background:url(\'/images/wings/wing02-l.png\') no-repeat;width:223px;height:620px;position:absolute;top:30px;left:'+leftwing_x+'px;"></div>';
	var rightwing_str = '<div id="right-wing" style="background:url(\'/images/wings/wing02-r.png\') no-repeat;width:223px;height:620px;position:absolute;top:30px;left:'+rightwing_x+'px;"></div>';
	
//	leftwing = document.createElement('div');
//	rightwing = document.createElement('div');
//	leftwing.setAttribute('id','left-wing');
//	leftwing.setAttribute('style','background: url(\'/images/temp/leftwing.jpg\'); width:150px; height:488px;position:absolute;top:40px;left:'+leftwing_x+'px;');
//	rightwing.setAttribute('id','right-wing');
//	rightwing.setAttribute('style','background: url(\'/images/temp/rightwing.jpg\'); width:150px; height:488px;position:absolute;top:40px;left:'+rightwing_x+'px;');
	

//	document.body.appendChild(leftwing);
//	document.body.appendChild(rightwing);	
	
	document.getElementById('extra').innerHTML = document.getElementById('extra').innerHTML + leftwing_str + rightwing_str;
//	document.body.innerHTML = document.body.innerHTML + leftwing_str + rightwing_str;
	leftwing = document.getElementById('left-wing');
	rightwing = document.getElementById('right-wing');

	var a1 = '<a style="display: block; width: 100%; height: 100%;" href="http://www.albumworks.com.au/free-software-download.html"></a>';
	var a2 = '<a style="display: block; width: 100%; height: 100%;" href="http://www.albumworks.com.au/free-software-download.html"></a>';
	leftwing.innerHTML = leftwing.innerHTML + a1;
	rightwing.innerHTML = rightwing.innerHTML + a2;
}
function addEvent(obj, evType, fn){ 
	if (obj.addEventListener){ 
		obj.addEventListener(evType, fn, false); 
		return true; 
	} else if (obj.attachEvent){ 
		var r = obj.attachEvent("on"+evType, fn); 
		return r; 
	} else { 
		return false; 
	} 
}