var currentMini = null;
var currentMaxi = null;

function tc_log_mofi (pageAlias) {

	if(typeof(tc_log) != "undefined") {
		tc_log(pageAlias);
	}
}

function showMinilayer (miniLayer) {
	var miniLayerRef = document.getElementById(miniLayer);
	if(miniLayerRef){
		miniLayerRef.style.visibility = "visible";
	}
	if(currentMini){
		hideMinilayer(currentMini);
	}
	currentMini = miniLayer;
}

function hideMinilayer (miniLayer) {
	var miniLayerRef = document.getElementById(miniLayer);
	if(miniLayerRef){
		miniLayerRef.style.visibility = "hidden";
	}
	if(miniLayer == currentMini){ currentMini = null; }
}

function showMaxilayer (maxiLayer, carlineId) {
	var maxiLayerRef = document.getElementById(maxiLayer);
	if(currentMaxi == maxiLayer){
		hideMaxilayer(currentMaxi);
		return;	
	}
	if(currentMaxi){
		hideMaxilayer(currentMaxi);
	}
	if(maxiLayerRef){
		maxiLayerRef.style.visibility = "visible";
		var pageAlias = "/mofi/showcardetails?carline=" + carlineId;
		tc_log_mofi(pageAlias);
	}
	currentMaxi = maxiLayer;
}

function hideMaxilayer (maxiLayer) {
	var maxiLayerRef = document.getElementById(maxiLayer);
	if(maxiLayerRef){
		maxiLayerRef.style.visibility = "hidden";
	}
	currentMaxi = null;
}

function openFinder(){
	var url  = "../audi/importer1/de2/mofi.html";
	var name = "MODELFINDER";
	// IE outside
	var w = 648;
	var h = 651;
	// 803 x 603 inside
	w = 640; h=603; 
	var spec = "width="+w+",height="+h+",resizable=no,status=0";
	var win = window.open(url, name, spec);
	win.focus();
}

var currType = null;
var currPrice = null;

// onchange-handler f?r den "Preis"
function select_price(self){
	var index = self.selectedIndex;
	var value = self.options[index].value;
	currPrice = index > 0 ? value : null;
	refresh();
}

// onchange-handler f?r den "Typ"
function select_type(self){
	var index = self.selectedIndex;
	var value = self.options[index].value;
	currType = index > 0 ? value : null;
	refresh();
}

// aktualisiert den hilight/lolight status aller kleinen bilder
function refresh(){
	var i;
	for(i=0;i<infos.length;i++){
		var priceMatch =  (currPrice == null )
		               || (infos[i].price == currPrice);
		var typeMatch  =  (currType == null )
		               || (currType.indexOf(infos[i].type) >= 0) 
		               || (currType == infos[i].usage);
		hilight(infos[i], priceMatch && typeMatch);
	}
}

function hilight(ob, flag){
	showPic("pic" + ob.carlineId, flag ? ob.hi : ob.lo);
}

function showPic(id, url){
	var img = document.images[id];
	if(img){
		img.src = url;
	} else {
		alert("did not find " + id);
	}
}

var infos = new Array();
function addInfo(carlineId, price, type, usage, lo, hi){
	var ob = new Object();
	ob.carlineId = carlineId;
	ob.type = type;
	ob.price = price;
	ob.usage = usage;
	ob.lo = lo;
	ob.hi = hi;
	infos[infos.length] = ob;
}