Buying Fast and Easy CSS config.

Hello,

I need this to be done as soon as posible so contact me at msn: or gtalk:lopa1991@gmail.com


The Job is:
Im re designing my site, and is and multi mirros site it has a part where you select mirrors
demo:

What i want is that when the input is checked you see the mirror image and when you is uncheked you see the another image like the same in black and white or something like that.

actual code of that part is

<div style="width:700px; height:450px; background-image:url(images/mirrors.png)" id="pick">

<?php
require 'includes/mconfig.php';
$mrr_t=count($mrr_1);
$bal_ex=$mrr_t%2;
$mbal_loop=($mrr_t-$bal_ex)/2;
?>
		<div style="padding-top:40px;" class="leftcol">
		<?php
		for($i=0;$i<$mbal_loop+$bal_ex;$i++)
		{
		$mrr=$mcon[$mrr_1[$i]][1];
		$mcheck=$mcon[$mrr_1[$i]][3]? 'checked="checked"':'';
		echo '<label><input onclick="maxMirrors(this);" type="checkbox" name="'.strtolower($mrr).'" id="'.strtolower($mrr).'"  '.$mcheck.' ><img src="images/'.$mrr.'.png" name="'.$mrr.'" width="186" height="85" border="0"></label>';
		}
		?>
		
		
		<?php
		for($i=$i;$i<$mrr_t;$i++)
		{
		$mrr=$mcon[$mrr_1[$i]][1];
		$mcheck=$mcon[$mrr_1[$i]][3]? 'checked="checked"':'';
		echo '<label><input onclick="maxMirrors(this);" type="checkbox" name="'.strtolower($mrr).'" id="'.strtolower($mrr).'"  '.$mcheck.' ><img src="images/'.$mrr.'.png" alt="'.$mrr.'" width="186" height="85" /></label>';
		}
		?>
		</div>
		

</div>

PHP:

 

Hello. I have added you, I just have a few questions on how you want some of these things put, such as the checkboxes.