/**
 * @author jkl
 */
	var fadesIn = false;

	function unlockFade(){
		fadesIn = false;
	}
var currentColorClass = 'c01';

function selectCurrentColorClass(selectedClass) {
	currentColorClass = selectedClass;
} 

jQuery().ready(function() {
	/* MEMBERS */
	var s_className = '';
	var s_colorName = '';
	
	/*

	jQuery('#colors_dropdown li ul li a').click(function() {
		s_className = jQuery(this).attr('id');
		s_colorName = getColorName(s_className);

		set_colClass(jQuery('#product_sample'));
		set_colClass(jQuery('#product_smear'));
		jQuery('#color_picker li a').each(function() {
			jQuery(this.parentNode).removeClass('active');
			if(jQuery(this).attr('class') == s_className) {
				jQuery(this.parentNode).addClass('active');
			}
		});
		set_colName(jQuery('#color_name'));
		set_colName(jQuery('#indicator'));

		/* Set Pulldown Text 
		jQuery('#c00').text(s_colorName);
		jQuery(this).blur();
	});
*/
	/*
	jQuery('#color_picker li a').click(function() {
		jQuery('#color_picker li').each(function() {
			jQuery(this).removeClass('active');
		});
		jQuery(this.parentNode).addClass('active');

		set_colsByElem(jQuery(this));
		set_colorNames(s_colorName);

		set_colName(jQuery('#color_name'));
		set_colName(jQuery('a#c00'));

		set_colClass(jQuery('#product_sample'));
		jQuery(this).blur();
	});
*/
	
	jQuery('#color_picker li a').bind('click', function(){
		jQuery('#color_picker li').each(function() {
			jQuery(this).removeClass('active');
		});
		jQuery(this.parentNode).addClass('active');
	});
	
	
	jQuery('#color_picker li a').bind('mouseover', function(){
		set_colsByElem(jQuery(this));
		set_colClass(jQuery('#product_smear'));
		set_colName(jQuery('#color_name'));
	});
	
	jQuery('#color_picker li a').bind('mouseout', function(){
		s_colorName = getSelectedColor();
		s_className = currentColorClass;
		set_colClass(jQuery('#product_smear'));
		set_colName(jQuery('#color_name'));
	});
	
	function getSelectedColor() {
		return jQuery('#indicator').html();
	}

	/* Toggle dropdown */
	/*
	jQuery('body').click(function() {
		if ((jQuery('#colors_dropdown li ul').css('display') == 'block') && (fadesIn == false)){
			jQuery('#colors_dropdown li ul').fadeOut('fast');
		}
		if ((jQuery('#ammount_dropdown li ul').css('display') == 'block')  && (fadesIn == false)) {
			jQuery('#ammount_dropdown li ul').fadeOut('fast');
		}
		if(!((/MSIE ((5\.5)|6|7)/.test(navigator.userAgent) && navigator.platform == "Win32")))
			jQuery(this).blur();
	});
	jQuery('#colors_dropdown').click(function() {
		var isVisible = jQuery('#colors_dropdown li ul').css('display');
		if (isVisible == 'none') {
			fadesIn = true;
			setTimeout('unlockFade()', 500)
			jQuery('#colors_dropdown li ul').fadeIn('fast'); // delay wg. closing-click auf body
		}
		else
			jQuery('#colors_dropdown li ul').fadeOut('fast');
		jQuery(this).blur();
	});
	 */


/*
	function getColorName(s_myClassName) {
		var s_colName = '';
		jQuery('#colors_dropdown li ul li a').each(function() {
			if(jQuery(this).attr('id') == s_myClassName) {
				s_colName = jQuery(this).html();
			}
		});
		return s_colName;
	}
*/	
	/**
	 * Get color name from array
	 */
	function getColorName(s_myClassName) {
		var s_colName = '';
		s_colName = colors[s_myClassName].colorName;
		return s_colName;
	}

	
	
	/*
	function getClassName(s_myColorName) {
		var s_clsName = '';
		jQuery('#colors_dropdown li ul li a').each(function() {
			if(jQuery(this).html() == s_myColorName) {
				s_clsName = jQuery(this).attr('id');
			}
		});
		return s_clsName;
	}
*/
	function set_colClass(e_myElem) {
		//e_myElem.attr('class', s_className);
		/*Change 08/12/19*/
		if (jQuery(e_myElem).attr('id') == 'product_smear'){
			jQuery(e_myElem).attr('src', colors[s_className].smear_img); // Smear
		}
	}

	function set_colName(e_myElem) {
		if(s_colorName == null || s_colorName.length == 0) {
			if (jQuery(e_myElem).attr('id') == 'color_name'){
				s_colorName = getColorName(s_className);
			}
		}
		e_myElem.html(s_colorName);
	}

	function set_colsByElem(my_elem) {
		s_className = my_elem.attr('class');
		s_colorName = getColorName(s_className);
	}

	/**
	function set_colorNames(s_colorName) {
		jQuery('#indicator').html(s_colorName);
		jQuery('#color_name').html(s_colorName);
		jQuery('#color_select option').each(function() {
			if(jQuery(this).attr('value') == s_className) {
				jQuery(this).attr('selected', 'selected');
			}
		});
	}
	*/
});