/**
 * -------------------
 * 用来完成对options产品颜色的动态添加
 * -------------------
 */
var coArray = new Array();

function addColumn(col, className)
{
	var til = col + ' is optional';
	var baseNum = ('Hanger($0.29)' == $('#navigationColor > td:last').text()) ? 2 : 1; 
	var columnNum = $('#navigationColor > td').length;

	
	var htms = '<td class="' + className + '" title="'+til+'">'+col;
	    htms += '<input name="col[]" type="hidden" value="'+col+'"/></td>';
	$('#navigationColor > td').eq(columnNum - 1).after(htms);
	
	var htms = '<td class="' + className + '" title="'+til+'">';
	    htms += '<input type="text" maxlength="4" name="quan[]" ';
	    htms += 'class="loginput" onkeyup="this.value=this.value.replace(/^0+|[^0-9]/g,\'\')"</td>';
	    
    var tabRows = $('#showDefaultTab');
	
	for(var i = 2; i < tabRows.find('tr').length; i++) {
		tabRows.find('tr').eq(i).find('td').eq(columnNum + 2).after(htms);
	}
	coArray[col] = columnNum;
	
	var baseRows = parseInt($('#allSpan').attr('colspan')) + 1;
	
	document.getElementById('allSpan').colSpan = baseRows;
}

function removeColumn(col, className)
{
	/*var columnNum = parseInt(coArray[col]);
	$('#navigationColor > td').eq(columnNum).remove();
	
    var tabRows = $('#showDefaultTab');
	
	for(var i = 2; i < tabRows.find('tr').length; i++) {
		tabRows.find('tr').eq(i).find('td').eq(columnNum + 3).remove();
	}
	*/
	
	$('.' + className).each(function(index){
		$(this).remove();
	});
	
	var allCol = $('#optionAllColor').val().split(',');
	for(var j = 0; j < allCol.length; j++)
	{
		var nCol = $.trim(allCol[j]);
		if (coArray[nCol] > coArray[col]){
			coArray[nCol] = coArray[nCol]-1;
		}
	}
	
    var baseRows = parseInt($('#allSpan').attr('colspan')) - 1;
	document.getElementById('allSpan').colSpan = baseRows;
}

function optionColor(ids, className)
{
	/*var ht = $('#'+ids).html();
	var id = ids.split('_');
	
	if ('Add' == ht) {
		addColumn(id[0], className);
		$('#'+ids).text('Delete');
	}
	if ('Delete'  == ht){
		removeColumn(id[0], className);
		$('#'+ids).text('Add');
	}*/
	if('none' == $('.' + className).css('display')){
		$('#'+ids).html('Delete');
		$('.' + className).css('display', '');
		$('#allSpan').attr('colspan', parseInt($('#allSpan').attr('colspan')) + 1);
	}else{
		$('#'+ids).html('Add');
		$('.' + className).css('display', 'none');
		$('#allSpan').attr('colspan', $('#allSpan').attr('colspan') - 1);
	}
}

function slideShowOrSlideHide(img)
{
	var imgOne = '/theme/default/images/layer_ico1.gif';
	var imgTwo = '/theme/default/images/layer_ico2.gif';
	
	if (imgOne == $('#'+img).attr('src')) {
		$('#'+img).attr('src', imgTwo);
		$('#color_layer_body').slideUp('slow');
	}else{
		$('#'+img).attr('src', imgOne);
		$('#color_layer_body').slideDown('slow');
	}
}