YAHOO.LR.optionOverlaysCount = 0;

YAHOO.LR.optionsInit = function(){
	var opOverlays = YAHOO.util.Dom.getElementsByClassName('option_details_overlay');
	for(var i=0; i<opOverlays.length; i++){
		eval('YAHOO.LR.optionDetails_'+i+' = new YAHOO.widget.Overlay(opOverlays['+i+'].id, { fixedcenter:true, visible:false, effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.25} } )');
														
		eval('YAHOO.LR.optionDetails_'+i).render();
		YAHOO.util.Dom.setStyle(opOverlays[i].id,"display","block");
		YAHOO.LR.optionOverlaysCount++;
	}
}

function doOptionCheckboxToggle(id){
	myImg = YAHOO.util.Dom.get('checkbox_'+id)
	state = myImg.src.split('_')[1];
	if(state == 'off.gif'){
		myImg.src = '/img/checkbox_over.gif'
	}
	else{
		if(state == 'over.gif'){
			myImg.src = '/img/checkbox_off.gif';
		}
	}
}

function revertOptions(){
	YAHOO.LR.showMask();
	var sUrl = '/configurator/revert_options/';
	var transaction = YAHOO.util.Connect.asyncRequest('GET', sUrl, revertOptionsCallback, null);
}

var revertOptionsCallback = {
	success: function(response) {
		YAHOO.util.Dom.get('content').innerHTML = response.responseText;
		YAHOO.LR.hideMask();
	}, 
	failure: function(response) {
		YAHOO.LR.hideMask();
		alert('Request Failed');	
	}
}

function showDetails(id){
	closeDetails()
	eval("YAHOO.LR.optionDetails_"+id+".show()");
}

function closeDetails(){
	for(var i=0; i<YAHOO.LR.optionOverlaysCount; i++){
		eval("YAHOO.LR.optionDetails_"+i+".hide()");
	}
}

function toggleOption(id){
	YAHOO.LR.currentToggleID = id;
	myImg = YAHOO.util.Dom.get('checkbox_'+id);
	state = myImg.src.split('_')[1];
	if(state == 'off.gif' || state == 'over.gif'){
		myImg.src = '/img/checkbox_on.gif'
	}
	else{
		myImg.src = '/img/checkbox_off.gif';
	}
	YAHOO.LR.showMask();
	var sUrl = '/configurator/options/'+id;
	var transaction = YAHOO.util.Connect.asyncRequest('GET', sUrl, toggleOptionCallback, null);
}

var toggleOptionCallback = {
	success: function(response) {
		YAHOO.util.Dom.get('content').innerHTML = response.responseText;
		YAHOO.LR.hideMask();
		
		if(YAHOO.util.Dom.inDocument('forced_options_overlay')){
			YAHOO.LR.forcedOptionsOverlay = new YAHOO.widget.Overlay("forced_options_overlay", { fixedcenter:false,
					visible:false, effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.25} } );
															
			YAHOO.LR.forcedOptionsOverlay.render();
			YAHOO.util.Dom.setStyle("forced_options_overlay","display","block");
			
			setTimeout('YAHOO.LR.forcedOptionsOverlay.show()', 800);
		}
		
		var opOverlays = YAHOO.util.Dom.getElementsByClassName('option_details_overlay');
		for(var i=0; i<opOverlays.length; i++){
			eval('YAHOO.LR.optionDetails_'+i+' = new YAHOO.widget.Overlay(opOverlays['+i+'].id, { fixedcenter:true, visible:false, effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.25} } )');
															
			eval('YAHOO.LR.optionDetails_'+i).render();
			YAHOO.util.Dom.setStyle(opOverlays[i].id,"display","block");
		}
		
	}, 
	failure: function(response) {
		YAHOO.LR.hideMask();
		alert('Request failed');
		var opOverlays = YAHOO.util.Dom.getElementsByClassName('option_details_overlay');
		for(var i=0; i<opOverlays.length; i++){
			eval('YAHOO.LR.optionDetails_'+i+' = new YAHOO.widget.Overlay(opOverlays['+i+'].id, { fixedcenter:true, visible:false, effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.25} } )');
															
			eval('YAHOO.LR.optionDetails_'+i).render();
			YAHOO.util.Dom.setStyle(opOverlays[i].id,"display","block");
		}
	}
}

YAHOO.util.Event.addListener(window,"load",YAHOO.LR.optionsInit);