function showThumbnail(id, url) {
	var url = url;
	var pars = 'phoneId=' + id;
	var target = 'selectedPhoneImage';
	var thumbAjax = new Ajax.Updater(
		target, 
		url,
		{
			method: 'get',
			parameters: pars
		});
}
function showModels(typ,url) {
	this.typ = typ;
	var mId = $F(typ+'Vendor');
	var url = url;
	var pars= 'vendor=' + mId + '&typ=' + typ;
	var myAjax = new Ajax.Request(
		url,
		{
			method: 'get',
			parameters: pars,
			onComplete: showModelsResponse.bind(this)
		});
}
function showModelsResponse(originalRequest){
	var output = "";
	var xmldoc = originalRequest.responseXML;
	var xmlchildren = xmldoc.getElementsByTagName('model');
	children = $(this.typ+'Id').immediateDescendants();
	for(i=1; i<children.length; i++) {
		children[i].remove();
	}
	for(i=0; i<xmlchildren.length; i++) {
		var o = document.createElement('option');
		var attr = xmlchildren[i].getAttribute('id');
		var txt = document.createTextNode(xmlchildren[i].firstChild.data);
		o.setAttribute('value',attr);
		o.appendChild(txt);
		$(this.typ+'Id').appendChild(o);
	}
}

var Accordion =  {
	showItem : function(e) {
		var elm = Event.element(e);
		if (elm.nodeName == 'SPAN') {
			elm = elm.parentNode;
		} 
		if(elm.active == 0) {
			elm.active = 1;
			elm.next('div.dd').style.display = "block";
		} else {
			elm.active = 0;
			elm.next('div.dd').style.display = "none";
		}
		Accordion.setAnchor(elm, elm.active);
		return false;
	}, 
	setAnchor : function(link, active) {
		var link = link;
		var active = active;
		if(active == 0) {
			link.anchor.className = "open";
			link.anchor.innerHTML = '&nbsp;<span class="noDisplay">open</span>';
			link.removeClassName('active');
		} else {
			link.anchor.className = "close";
			link.anchor.innerHTML = '&nbsp;<span class="noDisplay">close</span>';
			link.addClassName('active');
		}
	}, 
	init : function() {
		allAccordionParts = $$('div.dd');
		for(var i = 0; i < allAccordionParts.length; i++){
			allAccordionParts[i].hide();
		}
		var allAccordionTitles = $$('h3.dd');
		for(var i = 0; i < allAccordionTitles.length; i++) {
			AccordionTitle = allAccordionTitles[i];
			AccordionTitle.active = 0;
			var anchor = document.createElement('span');
			AccordionTitle.anchor = anchor;
			Accordion.setAnchor(AccordionTitle, AccordionTitle.active);
			AccordionTitle.appendChild(anchor);
			Event.observe(AccordionTitle, "click", Accordion.showItem);
		}
		var hash = window.location.hash.sub('#', '');
		if (($(hash))&&(hash.length > 0)) {
			var anchorActive = $(hash);
			if(!anchorActive.next('div.dd')) {
				return(false);
			} else {
				anchorActive.next('div.dd').style.display = "block";
				anchorActive.active = 1;
				Accordion.setAnchor(anchorActive, anchorActive.active);
			}
		}
	}
}