function triangles() {
	function draw(page) {
		if(page == 'home') {
			triangleArray = new Array();
			triangleArray[0] = new Hash();
			triangleArray[0].set('x', '20');
			triangleArray[0].set('y', '90');
			triangleArray[0].set('color', '1');			
			triangleArray[1] = new Hash();
			triangleArray[1].set('x', '340');
			triangleArray[1].set('y', '90');		
			triangleArray[1].set('color', '2');		
			triangleArray[2] = new Hash();
			triangleArray[2].set('x', '500');
			triangleArray[2].set('y', '90');		
			triangleArray[2].set('color', '3');	
			triangleArray[3] = new Hash();
			triangleArray[3].set('x', '820');
			triangleArray[3].set('y', '90');		
			triangleArray[3].set('color', '4');	
			triangleArray[4] = new Hash();
			triangleArray[4].set('x', '660');
			triangleArray[4].set('y', '250');		
			triangleArray[4].set('color', '5');	
			triangleArray[5] = new Hash();
			triangleArray[5].set('x', '500');
			triangleArray[5].set('y', '410');		
			triangleArray[5].set('color', '6');	
			triangleArray[6] = new Hash();
			triangleArray[6].set('x', '820');
			triangleArray[6].set('y', '410');		
			triangleArray[6].set('color', '7');									
			triangleArray[7] = new Hash();
			triangleArray[7].set('x', '660');
			triangleArray[7].set('y', '570');		
			triangleArray[7].set('color', '8');	
			triangleArray[8] = new Hash();
			triangleArray[8].set('x', '180');
			triangleArray[8].set('y', '570');		
			triangleArray[8].set('color', '1');
		}
		if(page == 'program') {
			triangleArray = new Array();
			triangleArray[0] = new Hash();
			triangleArray[0].set('x', '820');
			triangleArray[0].set('y', '250');
			triangleArray[0].set('color', '5');			
			triangleArray[1] = new Hash();
			triangleArray[1].set('x', '500');
			triangleArray[1].set('y', '250');		
			triangleArray[1].set('color', '0');		
			triangleArray[2] = new Hash();
			triangleArray[2].set('x', '660');
			triangleArray[2].set('y', '90');		
			triangleArray[2].set('color', '1');	
		}
		if(page == 'pdp') {
			triangleArray = new Array();
			triangleArray[0] = new Hash();
			triangleArray[0].set('x', '820');
			triangleArray[0].set('y', '250');
			triangleArray[0].set('color', '5');			
			triangleArray[1] = new Hash();
			triangleArray[1].set('x', '660');
			triangleArray[1].set('y', '250');		
			triangleArray[1].set('color', '3');		
			triangleArray[2] = new Hash();
			triangleArray[2].set('x', '660');
			triangleArray[2].set('y', '90');		
			triangleArray[2].set('color', '1');	
			triangleArray[3] = new Hash();
			triangleArray[3].set('x', '0');
			triangleArray[3].set('y', '730');		
			triangleArray[3].set('color', '2');			
		}
		if(page == 'about') {
			triangleArray = new Array();
			triangleArray[0] = new Hash();
			triangleArray[0].set('x', '820');
			triangleArray[0].set('y', '250');
			triangleArray[0].set('color', '5');			
			triangleArray[1] = new Hash();
			triangleArray[1].set('x', '500');
			triangleArray[1].set('y', '250');		
			triangleArray[1].set('color', '6');		
			triangleArray[2] = new Hash();
			triangleArray[2].set('x', '500');
			triangleArray[2].set('y', '730');		
			triangleArray[2].set('color', '5');	
			triangleArray[3] = new Hash();
			triangleArray[3].set('x', '0');
			triangleArray[3].set('y', '730');		
			triangleArray[3].set('color', '4');			
		}
		if(page == 'connect') {
			triangleArray = new Array();
			triangleArray[0] = new Hash();
			triangleArray[0].set('x', '820');
			triangleArray[0].set('y', '90');
			triangleArray[0].set('color', '6');			
			triangleArray[1] = new Hash();
			triangleArray[1].set('x', '820');
			triangleArray[1].set('y', '730');		
			triangleArray[1].set('color', '2');		
			triangleArray[2] = new Hash();
			triangleArray[2].set('x', '660');
			triangleArray[2].set('y', '730');		
			triangleArray[2].set('color', '5');	
			triangleArray[3] = new Hash();
			triangleArray[3].set('x', '160');
			triangleArray[3].set('y', '730');		
			triangleArray[3].set('color', '6');			
		}								

					
		for(i=0; i<triangleArray.length; i++) {
			col = triangleArray[i].get('color') * 160;
			topPos = parseInt(triangleArray[i].get('y')) + 0;
			newTriangle = "<div class='triangle' style='background-position: 0 -"+col+"px; position:absolute; left:"+triangleArray[i].get('x')+"px; top:"+topPos+"px'></div>";
			$('creativeCapital').insert(newTriangle, {position: "top"});
		}		
	}


	
	
	// attach the methods
	this.draw = draw;
}