function getcss(cssfile)
{
	loadcss = document.createElement('link')							//	This depicts the type of element
	loadcss.setAttribute("rel", "stylesheet")							//	Now make the 'rel' tag
	loadcss.setAttribute("type", "text/css")							//	Now define the 'type'
	loadcss.setAttribute("href", cssfile)								//	Lastly append the location
	document.getElementsByTagName("head")[0].appendChild(loadcss)		//	Now write to the page
}

function getCSSRule(ruleName, deleteFlag) {               				// Return requested style obejct
   ruleName=ruleName.toLowerCase();                       				// Convert test string to lower case.
   if (document.styleSheets) {                            				// If browser can play with stylesheets
      for (var i=0; i<document.styleSheets.length; i++) { 				// For each stylesheet
         var styleSheet=document.styleSheets[i];          				// Get the current Stylesheet
         var ii=0;                                        				// Initialize subCounter.
         var cssRule=false;                               				// Initialize cssRule. 
         do {                                             				// For each rule in stylesheet
            if (styleSheet.cssRules) {                    				// Browser uses cssRules?
               cssRule = styleSheet.cssRules[ii];         				// Yes --Mozilla Style
            } else {                                      				// Browser usses rules?
               cssRule = styleSheet.rules[ii];            				// Yes IE style. 
            }                                             				// End IE check.
            if (cssRule)  {                               				// If we found a rule...
               if (cssRule.selectorText.toLowerCase()==ruleName) { 		//  match ruleName?
                  if (deleteFlag=='delete') {             				// Yes.  Are we deleteing?
                     if (styleSheet.cssRules) {           				// Yes, deleting...
                        styleSheet.deleteRule(ii);        				// Delete rule, Moz Style
                     } else {                             				// Still deleting.
                        styleSheet.removeRule(ii);        				// Delete rule IE style.
                     }                                    				// End IE check.
                     return true;                         				// return true, class deleted.
                  } else {                                				// found and not deleting.
                     return cssRule;                      				// return the style object.
                  }                                       				// End delete Check
               }                                          				// End found rule name
            }                                             				// end found cssRule
            ii++;                                         				// Increment sub-counter
         } while (cssRule)                                				// end While loop
      }                                                   				// end For loop
   }                                                     				// end styleSheet ability check
   return false;                                         				// we found NOTHING!
}                                                        				// end getCSSRule 

function killCSSRule(ruleName) {                          				// Delete a CSS rule   
   return getCSSRule(ruleName,'delete');                  				// just call getCSSRule w/delete flag.
}                                                         				// end killCSSRule

function addCSSRule(ruleName) {                           				// Create a new css rule
   if (document.styleSheets) {                            				// Can browser do styleSheets?
      if (!getCSSRule(ruleName)) {                        				// if rule doesn't exist...
         if (document.styleSheets[0].addRule) {           				// Browser is IE?
            document.styleSheets[0].addRule(ruleName, null,0);      	// Yes, add IE style
         } else {                                         				// Browser is IE?
            document.styleSheets[0].insertRule(ruleName+' { }', 0); 	// Yes, add Moz style.
         }                                                				// End browser check
      }                                                   				// End already exist check.
   }                                                      				// End browser ability check.
   return getCSSRule(ruleName);                           				// return rule we just created.
} 

// This is for the width of the screen
if(screen.width == '1920')
{
	getcss('includes/main1920.css')
	getcss('includes/mainPage.css')
}
else if(screen.width == '1680')
{
	getcss('includes/main1680.css')
	getcss('includes/mainPage.css')
}
else if(screen.width == '1440')
{
	getcss('includes/main1440.css')
	getcss('includes/mainPage.css')
}
else if(screen.width == '1366')
{
	getcss('includes/main1366.css')
	getcss('includes/mainPage.css')
}
else if(screen.width == '1280')
{
	getcss('includes/main1280.css')
	getcss('includes/mainPage.css')
}
else if(screen.width == '1152')
{
	getcss('includes/main1152.css')
	getcss('includes/mainPage.css')
}
else if(screen.width == '1024')
{
	getcss('includes/main1024')
	getcss('includes/mainPage.css')
}
else
{
	getcss('includes/main.css')
	getcss('includes/mainPage.css')
}

//	Here is where we will write the height for the parts
//	of the page that are going to need it
var faux 			= getCSSRule('#faux');									//	Now grab the rule
faux.style.height	= screen.height;										//	Now add this rule to that style

var fauxHeight = addCSSRule('.fauxHeight');
fauxHeight.style.height	= screen.height;									//	Add the new attribute to the sytle