function loadAtributes(elem, products_id) {
    var params = '';
    var options_value_id = elem.options[elem.selectedIndex].value
    //alert(options_value_id);
    var url = 'atrib_upload.php?options_value_id='+options_value_id+'&products_id='+products_id+'&img=0';
    
    ajax = new Ajax.Request(
					url, 
					{method: 'get', onComplete: showResponse,
						onSuccess: function(transport) {
							displayEngraveBlock(options_value_id);
						}

					}
					);

    
    var form_elem = elem.form.elements;
    var font = '';
    for(var i = 0; i < form_elem.length; i++){
        var reId = /font-/;
        if(form_elem[i].tagName == 'SELECT' && reId.test(form_elem[i].id)){
            font = form_elem[i]; 
            break;
        }
    }
    if(font != ''){
        loadImgAtributes(font, products_id);
    }
    //alert(url);
    
    //calcNewProductPrice();

}

function showResponse(originalRequest) {
    $('atrib_upload').innerHTML = originalRequest.responseText;
    calcNewProductPrice();
}


function loadImgAtributes(elem, products_id){
    var params = '';
    var form_elem = elem.form.elements;
    var engrav = '';
    for(var i = 0; i < form_elem.length; i++){
        var reId = /engrav-/;
        if(form_elem[i].tagName == 'SELECT' && reId.test(form_elem[i].id)){
            engrav = form_elem[i]; 
            break;
        }
    }
    var flag = '';
    if(engrav != '' && engrav.selectedIndex != 0){
       flag = '&flag=1';
    }
    var options_value_id = elem.options[elem.selectedIndex].value;
    var url = 'atrib_upload.php?options_value_id='+options_value_id+'&products_id='+products_id+'&img=1'+flag;
    var popup_name = 'atrib_img_upload';
    popup_name.innerHTML = '';
        ajax = new Ajax.Updater(
	           popup_name,
  		                url,
  		                {});  		                
}

function calcNewProductPrice() {
try{
    var text_product_price = $("product_info_price");
    var priceStart = $('products_price_base').value;
    var engrave_price = $("engrave_price");
    var price_str_result = '';
    
    if(engrave_price && engrave_price.innerHTML != ''){
        var engrave_price_value = Number(engrave_price.innerHTML).toPrecision(2);
        var letters_price = calcAttributesPrice()
        if(Number(engrave_price_value) < Number(letters_price)){
            engrave_price_value = letters_price;
        }
        var total_price = Number(priceStart) + Number(engrave_price_value);
        
        price_str_result += ' + engraving cost $'+formatPrice(engrave_price_value)+' = total cost $'+formatPrice(total_price);
    }
    text_product_price.innerHTML = price_str_result;
}catch(e){alert("!!!"+e.message);}    
}

function calcAttributesPrice() {
 try{
    var form_add_product = $('form_add_product');
    var final_price = new Number(0);
    var reSu = /\s+/;
    
    for(var i = 0; i < form_add_product.length; i++){
        var reId = /^attrib-/;
        if(form_add_product[i].tagName == 'INPUT' && reId.test(form_add_product[i].id) && $('price'+form_add_product[i].id)){
            //alert(countLetters(form_add_product[i].value));
            var rePrice = /\$(.+)/;
            var price_attrib = rePrice.exec($('price'+form_add_product[i].id).value);
            final_price += Number(countLetters(form_add_product[i].value))*Number(price_attrib[1]);
            //alert(final_price);
        }
    } 
    return final_price;  
}catch(e){alert("!!!"+e.message);}
    
}

function formatPrice(str) {
    var newStr = String();
    var rePrice = /^([0-9]+)\.?([0-9]*)$/;
    
try{
    var pstr = rePrice.exec(str);
    if(pstr[1] && pstr[1] != ''){
        newStr = pstr[1];
    }
    newStr += '.';
    if(pstr[2] && pstr[2] != ''){
        var dpstr = pstr[2];
        for(var i = 0; i < 2; i++){
            if(dpstr.substr(i, 1) != ''){
                newStr += dpstr.substr(i, 1);
            }else{
                newStr += '0';      
            }
        }
    }else{
        newStr += '00';      
    }
}catch(e){
//    alert(e.message);
}
    return newStr;
}

function displayEngraveBlock(options_value_id) {
	var mode;
	if (options_value_id == 2) {
		mode = 'none';
	} else {
		mode = 'inline';
	}
	
	var number_block = document.getElementsByClassName('engraveNum');
	for (var i = 0; i < number_block.length; i++) { 
		number_block[i].style.display = mode;
	}
	
	if(mode == 'inline') {
		$('productAttributesEngrave').style.backgroundImage = "url(/includes/templates/silverpewter/images/corner_right_bottom.gif)";
		//$('productAttributesEngrave').style.backgroundColor = "#e9e9e9";
		$('productAttributesEngraveBlockArea').style.backgroundImage = "url(/includes/templates/silverpewter/images/engrave_block_title_new.gif)";
		$('productAttributesEngraveBlockAreaNew').style.backgroundImage = "url(/includes/templates/silverpewter/images/engrave_block_bg_bottom.gif)";
		$('productAttributesEngraveBlockBottom').style.display = 'block';
		$('productAttributesEngraveBlockTopNew').style.display = 'block';
		$('productAttributesEngraveBlockTop').style.display = 'block';
		$('productAttributesEngraveBlockTopLeft').style.display = 'block';
		$('productAttributesEngraveBlockTitle').style.display = 'block';
		$('productAttributesEngraveArea').style.margin = '7px';
		$('productAttributesEngraveArea').style.padding = '9px';
		$('productAttributesEngraveArea').style.borderTop = '1px solid #a0a0a0';
		$('productAttributesEngraveArea').style.borderLeft = '1px solid #cccccc';
		$('productAttributesEngraveArea').style.borderRight = '1px solid #f1f1f1';
		if($('atrib_img_upload').innerHTML != '') {
			//alert('!');
			$('atrib_img_upload').innerHTML = '';
		}
	} else {
		$('productAttributesEngrave').style.backgroundImage = 'none';
		//$('productAttributesEngrave').style.backgroundColor = "#ffffff";
		$('productAttributesEngraveBlockArea').style.backgroundImage = 'none';
		$('productAttributesEngraveBlockAreaNew').style.backgroundImage = 'none';
		$('productAttributesEngraveBlockBottom').style.display = 'none';
		$('productAttributesEngraveBlockTopNew').style.display = 'none';
		$('productAttributesEngraveBlockTop').style.display = 'none';
		$('productAttributesEngraveBlockTopLeft').style.display = 'none';
		$('productAttributesEngraveBlockTitle').style.display = 'none';
		$('productAttributesEngraveArea').style.margin = '0px';
		$('productAttributesEngraveArea').style.padding = '0px';
	}
	
}