// <![CDATA[

// Aafing js for background image
// to prevent loadflickering the html is hidden immediately
if (document.getElementById) {
	document.write('<style type="text/css">');
	document.write('body #bg {display: block; visibility: visible}');
	document.write('</style>');
}

function resize() {
	var bg = document.getElementById('bg');
	if (bg) {
		bg.style.top = "0px";
		bg.style.right = "0px";
	}
}
setInterval('resize()', 100);


var dme = new function() {
	var background1 = new Image();
	var background2 = new Image();
	var background3 = new Image();
	var background4 = new Image();
	var background5 = new Image();
	var background6 = new Image();
	var text1 = "<h1>Stay in control<span>Thousands of phones - one boss</span</h1>"
	var text2 = "<h1>You win<span>One small effort - right in time</span</h1>"
	var text3 = "<h1>Business is now<span>Always on, always productive</span</h1>"
	var text4 = "<h1><span></span</h1>"
	var text5 = "<h1><span></span</h1>"
	var text6 = "<h1><span></span</h1>"
	
	// Public functions
	return {
		
		initialize : function() {
			dme.preloadBgImages();
			dme.findAllButtons();
			dme.findAllTextFields();
		},
		
		preloadBgImages : function() {
			background1.src = "/Files/System/bg_01.jpg";
			background2.src = "/Files/System/bg_03.jpg";
			background3.src = "/Files/System/bg_02.jpg";
			//background4.src = "/Files/System/bg_04.jpg";
			//background5.src = "/Files/System/bg_05.jpg";
			//background6.src = "/Files/System/bg_06.jpg";
		},
		
		changeBgImage : function(img) {
			if (img == "products") {
				document.getElementById("bg").src = background1.src;
				document.getElementById("catch_line").innerHTML = text1;
			}
			else if (img == "dme") {
				document.getElementById("bg").src = background2.src;
				document.getElementById("catch_line").innerHTML = text2;
				
			}
			else if (img == "benefit") {
				document.getElementById("bg").src = background3.src;				
				document.getElementById("catch_line").innerHTML = text3;
			}
		},
		
		findAllTextFields : function() {
			var ignore_fields_with_this_classname = 'no_bg';
			inputs = document.getElementsByTagName("input");
			
			for (var i = 0; i < inputs.length; i++) {
				if ((inputs[i].type == "text" || inputs[i].type == "password") && !(dme.hasClassName(inputs[i], ignore_fields_with_this_classname))) {
					inputs[i].className += inputs[i].className ? " text" : "text";
				}
			}
		},
		
		hasClassName : function(element, className) {
			if (!(element = element)) return;
			var elementClassName = element.className;
	    return (elementClassName.length > 0 && (elementClassName == className ||
	      new RegExp("(^|\\s)" + className + "(\\s|$)").test(elementClassName)));
		},
		
		findAllButtons : function() {
			if (!document.createElement && document.getElementsByTagName) {
				return;
			}
			
			// Find all buttons
			var all_buttons = document.getElementsByTagName('button');
			var buttons = new Array();
			
			for (var i = 0; i < all_buttons.length; i++) {
				buttons[buttons.length] = all_buttons[i];
			}
			
			for (var j = 0; j < buttons.length; j++) {
				buttons[j].onmouseover = dme.buttonOver;
				buttons[j].onmouseout = dme.buttonOut;
				buttons[j].onmousedown = dme.buttonDown;
				buttons[j].onmouseup = dme.buttonUp;
			}
		},
		
		buttonOver : function() {
			this.className += this.className ? " over" : "over";
		},
		
		buttonOut : function() {
			this.className = this.className.replace(/ over|over |over/g, "");
		},
		
		buttonDown : function() {
			this.className += this.className ? " down" : "down";
		},
		
		buttonUp : function() {
			this.className = this.className.replace(/ down|down |down/g, "");
		}
		
	};
}

window.onload = dme.initialize;

// ]]>