/* GET HOST */
function getHost(){
	if(window.location.hostname == 'localhost'){
		host = '/reducedfat/tvt';
	}else{
		host = '';
	}
	
	return host;
}


/* ADD SPECIFICATIONS */
function addSpec(){
	var host = getHost();
	var spec = $('new_spec').value;
		
	new Ajax.Updater('show_spec', host+'/cms/products/add_spec', {
  method: 'post',
  parameters: {spec: spec},
  insertion: Insertion.Bottom
  });
  
}

function removeSpec(id){
	$('s_'+id).innerHTML = "";
}

/* ADD FEATURES */
function addFeat(){
	var host = getHost();
	var feat = $('new_feat').value;
		
	new Ajax.Updater('show_feat', host+'/cms/products/add_feat', {
  method: 'post',
  parameters: {feat: feat},
  insertion: Insertion.Bottom
  });
  
}
function removeFeat(id){
	$('f_'+id).innerHTML = "";
}




/* DROP DOWN */
function showSub(num){
	var li = 'drop-'+num;
	var sub = 'sub-'+num;
	var height = $(sub).getHeight();	
	var style = $(sub).getStyle('display');
	
	new Effect.BlindDown(sub, {duration: .3});
	$(sub).show();
	
}

function hideSub(num){
	var li = 'drop-'+num;
	var sub = 'sub-'+num;
	var style = $(sub).getStyle('display');
	$(sub).setStyle({display: 'none'});
	$(sub).hide();
}

/* SLIDER STUFF */
function MoveLeft(gallery)
            {
            		var blocks = document.getElementById("blocks_"+gallery).value;
                var page = document.getElementById("current_"+gallery);
                var boxSize = 324;
                var boxEffect = document.getElementById("boxEffect_"+gallery).value;
                
                
                //move the big box
                if (page.value == 1)
                {
                    setBoxEffect(-boxEffect)
                    page.value = blocks;
                }
                else
                {
                    setBoxEffect(boxSize)
                    var val = parseInt(page.value) - 1;
                    page.value = val;
                }
            }
            
            function MoveRight(gallery)
            {
               var blocks = document.getElementById("blocks_"+gallery).value;
                var page = document.getElementById("current_"+gallery);
                var boxSize = 324;
                var boxEffect = document.getElementById("boxEffect_"+gallery).value;
                 
                               
                //move the big box
                if (page.value == blocks)
                {
                    setBoxEffect(boxEffect)
                    page.value = 1;
                }
                else
                {
                    setBoxEffect(-boxSize)
                    var val = parseInt(page.value) + 1;
                    page.value = val;
                }
            }
            
                        
            function setBoxEffect(x)
            {
                new Effect.MoveBy('bigslider', 0, x , {duration: 0.4,  transition: Effect.Transitions.sinoidal, queue: 'end'});
            }