window.addEvent('domready',function(){

				var xmlHttp;	


var sessEl = document.getElementById('cart').getElementsByTagName('*');
for(i=0; i<sessEl.length; i++){
 var sessChild = sessEl[i];
 var setClick = sessChild.onclick=function(){removeCart(this.id);};

	$$('#cart .buy').each(function(e){
	 var fade = new Fx.Style(e, 'opacity', {wait:false});
  	 fade.set(1);
 	 e.addEvent('mouseover', function(){
     fade.start(.6);
  	 });
  	 e.addEvent('mouseout', function(){
     fade.start(1);
  });
	 });
}


//cart



function cartTotal(){
		var itemsInShoppingCart = $('cart').getElementsByTagName('*');
		for(i=0;i<=itemsInShoppingCart.length-1;i++)
	 	var itemTotal = itemsInShoppingCart[i];
		var total = itemTotal.getAttribute('price');
		var quantity = itemTotal.getAttribute('quantity');
	    var clonedId = itemTotal.getAttribute('id');
		var clonedSize = itemTotal.getAttribute('size')
		var clonedName = itemTotal.getAttribute('name')
		var getSrc = itemTotal.getAttribute('largeLink');
		var setImage = itemTotal.setAttribute('src', getSrc);
		var totalQuantity = parseFloat(total)* parseFloat(quantity);
		var newTipPrice = (totalQuantity.toFixed(2));
		var setAttributeItem = itemTotal.setAttribute('class', 'buy');
		if(clonedSize>"0"){
	var addTip = itemTotal.onmouseover=function(){ddrivetip(
			'<span>' +
			clonedName +
			'</span><br/>Quantity: '+
			quantity + 
			'<br/>Glass: ' +
			clonedSize +
			'<br/>Total: \u00A3' +
			newTipPrice + 
			'<br/>Click To Remove' ,'white', 120);};
	}
	else{
	var addTip = itemTotal.onmouseover=function(){ddrivetip(
			'<span>' +
			clonedName +
			'</span><br/>Quantity: '+
			quantity + 
			'<br/>Total: \u00A3' +
			newTipPrice + 
			'<br/>Click To Remove' ,'white', 120);};
		
	}
	var removeTip = itemTotal.onmouseout=function(){hideddrivetip();};
		var expireDate = new Date();
		expireDate.setMonth(expireDate.getMonth()+1);
		var hitCt = parseInt(cookieVal("pageHit"));
		hitCt++;
	    document.cookie = "pageHit=" + hitCt + ";path=/;expires="+
	    expireDate.toGMTString();
;
		var newClonedId = clonedId.substring(7);
		var setClonedId = newClonedId+'_'+hitCt;
		itemTotal.setAttribute('id', setClonedId);
		var clickAttribute = itemTotal.onclick=function(){removeCart([setClonedId]);};
		var update = $('cartTotal').innerHTML;
		var updateSplit = update.split(" ");
	    var updateNumbers = updateSplit[3];
	    var removeRM = updateNumbers.replace(/\u00A3/,"");
		
		var upTotal = parseFloat(removeRM)+ parseFloat(totalQuantity);
		var updateTotal = (upTotal.toFixed(2))
		var cloneCount = $('cartItems').innerHTML;
		var splitClone = cloneCount.split(" ");
		var cloneNumber = splitClone[2];
	    var addUpQuantity = parseInt(cloneNumber)+ parseInt(quantity);
		var quantityString = String(addUpQuantity);
		if(quantityString == "1"){
		 $('cartItems').innerHTML = "You Have 1 Item in Your Cart";
		 }
		else{
		 $('cartItems').innerHTML = "You Have "+[addUpQuantity]+" Items in Your Cart";
		 }
		$('cartTotal').innerHTML = "Your Total is \u00A3"+[updateTotal];
		var newString = String(setClonedId);
	 	var splitNew = newString.split('_');
		var getArray = splitNew[1];
		var setSessionId = splitNew[0];
		xmlHttp=GetXmlHttpObject()
		if (xmlHttp==null){
		alert ("Browser does not support HTTP Request");
		return;} 
		var url="savetosession.php";
		url=url+"?product="+setSessionId;
		url=url+"&quantity="+quantity;
		url=url+"&size="+clonedSize;
		url=url+"&array="+getArray;
		url=url+"&total="+updateTotal;
	 	url=url+"&items="+addUpQuantity;
		url=url+"&sid="+Math.random();
		xmlHttp.onreadystatechange=stateChanged ;
		xmlHttp.open("GET",url,true);
		xmlHttp.send(null);}
		function stateChanged(){ 
		if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete"){ 
		document.getElementById("livesearch").
		innerHTML=xmlHttp.responseText;}}
		function GetXmlHttpObject(){
		var xmlHttp=null;
		try{
		xmlHttp=new XMLHttpRequest();}
		catch (e){
		try{
		xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");}
		catch (e){
		xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");}}
		return xmlHttp;
}
var drop = $('cart');
var dropFx = drop.effect('background-color', {wait: false});
 // wait is needed so that to toggle the effect,
var itemEffect = new Fx.Styles($('cartItems'), {duration: 700,transition: Fx.Transitions.Bounce.easeOut, wait: false}).start('90','0');
var totalEffect = new Fx.Styles($('cartTotal'), {duration: 700,transition: Fx.Transitions.Bounce.easeOut, wait: false}).start('90','0');


$$('.item').each(function(item){
 
	item.addEvent('mousedown', function(e) {
										
		e = new Event(e).stop();
 
		var clone = this.clone()
		var theSrc = clone.getAttribute('largeLink');
		var newOne = clone.setAttribute('src', theSrc);
		var setCoor = clone.setStyles(this.getCoordinates()) // this returns an object with left/top/bottom/right, so its perfect
		var setOpacity= clone.setStyles({'opacity': 0.7, 'position': 'absolute'})
		var empty= clone.addEvent('emptydrop', function() {
											
				this.remove();
				drop.removeEvents();
			}).inject(document.body);
			
 
		drop.addEvents({
			'drop': function() {
				drop.removeEvents();
				clone.remove();
				item.clone().inject(drop);
			    itemEffect.start({'color': '0000FF'});
				totalEffect.start({'color': '0000FF'});
				dropFx.start('CCC').chain(dropFx.start.pass('ffffff', dropFx));
				$$('#cart .item').each(function(e){
 	 var fade = new Fx.Style(e, 'opacity', {wait:false});
  	 fade.set(1);
 	 e.addEvent('mouseover', function(){
     fade.start(.6);
  	 });
  	 e.addEvent('mouseout', function(){
     fade.start(1);
  });
});
				cartTotal();
			},
			'over': function() {
				dropFx.start('F60');
				itemEffect.start({'color': 'F60'});
				totalEffect.start({'color': 'F60'});
				
			},
			'leave': function() {
				dropFx.start('ffffff');
				itemEffect.start({'color': '0000FF'});
				totalEffect.start({'color': '0000FF'});
			}
			
		});
 
		var drag = clone.makeDraggable({
			droppables: [drop]
		}); // this returns the dragged element
 
		drag.start(e); // start the event manual

});
	});
//noobSlide Function
window.addEvent('domready',function(){
		var hs2 = new noobSlide({
			box: $('box2'),
			items: [1,2,3,4,5,6,7,8,9,10],
			interval: 3000,
			autoPlay: true,
			fxOptions: {
				duration: 1000,
				transition: Fx.Transitions.Bounce.easeOut,
				wait: false
			},
			buttons: {
				
			}
		});


//qSlider
  var opt = {
  duration: 3000,
  delay: 1000,
  auto:true,
  onMouseEnter: function(){this.stop();},
  onMouseLeave: function(){this.play();}
  }
var scroller = new QScroller('qscroller1',opt);
scroller.load();


		});
});