Untitled

<!DOCTYPE html>
<html>
<head>

<meta charset="ISO-8859-1">

<title>Mitunes</title>

<style type = "text/css">

table{
   width : 100%
}

iframe{
width : 100%
}
</style>

<script type="text/javascript">
function createBrandList(){
	var html= "";

	html += "<select size'8' onchange=

	for(var i=0; i<auto_demo.length; i++){
		html += "<option>";
		html += auto_demo[i].brand
		html += "</option>"
	}

	html += "</select>";

	writeIframe("brand_list_frame",html);
}

function createModelList(brand_index){
	var html = "";

	html += "<select size='8' onchange='parent.createModelInfo("+brand_index+", this.selectedIndex);'>

	for(var i=0; i<auto_demo[brand_index].model.length; i++){
		html += "<option>";
		html += auto_demo[brand_index].model[i];
		html += "</option>"
	}

	html += "</select>";

	writeIframe("model_list_frame", html);
}

function createModelInfo(brand_index,model_index){
	var html = "";

	html += "You have selected brand: "+ auto_demo[brand.index].brand;
	html += "<br>You have selected model: "+ auto_demo[brand.index].model[model_index];

	writeIframe("model_infor_frame",html);

	}

function writeIframe(id,html){
	with(document.getElementById(id).contentDocument){
		open();
		write(html);
		close();
	}
}

</script>
<script type="text/javascript" src="C:/Users/Shannon/Downloads/MiTunes/music.js" /></script>
</head>
<body>
<table>
<tr>
<td> <iframe> id = "brand_list_frame"</iframe></td>
<td> <iframe> id = "model_list_frame"</iframe></td>
<td> <iframe> id = "model_infor_frame"</iframe></td>
</tr>
<tr>
<td colspan="3"> <iframe> </iframe></td>
</tr>
</table>
</body>
</html>