function lTrim(sStr){

     while (sStr.charAt(0) == " ")

      sStr = sStr.substr(1, sStr.length - 1);

     return sStr;

    }

 

    function rTrim(sStr){

     while (sStr.charAt(sStr.length - 1) == " ")

      sStr = sStr.substr(0, sStr.length - 1);

     return sStr;

    }

    function allTrim(sStr){

     return rTrim(lTrim(sStr));

    }

 


function verify_select_search(){
 
       document.getElementById('text_brand_search').value=allTrim(document.getElementById('text_brand_search').value);
	   document.getElementById('text_model_search').value=allTrim(document.getElementById('text_model_search').value);
	   if(document.getElementById('text_brand_search').value.length==0){
		   
		   var custom2 = new Custom.Alert('ALERT', 
				'Please enter a brand', 
				{alerthead: 'cahead', alertbox: 'cabox', alertbody: 'cabody'}
				);		
				custom2.create();									
			
  	   } 
	  else{
		  if(document.getElementById('text_model_search').value.length==0){
		 
		   var custom2 = new Custom.Alert('ALERT', 
		   'Please enter a model', 
			{alerthead: 'cahead', alertbox: 'cabox', alertbody: 'cabody'}
	 	 );		
		custom2.create();	
		  }
		  else{
			  
		          var miAjax = new Ajax('universal_cases_customize.php?option=save_product_select&option_product=brand_model_select',
				  {
							method: 'get',
							data:$('search_option2_form'), //Pasamos el objeto form a enviar
							update: $('final_res'),
							onComplete: function()
							{
							  //document.getElementById('menu_optiones_case').style.display='none';
							   var slider_hidden = new Fx.Slide('menu_optiones_case',{
									duration: 1000
								  });
								  slider_hidden.slideOut();
							}
							   
				   }
				 );
				 miAjax.request();	  
			  
		
		}
		  
	 } 


}
	
function send_select_search(){
	
	  var miAjax = new Ajax('universal_cases_customize.php?option=save_product_select&option_product=radio_select',
			{
					method: 'get',
					data:$('search_option2_form'), //Pasamos el objeto form a enviar
					update: $('final_res'),
					onComplete: function()
					{
					  //document.getElementById('menu_optiones_case').style.display='none';	
					   var slider_hidden = new Fx.Slide('menu_optiones_case',{
									duration: 1000
								  });
								  slider_hidden.slideOut();
					}
				 	   
			}
         );
		 miAjax.request();
	
}
function verify_select_product(){
	
	
	if(document.getElementById('insert_model').style.display=='block'){
	    document.getElementById('text_model1').value=allTrim(document.getElementById('text_model1').value);
	    if(document.getElementById('text_model1').value.length==0){
	   
		   var custom2 = new Custom.Alert('ALERT', 
				'Please enter a model', 
				{alerthead: 'cahead', alertbox: 'cabox', alertbody: 'cabody'}
				);		
				custom2.create();									
			
		}
		else{
		        
				
				var miAjax = new Ajax('universal_cases_customize.php?option=save_product_select&option_product=insert_model_with_brand',
				  {
							method: 'get',
							data: $('selects_category'), //Pasamos el objeto form a enviar
							update: $('final_res'),
							onComplete: function()
							{
							  //document.getElementById('menu_optiones_case').style.display='none';
							   var slider_hidden = new Fx.Slide('menu_optiones_case',{
									duration: 1000
								  });
								  slider_hidden.slideOut();
							}
							   
				   }
				 );
				 miAjax.request();	  	
			
		}

		 
	}
	else
	   if(document.getElementById('insert_brand_model').style.display=='block'){
		   document.getElementById('text_model').value=allTrim(document.getElementById('text_model').value);
		   document.getElementById('text_brand').value=allTrim(document.getElementById('text_brand').value);
		   if(document.getElementById('text_brand').value.length==0){
		   
			   var custom2 = new Custom.Alert('ALERT', 
					'Please enter a brand', 
					{alerthead: 'cahead', alertbox: 'cabox', alertbody: 'cabody'}
					);		
					custom2.create();									
				
			} 
			else{
				  if(document.getElementById('text_model').value.length==0){
		   
				   var custom2 = new Custom.Alert('ALERT', 
						'Please enter a model', 
						{alerthead: 'cahead', alertbox: 'cabox', alertbody: 'cabody'}
						);		
						custom2.create();									
				  } 
				  else{
				      var miAjax = new Ajax('universal_cases_customize.php?option=save_product_select&option_product=model_brand_inserts',
					  {
								method: 'get',
								data: $('selects_category'), //Pasamos el objeto form a enviar
								update: $('final_res'),
								onComplete: function()
								{
								  //document.getElementById('menu_optiones_case').style.display='none';
								  var slider_hidden = new Fx.Slide('menu_optiones_case',{
									duration: 1000
								  });
								  slider_hidden.slideOut();
							  }
								   
					   }
					 );
					 miAjax.request();	  	  
					  
				
				}
		   }
 
	   }
	  		 
	   else{
		   
		   var miAjax = new Ajax('universal_cases_customize.php?option=save_product_select&option_product=model_brand_selects',
				  {
							method: 'get',
							data:$('selects_category'), //Pasamos el objeto form a enviar
							update: $('final_res'),
							onComplete: function()
							{
							  //document.getElementById('menu_optiones_case').style.display='none';
                              var slider_hidden = new Fx.Slide('menu_optiones_case',{
								duration: 1000
							  });
							  slider_hidden.slideOut();
							  
							}
							   
				   }
				 );
				 miAjax.request();	     
	  
	  }
	      
	
	}

function validate_search_collection(){
   
      document.getElementById('text_search').value=allTrim(document.getElementById('text_search').value);
      if(document.getElementById('text_search').value.length==0){
	   
	   var custom2 = new Custom.Alert('ALERT', 
			'Please enter information to search', 
			{alerthead: 'cahead', alertbox: 'cabox', alertbody: 'cabody'}
			);		
			custom2.create();									
		
	}
	else{
	
	      //document.search_option2_form.submit();
		  var miAjax = new Ajax('universal_cases_customize.php?option=search_by_collection',
			{
					method: 'get',
					data:$('search_option2'), //Pasamos el objeto form a enviar
					update: $('results_search'),
					onComplete: function()
					{
					  slider2.slideIn();	
					}
				 	   
			}
         );
		 miAjax.request();
		 
	}


}

function verify_category2(option){
	category3=option.options[option.selectedIndex].id;
	if(category3=="other_cat3"){
	    document.getElementById('insert_model').style.display='block';
		document.getElementById('button_apply').style.display='block';
		form_brand_model_open=false;
		form_model_open=true;
		slider1.slideIn();
	}
	else{
		if(category3=="choose_cate3"){
			 document.getElementById('button_apply').style.display='none';
			 document.getElementById('insert_model').style.display='none';
			 form_brand_model_open=false;
			 form_model_open=false;
		}
		else{
			document.getElementById('button_apply').style.display='block';
			document.getElementById('insert_model').style.display='none';
			form_brand_model_open=false;
			form_model_open=false;
			slider1.slideIn();
		}
	}
	   
	//alert('verificacion :'+category3);
	
}
function loader_universals(option,page,update_div){
        if(option=='form_customize'){
		
		    actionActual = document.getElementById('form_customize').action;
			targetActual = document.getElementById('form_customize').target;
			document.getElementById('form_customize').action = page;
			document.getElementById('form_customize').target = 'dimentions_frame';
		    document.getElementById('form_customize').submit();
			document.getElementById('form_customize').action = actionActual;
			document.getElementById('form_customize').target = targetActual;
			document.getElementById('contenido_opciones_universales_clips').style.display='none';
			document.getElementById('dimentions_frame').style.display='block';

		}	 
		else{
			 
			 if(update_div=='select_category3'){
			   category2=option.options[option.selectedIndex].id;
			   option="option=getCategory3&cod_category2="+category2;
			   if(category2=="other"){
			      document.getElementById('select_category3').style.display='none';
				  document.getElementById('insert_model').style.display='none';
				  document.getElementById('insert_brand_model').style.display='block';
				  document.getElementById('button_apply').style.display='block';
				  form_brand_model_open=true;
				  form_model_open=false;
				  slider1.slideIn();
			   }
			   else{
				   
				   if(category2=="choose"){
	                  document.getElementById('select_category3').style.display='none';
					  document.getElementById('insert_brand_model').style.display='none';
					  document.getElementById('button_apply').style.display='none';
					  document.getElementById('insert_model').style.display='none';
					  form_brand_model_open=false;
					  form_model_open=false;
					  slider1.slideIn();
				   }
				   else{
					  document.getElementById('insert_brand_model').style.display='none'; 
					  document.getElementById('insert_model').style.display='none';
					  document.getElementById('button_apply').style.display='none';
					  form_brand_model_open=false;
					  form_model_open=false;
					  slider1.slideIn();
				      var miAjax = new Ajax(page,
						{
							method: 'get',
							data:option,
							update: $(update_div)
						
						});
					   miAjax.request();	 	   
				 	   
					   }
				    
			   } 
			 }
			 else{
			 
			var miAjax = new Ajax(page,
			{
				method: 'get',
				data:option,
				update: $(update_div),
				onComplete: function()
				{
				   galleryManager.setup();
				   fish_eye();
				}
			});
		    miAjax.request();
		  }
		}
		
}



	var color = '0';
	var pieza = '';
	var collection ='1';
	var precio_color='0.00';
	var precio_color_anterior='0.00';
	var precio_clip='0.00';
	var precio_clip_anterior='0.00';
	var precio_embossing_anterior='0.00';
	
	function calculate_emboss(new_price){
	
	  resultado=document.getElementById('price_customize').value-precio_embossing_anterior+parseFloat(new_price);
	  document.getElementById('price_customize').value=redondear(resultado, 2);
	  precio_embossing_anterior=new_price;
	}
	
	
	function cambiar (color,pieza,name_pieza) {
	
	  if(color!=0){
	  
	     document.getElementById('div_loader_c').style.display='block';
		// alert(document.getElementById(pieza+'-'+color+'-front').value);
		// alert(document.getElementById(pieza+'-'+color+'-back').value);
	   new Asset.images([document.getElementById(pieza+'-'+color+'-front').value,document.getElementById(pieza+'-'+color+'-back').value], 								       {
	            				
    			onComplete: function(){
				
				    document.getElementById('front-'+pieza).src = document.getElementById(pieza+'-'+color+'-front').value;
					document.getElementById('back-'+pieza).src =  document.getElementById(pieza+'-'+color+'-back').value;
					document.getElementById('piece_'+pieza).value=color;
					if(name_pieza=='body')
					{
						document.getElementById('back-clip').src =  document.getElementById(document.getElementById('selected_clip').value+'-'+color+'-clip').value;
						 document.getElementById('color_body').value=color;
						 resultado=document.getElementById('price_customize').value-precio_color_anterior+parseFloat(precio_color);
						 document.getElementById('price_customize').value=redondear(resultado, 2);
						 document.getElementById('price_color_review').value=precio_color;
						 precio_color_anterior=precio_color;
					}
					
					document.getElementById('div_loader_c').style.display='none';
							
			  }
			  
			  
		});

		 } 
		 else{
			    var custom1 = new Custom.Alert('ALERT', 
				'Please select a color', 
				{alerthead: 'cahead', alertbox: 'cabox', alertbody: 'cabody'}
					);		
				custom1.create();									
		 }
	
	
	   	
		
    }
	function cambiar_color (numero) {
		color = numero;
			
	}
	function cambiar_precio_color(precio_c){

	     precio_color=precio_c;
	
	}
	     
	function selected_color (img) {
		
	
		document.getElementById('selected_color_div').style.visibility="visible";		
		document.getElementById('selected_color').src = img;
	}
	
	function stock_product(){

        document.form_customize.shieldopt[3].checked=true;
		document.getElementById('default_clip').checked=true;
		document.getElementById('noemboss').checked=true;
		document.getElementById('price_customize').value=document.getElementById('original_price').value;
		
		
	}

	
	function change_clip(cod_clip,precio_clip){
	   
	   document.getElementById('selected_clip').value=cod_clip;
	   document.getElementById('back-clip').src = document.getElementById(cod_clip+'-'+document.getElementById('color_body').value+'-clip').value;
	   resultado=document.getElementById('price_customize').value-precio_clip_anterior+parseFloat(precio_clip);
	   document.getElementById('price_customize').value=redondear(resultado, 2);
	   document.getElementById('price_clip_review').value=precio_clip;
	   precio_clip_anterior=precio_clip;
	}
    
	function cambiar_menu(option){
	    if(option=="colors")
        {
		  document.getElementById('menu_colors').style.display='block';
		  document.getElementById('menu_clips').style.display='none';
		  document.getElementById('menu_embossing').style.display='none';
		  document.getElementById('step').value='colors';
		  document.getElementById('menu_shields').style.display='none';
		  document.getElementById('options_customize').style.display='block';
		  document.getElementById('best_sellers').style.display='block';
		  document.getElementById('link_back').style.display='none';
		  document.getElementById('selected_color_div').style.display='block';
		  
		}
		else
		{
		     if(option=="clips")
			{
			  document.getElementById('menu_colors').style.display='none';
			  document.getElementById('menu_clips').style.display='block';
			  document.getElementById('menu_embossing').style.display='none';
			  document.getElementById('step').value='clips';
			  document.getElementById('menu_shields').style.display='none';
			  document.getElementById('options_customize').style.display='block';
			  document.getElementById('best_sellers').style.display='block';
			  document.getElementById('link_back').style.display='block';
			  document.getElementById('selected_color_div').style.display='none';
			}
			else
			{
			         if(option=="embossing"){
					 
					  document.getElementById('menu_colors').style.display='none';
					  document.getElementById('menu_clips').style.display='none';
					  document.getElementById('menu_embossing').style.display='block';
					  document.getElementById('step').value='embossing';
					  document.getElementById('menu_shields').style.display='none';
					  document.getElementById('options_customize').style.display='none';
					  document.getElementById('best_sellers').style.display='none';
					  document.getElementById('link_back').style.display='block';
					  document.getElementById('selected_color_div').style.display='none';
					}
					else{
					      
						 if(option=="shields"){
						  document.getElementById('menu_colors').style.display='none';
						  document.getElementById('menu_clips').style.display='none';
						  document.getElementById('menu_embossing').style.display='none';
						  document.getElementById('menu_shields').style.display='block';
						  document.getElementById('step').value='shields';
						  document.getElementById('options_customize').style.display='block';
						  document.getElementById('best_sellers').style.display='block';
						  document.getElementById('link_back').style.display='block';
						  document.getElementById('selected_color_div').style.display='none';
						  
						}
					
					
					}
			
			}
		
		}
	 
	}
	function validar_emboss(){
	  
	  if(document.getElementsByName('radiobutton')[0].checked)
	      return true;
	  else{
	     
		 
		 if(document.getElementsByName('radiobutton')[1].checked){
		     if (document.getElementById('content_emboss_back').value.length==0)
			 {        
			           var custom1 = new Custom.Alert('ALERT', 
						'Please insert your emboss', 
						{alerthead: 'cahead', alertbox: 'cabox', alertbody: 'cabody'}
						);		
						custom1.create();									
	                  return false;
			 }
		 }
		 else{
		     if(document.getElementsByName('radiobutton')[2].checked){
			 
					
				 if (document.getElementById('content_emboss_front').value.length==0)
				 {          var custom1 = new Custom.Alert('ALERT', 
						'Please insert your emboss', 
						{alerthead: 'cahead', alertbox: 'cabox', alertbody: 'cabody'}
						);		
						custom1.create();
						  return false;
				 }
		  	}
			else{
			   
			     if(document.getElementsByName('radiobutton')[3].checked){
				    
					  if (document.getElementById('demo-filedata').value.length==0)
					 {         var custom1 = new Custom.Alert('ALERT', 
							'Please insert your logo', 
							{alerthead: 'cahead', alertbox: 'cabox', alertbody: 'cabody'}
							);		
							custom1.create();
							  return false;
					 }
					 else{
					 	if(LimitAttach(document.getElementById('demo-filedata')))
					    	 return false;
				 	}

				 }   
			}
		 } 
      }
	   return true;
	}
	
	function next_step(){
	 
	   if(document.getElementById('step').value=='colors'){  
	      cambiar_menu('clips');
		  document.getElementById('step').value='clips';
		  
	   }
	   else{   
	      if(document.getElementById('step').value=='clips'){    
		      cambiar_menu('shields');
		   	  document.getElementById('step').value='shields';
			 
		  }
		  else{
		      if(document.getElementById('step').value=='embossing'){
			     
				 if(validar_emboss())
				  {
				     loader_universals('form_customize','universal_cases_customize.php','contenido_opciones_universales_clips');
					 document.getElementById('step').value='embossing';
					 
				  }
			  }
			  else{
			     if(document.getElementById('step').value=='shields'){
			  	   cambiar_menu('embossing');
	 		   	   document.getElementById('step').value='embossing';
				
			  	}
			  
			  }
			  
		  }
	   }
		  
	}
	
	
	function back_step(){
	 
	   if(document.getElementById('step').value=='colors'){
		  document.getElementById('link_back').style.display='none';
	   }
	   else{   
	      if(document.getElementById('step').value=='clips'){    
		      cambiar_menu('colors');
		   	  document.getElementById('step').value='colors';
			  document.getElementById('link_back').style.display='none';
		  }
		  else{
		      if(document.getElementById('step').value=='embossing'){
			     
				  cambiar_menu('shields');
			   	  document.getElementById('step').value='shields';
				  document.getElementById('link_back').style.display='block';
			  }
			  else{
			     if(document.getElementById('step').value=='shields'){
			  	   cambiar_menu('clips');
	 		   	   document.getElementById('step').value='clips';
				   document.getElementById('link_back').style.display='block';
			  	}
			  
			  }
			  
		  }
	   }
		  
	}
	
	
	
	function redondear(cantidad, decimales) {
	var cantidad = parseFloat(cantidad);
	var decimales = parseFloat(decimales);
	decimales = (!decimales ? 2 : decimales);
	return Math.round(cantidad * Math.pow(10, decimales)) / Math.pow(10, decimales);	
	}
     
	 

function LimitAttach(tField)
{ 
	file=tField.value;
	extArray = new Array(".gif",".jpg",".png",".bmp",".psd",".tif");
	allowSubmit = false;
	if (!file) return;
	
	while (file.indexOf("\\") != -1) file = file.slice(file.indexOf("\\") + 1);
	ext = file.slice(file.indexOf(".")).toLowerCase();
	for (var i = 0; i < extArray.length; i++) {
	if (extArray[i] == ext) {
	allowSubmit = true;
	break;
	}
	}
	
	if (!allowSubmit)
	{
		alert("Usted sólo puede subir archivos con extensiones " + (extArray.join(" ")) + "\nPor favor seleccione un nuevo archivo");
		return true;
	}
	else
	    return false;
} 
	
	
function fish_eye(){
  var dock = new MacStyleDock(
      document.getElementById('dock'),
      [
        {
          name      : '/images/v2008/universal_collection/botones/colors',
          extension : '.png',
          sizes     : [50, 90],
          onclick   : function(){
                        cambiar_menu('colors');
                      }
        },
		{
          name      : '/images/v2008/universal_collection/botones/clips',
          extension : '.png',
          sizes     : [50, 90],
          onclick   : function(){
                        cambiar_menu('clips');
                      }
        },
		{
          name      : '/images/v2008/universal_collection/botones/shield',
          extension : '.png',
          sizes     : [50, 90],
          onclick   : function(){
                        cambiar_menu('shields');
                      }
        },
        {
          name      : '/images/v2008/universal_collection/botones/emboss',
          extension : '.png',
          sizes     : [50, 90],
          onclick   : function(){
                        cambiar_menu('embossing');
                      }
        }
      ],
      50,
      90,
      2);
}