var red = true;
var green = false;
var orange = false;

redoff = new Image();
redon = new Image();
orangeoff = new Image();
orangeon = new Image();
greenoff = new Image();
greenon = new Image();

// red light images
redoff.src = "assets/images/packages_2.jpg";

redon.src = "http://www.pro-opt.co.za/ProOpt/assets/images/packages_2a.jpg";

// orange light images

orangeoff.src = "assets/images/packages_3.jpg";
orangeon.src = "assets/images/packages_3a.jpg";

// green light images

greenoff.src = "assets/images/packages_4.jpg";
greenon.src = "assets/images/packages_4a.jpg";

window.addEvent('domready', function() {
	var status = {
		'true': 'open',
		'false': 'close'
	};
	
	var redSlide = new Fx.Slide('redbox');
	var orangeSlide = new Fx.Slide('orangebox');
	var greenSlide = new Fx.Slide('greenbox');
	
		//Hides and opens Package Boxes
		redSlide.show();
		orangeSlide.hide();
		greenSlide.hide();

// Red Handler
	$('redbutton').addEvent('mouseenter', function(e){
		document['red_but'].src = redon.src;
	});
	$('redbutton').addEvent('mouseleave', function(e){
		if (!(red))
		document['red_but'].src = redoff.src;
	});
	$('redbutton').addEvent('click', function(e){
		e = new Event(e);
		e.stop();
		redSlide.toggle();
		red = !redSlide.open ;
		if (red) 
		{
			document['red_but'].src = redon.src;
		}
		else
		{
			document['red_but'].src = redoff.src;
		}

	});
	$('redbar').addEvent('click', function(e){
		e = new Event(e);
		e.stop();
		redSlide.toggle();
		red = !redSlide.open ;
		if (red) 
		{
			document['red_but'].src = redon.src;
		}
		else
		{
			document['red_but'].src = redoff.src;
		}
	});
// Orange Handler
	$('orangebutton').addEvent('mouseenter', function(e){
		document['orange_but'].src = orangeon.src;
	});
	$('orangebutton').addEvent('mouseleave', function(e){
		if (!(orange))
		document['orange_but'].src = orangeoff.src;
	});
	$('orangebutton').addEvent('click', function(e){
		e = new Event(e);
		e.stop();
		orangeSlide.toggle();
		orange = !orangeSlide.open ;
		if (orange) 
		{
			document['orange_but'].src = orangeon.src;
		}
		else
		{
			document['orange_but'].src = orangeoff.src;
		}
	});
	$('orangebar').addEvent('click', function(e){
		e = new Event(e);
		e.stop();
		orangeSlide.toggle();
		orange = !orangeSlide.open ;
		if (orange) 
		{
			document['orange_but'].src = orangeon.src;
		}
		else
		{
			document['orange_but'].src = orangeoff.src;
		}
	});
// Green Handler
	$('greenbutton').addEvent('mouseenter', function(e){
		document['green_but'].src = greenon.src;
	});
	$('greenbutton').addEvent('mouseleave', function(e){
		if (!(green))
		document['green_but'].src = greenoff.src;
	});
	$('greenbutton').addEvent('click', function(e){
		e = new Event(e);
		e.stop();
		greenSlide.toggle();
		green = !greenSlide.open ;
		if (green) 
		{
			document['green_but'].src = greenon.src;
		}
		else
		{
			document['green_but'].src = greenoff.src;
		}
	});
	$('greenbar').addEvent('click', function(e){
		e = new Event(e);
		e.stop();
		greenSlide.toggle();
		green = !greenSlide.open ;
		if (green) 
		{
			document['green_but'].src = greenon.src;
		}
		else
		{
			document['green_but'].src = greenoff.src;
		}
	});

});