$(document).ready(function() {
	$(".color-button").mouseover( function( ) {
		var buttonID = $(this).attr( "id" );
		changeOverlay( buttonID );
	});
});

function changeOverlay( color ) {
	
	var baseURL = "http://www.lens-saver.com/wp-content/themes/monezine/colorgirl/";
	var urlToShow = "url( " + baseURL + "color-" + color + ".jpg" + " )";
	
	var urlToShowText = "url( " + baseURL + "text-" + color + ".jpg" + " )";
	
	$("#colorgirl-overlay").stop( true, true );
	
	$("#colorgirl-overlay").fadeOut( 500, function( ) { 
		$("#colorgirl-overlay").css( "background-image", urlToShow );
	});
	$("#colorgirl-overlay").fadeIn( 500 );
	
	$("#textgirl-overlay").stop( true, true );
	$("#textgirl-overlay").fadeOut( 500, function( ) { 
		$("#textgirl-overlay").css( "background-image", urlToShowText );
	});
	$("#textgirl-overlay").fadeIn( 500 );
	
	
}

function changeSelectedColor( buttonID ) {
	
	/*if( buttonID == 'blue' ) {
		imagesource= document.getElementById(buttonID);
		imagesource.src = 'http://www.lens-saver.com/wp-content/themes/monezine/colorgirl/button-turquoise.jpg';		
	} else {
		imagesource= document.getElementById('blue');
		imagesource.src = 'http://www.lens-saver.com/wp-content/themes/monezine/colorgirl/button-blue.jpg';	
	}
	
	if( buttonID == 'green' ) {
		imagesource= document.getElementById(buttonID);
		imagesource.src = 'http://www.lens-saver.com/wp-content/themes/monezine/colorgirl/button-turquoise.jpg';		
	} else {
		imagesource= document.getElementById('green');
		imagesource.src = 'http://www.lens-saver.com/wp-content/themes/monezine/colorgirl/button-green.jpg';	
	}
	
	if( buttonID == 'honey' ) {
		imagesource= document.getElementById(buttonID);
		imagesource.src = 'http://www.lens-saver.com/wp-content/themes/monezine/colorgirl/button-turquoise.jpg';		
	} else {
		imagesource= document.getElementById('honey');
		imagesource.src = 'http://www.lens-saver.com/wp-content/themes/monezine/colorgirl/button-honey.jpg';	
	}
	
	if( buttonID == 'turquoise' ) {
		imagesource= document.getElementById(buttonID);
		imagesource.src = 'http://www.lens-saver.com/wp-content/themes/monezine/colorgirl/button-turquoise.jpg';		
	} else {
		imagesource= document.getElementById('turquoise');
		imagesource.src = 'http://www.lens-saver.com/wp-content/themes/monezine/colorgirl/button-turquoise.jpg';	
	}
	
	if( buttonID == 'hazel' ) {
		imagesource= document.getElementById(buttonID);
		imagesource.src = 'http://www.lens-saver.com/wp-content/themes/monezine/colorgirl/button-turquoise.jpg';		
	} else {
		imagesource= document.getElementById('hazel');
		imagesource.src = 'http://www.lens-saver.com/wp-content/themes/monezine/colorgirl/button-hazel.jpg';	
	}
	
	if( buttonID == 'amethyst' ) {
		imagesource= document.getElementById(buttonID);
		imagesource.src = 'http://www.lens-saver.com/wp-content/themes/monezine/colorgirl/button-turquoise.jpg';		
	} else {
		imagesource= document.getElementById('amethyst');
		imagesource.src = 'http://www.lens-saver.com/wp-content/themes/monezine/colorgirl/button-amethyst.jpg';	
	}
*/
}