boxes = new Array("off_top", "off_top2", "off_left", "off_right", "off_bottom");

//take out this function from the mast
function changeImg2(ele){}

function shift(ele)
{

	var myEffect = $(ele).effect('padding-left', {duration: 10, transition: Fx.Transitions.linear, wait:false});
	myEffect.start($(ele).getStyle('padding-left'), '10px');
	//$(ele).setStyle('padding-left','10px');



}
function shiftback(ele)
{
	

	var myEffect = $(ele).effect('padding-left', {duration: 10, transition: Fx.Transitions.linear, wait:false});
	myEffect.start($(ele).getStyle('padding-left'), 0);




}

function show_boxes(){
	for (var x = 0; x < boxes.length; x++)	
		$(boxes[x]).setStyle('display','block');


}

function hide_boxes(){

	for (var x = 0; x < boxes.length; x++)
		$(boxes[x]).setStyle('display','none');


}

//onMouseOver=style.padding-left='2px'

var Drop = new Class({
 
 initialize: function(){
        this.A = new Array('account', 'supplies','building','televisions','video','audio','cameras','phone','computer','appliances','healthcare');
	},


 masthead_slide: function (sId) {

	//sets element to visible
	if($(sId).getStyle('visibility') == 'hidden')
	{
	$(sId).setStyle('visibility','visible');
	
	//initializes mootools Fx.Height object
	var open = new Fx.Height($(sId), {duration: 250});
		
	//drops down the menu
	open.toggle(); 

	//function to close out all other menus
	this.masthead_slide_out_all(sId);
	}

},



//slides all dropdowns next to the menu 
 masthead_slide_out_all: function(sId2){

	var x = 0;


	for (var x = 0; x < this.A.length; x++)
	{
		
		if(sId2 != this.A[x])	{
		$(this.A[x]).setStyle('visibility','hidden');
		var close = new Fx.Height($(this.A[x]), {wait:false});
		
		//closes the menu
		close.hide(); 
		}
	    
	}
},

//slides all dropdowns for the invisible image rollover - off of the dropdown
 masthead_slide_out_all_noarg: function(){
	var x = 0;
	for (var x = 0; x < this.A.length; x++)
	{
		
		$(this.A[x]).setStyle('visibility','hidden');
		var close = new Fx.Height($(this.A[x]), {wait:false});
				
		//closes the menu
		close.hide(); 

	    
	}
	
	for(var b = 0; b < topnavArr.length; b++)
		{
	
		var c = null;
		var d = document.getElementById(topnavArr[b]).src.match('_over.gif');
			if(d != null && topnavArr[b] != 'topnav_shop'){
			var c = document.getElementById(topnavArr[b]).src.split('_over.gif');
			document.getElementById(topnavArr[b]).src = c[0] + '.gif';
			}
	}
}

});

 function changelastImg(){
	for(var b = 0; b < topnavArr.length; b++)
		{
	
		var c = null;
		var d = document.getElementById(topnavArr[b]).src.match('_over.gif');
			if(d != null && topnavArr[b] != 'topnav_shop'){
			var c = document.getElementById(topnavArr[b]).src.split('_over.gif');
			document.getElementById(topnavArr[b]).src = c[0] + '.gif';
			}
	}

}
var shop_slide;
var shop_slide2;

var mySlider;
    window.onload = function() {
        shop_slide = new Fx.Slide($('shop_cart1'), {duration: 250}); 
	shop_slide2 = new Fx.Slide($('shop_cart2'), {duration: 250});
	
	shop_slide2.hide();
	document.getElementById('shop_cart2').style.display = 'block';

    }

//function to slide cart views for cart
function tog_cart(){

shop_slide.toggle();
shop_slide2.toggle();

if(document.getElementById('shop_arr').src.match("/static/ceredesign/images/sidebar/cart-preview-on.gif"))
	document.getElementById('shop_arr').src = "/static/ceredesign/images/sidebar/cart-preview-off.gif";
else 
	document.getElementById('shop_arr').src ="/static/ceredesign/images/sidebar/cart-preview-on.gif";

}

var DropDown = new Drop();