function loader() {

	//Assignments
	this.init = init;
	this.displayLoader = displayLoader;
	this.load = load;
	this.runPage = runPage;
	this.hidePage = hidePage;
	this.showContent = showContent;
	
	//start load counter at 0
	var load_counter = 0;
	
	//run init
	this.init();
	

	function init() {
		this.displayLoader();
	}
	
	function displayLoader() {
		var content = document.getElementById('content');
	
		//creating container div and img elements
		var load_div = document.createElement('div');
		var num_1 = document.createElement('img');
		var num_2 = document.createElement('img');
		var num_3 = document.createElement('img');
		var load_copy_div = document.createElement('div');
		var num_div = document.createElement('div');
		var num_percent = document.createElement('img');
		var loader_copy = document.createElement('img');
		
		var y_bottom = document.createElement('img');
		
		//setting ids of elements created above
		load_div.id = "load_pane";
		num_div.id = "num_div";
		
		y_bottom.id = "y_bottom";
		y_bottom.src = "images/bkrnds/y_bottom.jpg";
		num_1.id = "num_1";
		num_2.id = "num_2";
		num_3.id = "num_3";
		num_percent.id = "num_percent";
		
		load_copy_div.id = "load_copy_div";
		loader_copy.id = "loader_copy";
		
		//setting src on percent
		num_percent.src = "images/bkrnds/numbers/percent.gif";
		loader_copy.src = "images/bkrnds/loader_bg_text.jpg";
		
		load_copy_div.appendChild(loader_copy);
		load_div.appendChild(load_copy_div);
		num_div.appendChild(num_1);
		num_div.appendChild(num_2);
		num_div.appendChild(num_3);
		num_div.appendChild(num_percent);
		load_div.appendChild(num_div);
		load_div.appendChild(y_bottom);
		content.appendChild(load_div);
		
		this.load();
	}
	
	function load() {
		tmp_counter = load_counter;
				
		if(load_counter < 100) {
			//put setinterval code here
			load_counter++;
			setTimeout("loader.load()",	1);// 50); FIX ME FIX ME
		} else {
			setTimeout("loader.runPage()", 1000);
		}
		
		hundreds = Math.floor(tmp_counter/100);
		tmp_counter = tmp_counter % 100;
		
		tens = Math.floor(tmp_counter/10);
		tmp_counter = tmp_counter % 10;
		
		ones = tmp_counter;
		
		if(hundreds != 0) {
			document.getElementById('num_1').src = "images/bkrnds/numbers/" + hundreds + ".gif";
		} else {
			document.getElementById('num_1').src = "images/bkrnds/numbers/blank.jpg";
		}
		
		document.getElementById('num_2').src = "images/bkrnds/numbers/" + tens + ".gif";
		document.getElementById('num_3').src = "images/bkrnds/numbers/" + ones + ".gif";	
	}

	function hidePage() {
		document.getElementById('load_pane').innerHTML = "&nbsp;";
		document.getElementById('load_pane').style.height = "0px";
	}

	function runPage(){
		new Effect.Move("loader_copy", {x: 0, y: 100, mode: 'relative'});
		new Effect.Move("num_1", {x: 0, y: 100, mode: 'relative'});
		new Effect.Move("num_2", {x: 0, y: 100, mode: 'relative'});
		new Effect.Move("num_3", {x: 0, y: 100, mode: 'relative'});
		new Effect.Move("num_percent", {x: 0, y: 100, mode: 'relative'});
		new Effect.BlindUp("y_bottom", {duration: .3});
		setTimeout("loader.showContent()", 1000);
	}
	
	function showContent() {
		loader.hidePage();
		
		//creating elements
		top_blinder = document.createElement('div');
		bottom_blinder = document.createElement('div');
		//setting ids for elements
		top_blinder.id = "top_blinder";
		bottom_blinder.id = "bottom_blinder";

		
		var content_div = document.getElementById('content');
		content_div.appendChild(top_blinder);
		content_div.appendChild(bottom_blinder);
		
		new Effect.Move("top_blinder", {x: 0, y: -200, mode: 'relative'});
		new Effect.Move("bottom_blinder", {x: 0, y: 200, mode: 'relative'});
		
		document.getElementById('prod_selector').style.height = "600px";
		document.getElementById('top_text').style.height = "38px";
		document.getElementById('bottom_text').style.height = "64px";
		
		setTimeout("TextAni.move()", 1000);
		setTimeout("ProdSelector.reveal()", 4000);
	}
}