// JavaScript Document
window.addEvent('domready', function() {
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.open("GET","pics.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML; 
	bgname= xmlDoc.getElementsByTagName(pagename)[0].getAttribute("name");
	if (screen.width<=480){var bgimg = 'assets/480/'+bgname;}
	if (screen.width>480){var bgimg = 'assets/800/'+bgname;}
	if (screen.width>800){var bgimg = 'assets/1024/'+bgname;}
	if (screen.width>1024){var bgimg = 'assets/1280/'+bgname;}
	if (screen.width>1280){var bgimg = 'assets/1366/'+bgname;}
	if (screen.width>1366){var bgimg = 'assets/1440/'+bgname;}
	if (screen.width>1440){var bgimg = 'assets/1600/'+bgname;}
	if (screen.width>1600){var bgimg = 'assets/1680/'+bgname;}
	if (screen.width>1680){var bgimg = 'assets/1920/'+bgname;}
	if (screen.width>1920){var bgimg = 'assets/2560/'+bgname;}
	var my_img = new Element ( 'img' , { id: 'myImage' , 'src' : bgimg , 'styles': {'display': 'block'} }).injectInside($('flash'));
	  var vpimage = $('myImage');
	  var outervpi = $('flash');
	  
	  var ratio = outervpi.clientWidth/(outervpi.clientHeight-192);
	  var winhei = outervpi.clientHeight-192;
	  var winhei2 = outervpi.clientWidth/2.518;
	  var winwid = (outervpi.clientHeight-192)*2.518;
	  var winwid2 = outervpi.clientWidth;
		if (ratio < 2.518){
	vpimage.setStyle('height', winhei);
	vpimage.setStyle('width', winwid);
	}
		if (ratio > 2.518){
	vpimage.setStyle('height', winhei2);
	vpimage.setStyle('width', winwid2);
	}
});