function highLightShoppingCart(productId)
{
//alert(productId);
//var element = $('ShoppingCartBtn');


//הבהוב התיבה
//var myEffect = new Fx.Morph(element, {duration: 500, transition: Fx.Transitions.Sine.easeOut});
// 
//myEffect.start({
//    'height': [15, 35], //Morphs the 'height' style from 10px to 100px.
//    'opacity':0.7
//});
//var myTimer = RegularShoppingCart.delay(550); //Waits 5 seconds then executes myFunction.
////myTimer = $clear(myTimer); //Cancels myFunction.


//שליחת המוצר לתוך הסל אפקט מעולה אך נדחה----------------
//var pic = $('pic' + productId);
//if(pic == null) return;

////copy the image to absolute object
//var Copy = $(pic).clone().injectAfter(pic);
//Copy.set('styles', {
//    'filter':pic.getStyle('filter'),
//    'position': 'absolute'//,
//    //'border': 'solid 1px'
//});

//var ImagePos = pic.getCoordinates($('mainDivbody'));
//Copy.set('styles', { 
//    'top': ImagePos.top,
//    'left': ImagePos.left
//});





//var pos = element.getCoordinates(window);
//var myTransition = new Fx.Transition(Fx.Transitions.linear, 1);
//var myEffect =new Fx.Morph(Copy, {duration: 700,transition: myTransition.easeOut});
//myEffect.start({
//    'top': pos.top -195 , 
//    'left': pos.left -220 ,
//    'width':0,
//    'height':0 
//});
////שליחת המוצר לתוך הסל אפקט מעולה אך נדחה סוף---------------
$('totalShoppingCount').set('text' ,($('totalShoppingCount').get('text')*1)+1 ) ;
$('CartConfirmationBox').removeClass('CartConfirmationBox');

//var div = new Element('div');


CartConfirmationBox.show();
$$('.lightbox-container')[0].setStyle('opacity','0.3');
        var myEffects2 = new Fx.Morph($$('.lightbox-container')[0], {duration: 300, transition: Fx.Transitions.Sine.easeInOut});
        myEffects2.start({
            'opacity': [0.3,1]
           
        });

}
var CartConfirmationBox;
 //var Lightbox =new Lightbox($("CartConfirmation" ));
//function RegularShoppingCart()
//{
//var element = $('ShoppingCartBtn');
//var myEffect = new Fx.Morph(element, {duration: 500, transition: Fx.Transitions.Sine.easeOut});
//myEffect.start({
//    'height': 15, 
//    'opacity':1
//});
//}

//function showFloatMenuX()
//{
//var elements = $$(".small");
//elements.each(function(item, i) {

//    var myTimer;
//    var floatMenuA =item.getElement('.floatMenu');
//    var floatMenu =floatMenuA.getElement('ul');
//    var mySlide = new Fx.Slide(floatMenu, {duration: 500, mode: 'horizontal'}).hide();
//			
//	item.addEvents({
//	'mouseover': function() {
//	myTimer= $clear(myTimer);
//	hideAll();
//    	var myFunc1 = showMenu.create({ //When called, this function will attempt.
//    attempt: true,
//    bind: floatMenu
//    });
//	myFunc1.delay(100, floatMenu);
//    $('abc').set('html','over');
//	},
//	'mouseout': function() {
//	var myFunc = hideMenu;
//	//myFunc.delay(1000, floatMenu);
//	myTimer = myFunc.delay(1000, floatMenu);
//	 $('abc').set('html','out');
//	}
//	});	

////		
////	item.addEvents({
////	'mouseover': function() {
////	hideAll();
////	myTimer= $clear(myTimer);
////	var myFunc1 = showMenu.create({ //When called, this function will attempt.
////    attempt: true,
////    bind: floatMenu
////    });
////	myFunc1.delay(100, floatMenu);
////	},
////	'mouseout': function() {
////	var myFunc = hideMenu;
////	//myFunc.delay(1000, floatMenu);
////	myTimer = myFunc.delay(1000, floatMenu);
////	}
////	});
//	
////	floatMenu.addEvents({
////	'mouseover': function() {
////	var myFunc = hideMenu;
////	myTimer= $clear(myTimer);
////	openElement = floatMenu;
////	mySlide.show();
////	//alert('floatMenuIn');
////	},
////	'mouseout': function() {
////    var myFunc = hideMenu;
////	myTimer = myFunc.delay(1000, floatMenu); 
////	//alert('floatMenuOut');
////	}
////	});
//	
////	var a = floatMenu.getElements('a');
////	a.each(function(it, z) {
////    it.addEvents({
////	'mouseover': function() {
////	var myFunc = hideMenu;
////	myTimer= $clear(myTimer);
////	//alert('floatMenuIn');
////	mySlide.show();
////	}
////	});
////    });
////	
//	
//	

//});

//}
//function hideMenu()
//{
// 	var mySlide = new Fx.Slide(this, {
//		duration: 0,mode: 'horizontal'
//		});
//	mySlide.hide();
//}
//function showMenu()
//{
// 	var mySlide = new Fx.Slide(this, {
//		duration: 0,mode: 'horizontal'
//		});
//	mySlide.show();
//}
//function hideAll()
//{
//var elements = $$(".showFloatMenu");
//elements.each(function(item, i) {
//var floatMenuA =item.getElement('.floatMenu');
//var floatMenu =floatMenuA.getElement('ul');
//var mySlide = new Fx.Slide(floatMenu, {duration: 0, mode: 'horizontal'});
//mySlide.hide();
//});

//}

//window.addEvent('load', showFloatMenu);
//function showFloatMenu()
//{
//var elements = $$(".showFloatMenu");
//elements.each(function(item, i) {

//     var absoluteElement = new Element('div',{ 'class': 'myClass','id':item.id+'1'});
//     absoluteElement.hide();
//     item.adopt(absoluteElement);
//     
//    	item.addEvents({
//    	'mouseover': function() {
//        absoluteElement.show();
//        
//    	},
//    	'mouseout': function() {
//    	 absoluteElement.hide();
//        }
//    	});
//    
//      
//    // absoluteElement.set('html',item.id+'1');
//    

//});



//     var absoluteElement = new Element('div',{ 'class': 'myClass'});
//     $(document.body).adopt(absoluteElement);
//     var floatdiv = $(document.body).getElement('.small');
//     alert(floatdiv);
//     absoluteElement.set('html',floatdiv.get('html'));
//}

window.addEvent('load', function(){
if($('CartConfirmationBox') != null){
$('CartConfirmationBox').addClass('CartConfirmationBox');
CartConfirmationBox=new Lightbox($('CartConfirmationBox'),{opacity:0})
}
//checkbox-design

if($(document.body).getElement('.checkbox')) 
    new CheckBoxes(".checkbox");
});


window.addEvent('load', addSearchText);
function addSearchText()
{
var searchDiv = $(document.body).getElement('.search');
if(searchDiv != null){
var searchFiled =searchDiv.getElement('input');

    initField(searchFiled);}
}
function initField(field) {
	if (field) { 
			if ((field.type == "text" ) && (field.value != null)) {	
			field.graytext = field.value;
			field.onfocus = function () {
				if (this.value==this.graytext){
					this.value="";
				} else {
					this.select();
				}
			}
			field.onblur = function () {
				if (this.value=="") {
				this.value=this.graytext;
				}
			}
		}
	}
}


function hideValidator(ArrayValidatorId, ElementId)
{
   for(var i = 0; i <ArrayValidatorId.length; i++){
  $(ArrayValidatorId[i]).setStyle('display','none');}
  $(ElementId).focus();
}
function addOverState(element,add_Class, remove_Class)
{
   element=$(element);
   if (add_Class.length>0)
       element.addClass(add_Class);
    if(remove_Class.length>0)
        element.removeClass(remove_Class);
        
}