var buyPopupConter = 0;

function AddItemToCart(theForm, idSite){


	var isFF = false;
	
	if (navigator.userAgent.indexOf("Firefox")!=-1) isFF = true;


	// TRACK WITH GA!
	try{
		pageTracker._trackEvent('OnePageCheckout', 'AddToCart');
	}
	catch(ex){
		
	}



   var requestUrl = '/cms2k/modules/shop/storefront/ajax/add.asp?siteID='+ idSite ;
   var idProduct = theForm.pid.value;
   var origFrmAction = theForm.action;
   theForm.action = requestUrl;
   
   // Show status indicator ...
   var objStatusIndicator = document.getElementById('statusindicator'+ idProduct );
   
   objStatusIndicator.style.display = 'inline';
   
   var objSbtBtn = document.getElementById('btnadd'+ idProduct );
   objSbtBtn.disabled = true;
   
   var strContent = ''
   
			var myWidth = 0, myHeight = 0;
			var pxScrollTop = 0;
			if(typeof(window.innerWidth) == 'number') {
				//Non-IE
				myWidth = window.innerWidth;
				myHeight = window.innerHeight;
				pxScrollTop = document.body.scrollTop;
			}
			else if(document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
				//IE 6+ in 'standards compliant mode'
				myWidth = document.documentElement.clientWidth;
				myHeight = document.documentElement.clientHeight;
				if (document.documentElement && !document.documentElement.scrollTop){
					// IE6 +4.01 but no scrolling going on
					pxScrollTop = 0;
					}
				else if (document.documentElement && document.documentElement.scrollTop){
					// IE6 +4.01 and user has scrolled
					pxScrollTop = document.documentElement.scrollTop;
					}
				
				else if (document.body && document.body.scrollTop){
					// IE5 or DTD 3.2
					pxScrollTop = document.body.scrollTop;
				}
			} 
			else if(document.body &&(document.body.clientWidth || document.body.clientHeight)) {
				//IE 4 compatible
				myWidth = document.body.clientWidth;
				myHeight = document.body.clientHeight;
				if (document.documentElement && !document.documentElement.scrollTop){
					// IE6 +4.01 but no scrolling going on
					pxScrollTop = 0;
					}
				else if (document.documentElement && document.documentElement.scrollTop){
					// IE6 +4.01 and user has scrolled
					pxScrollTop = document.documentElement.scrollTop;
					}
				else if (document.body && document.body.scrollTop){
					// IE5 or DTD 3.2
					pxScrollTop = document.body.scrollTop;
				}
			}
			
			var pxLeft = (myWidth/2-300+10);
			var pxTop = (myHeight/2-235)+pxScrollTop;
			
			//alert('myWidth: '+ myWidth +'\nmyHeight: '+ myHeight +'\npxLeft: '+ pxLeft +'\npxTop: '+ pxTop +'\npxScrollTop: '+ pxScrollTop );
			var objPopup = document.getElementById('buypopup');
			objPopup.style.display = 'none';
			// objPopup.innerHTML = 'Jeeeeeeeeeaaaaaahhhhhhhhhhh';
   
    theForm.request({   
    onComplete: function(request){ 

        if (200 == request.status){
            // btn.update('Favorite blev gemt i valgte folder');
            // btn.removeClassName('favoriteLoaderBox');
            // btn.addClassName('frmAddFaveFolder');
           //  alert('Yihaa! - now, fetch and update cart info!');
			theForm.action = origFrmAction;
			
			objPopup.style.left 			= pxLeft +"px";
			objPopup.style.top 				= pxTop +"px";
			objPopup.style.width 			= "570px";
			objPopup.style.height 			= "309px";
			// objPopup.style.backgroundImage 	= "url(/gfx/bg_added_popup.gif)";
			objPopup.style.backgroundColor 	= "#000";
			
			objPopup.style.position		 	= "absolute";
			objPopup.style.display 			= "inline"; // "inline";
			
			var responseText = request.responseText;
			// alert(responseText);
			
			
			if (window.DOMParser){
				parser = new DOMParser();
				xmlDoc = parser.parseFromString(responseText,"text/xml");
			} else { // Internet Explorer
				xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
				xmlDoc.async = "false";
				xmlDoc.loadXML(responseText); 
			}
			
			
			
			var totalItems = xmlDoc.getElementsByTagName("items")[0].childNodes[0].nodeValue; // cart -> items
			var totalAmount = xmlDoc.getElementsByTagName("total")[0].childNodes[0].nodeValue; // cart -> total
			
			// alert('totalItems: '+ totalItems +'\ntotalAmount: '+ totalAmount +'');
			
			
			
			var divTotalItems = document.getElementById('cart-top-total-items');
			var divTotalAmount = document.getElementById('cart-top-total-amount');
			
			divTotalItems.innerHTML = totalItems;
			divTotalAmount.innerHTML = totalAmount;
			
			
			var innerDIV = "<div><div style=\"height:30px\"></div><br>"
						+"<div style=\"margin-left:100px; width:370px; height:60px; float:left; font-size:21px;color:#FFF;\">Varen er nu lagt i din indkøbskurv</div>"
						+"<div style=\"margin-right:30px; width:30px; height:60px; float:right; cursor:pointer; color:#FFF;\" onclick=\"HideBuyPopup()\">X</div>"
						+"</div><br>"
						
						+"<br><div style=\"margin-left:100px; width:370px;;color:#FFF;\">Din indkøbskurv indeholder "+ totalItems +" varer til en samlet pris på "+ totalAmount +"</div><br>"
						
						
						+"<div style=\"float:left; margin:70px 0 0 100px\"><img onclick=\"HideBuyPopup()\" style=\"cursor:pointer\" src=\"/gfx/btn_added_continue_shopping.gif\" onMouseOver=\"this.src='/gfx/btn_added_continue_shopping.gif'\" onMouseOut=\"this.src='/gfx/btn_added_continue_shopping.gif'\"></div>"
						
						
						
						
						
						
						+"<div style=\"float:left; margin:70px 0 0 30px\"><a href=\"/indkoebskurv/\"><img style=\"cursor:pointer\" src=\"/gfx/btn_added_gotocart.gif\" onMouseOver=\"this.src='/gfx/btn_added_gotocart.gif'\" onMouseOut=\"this.src='/gfx/btn_added_gotocart.gif'\" style=\"border:none;\"></a></div>"
						
						+ "<br /><br /><div style=\"clear:both\"></div>"
						
						
						+"<div style=\"clear:left; padding-left:100px; margin-top:10px; color:#fff\"><p style=\"padding-top:0px\"><div style=\"color:#FFF;\">Vinduet lukker automatisk om 5 sekunder</div></p></div>";
						
						// +"<div style=\"clear:left; padding-left:100px; margin-top:10px; color:#fff\"><p style=\"padding-top:0px\"><form><input type=\"checkbox\" name=\"popupCHECK\" id=\"popupCHECK\"onclickXXXX=\"CookieSkjulKoebPopup()\"> <label for=\"popupCHECK\" style=\"color:#FFF;\">Vis ikke igen</label></form></p></div>";
			
			objPopup.innerHTML = innerDIV;
			
			objStatusIndicator.style.display = 'none';
			objSbtBtn.disabled = false;
			
			buyPopupConter ++;
			var myCounter = buyPopupConter;
			
			// if isFF scroll to top ...
			if(isFF){
				window.scrollTo(0,0);
			}
			
			
			setTimeout(function(){SilentHideBuyPopup(''+ myCounter +'')} , 5000);

        } else if(409 == request.status){
		
		
			var responseText = request.responseText;
			// alert(responseText);
			
			
			var browser = "N/A";
			
			if (window.DOMParser){
				parser = new DOMParser();
				xmlDoc = parser.parseFromString(responseText,"text/xml");
				
				// Non IE browser
				browser = "nonie";
				
			} else { // Internet Explorer
				xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
				xmlDoc.async = "false";
				xmlDoc.loadXML(responseText); 
				browser = "ie";
			}
			
			
			// Now we have loaded our XML
			// Loop variants to print in dropdown-box ....
			
			var variantCount = 0;
			
			var htmlCode = '<select name="selectsadd" style="width:250px;font-size:18px;">';
			
			switch(browser){
				case "ie" :
					// alert('IE Browser! Do a trick you\'ve learned');

					   //searches for and gets the variant tag elements in the XML file
						var variants = xmlDoc.getElementsByTagName('variant');
						//creates an HTML string and adds an unordered list element
						
						//loop through all of the variant elements
						for (i=0; i < variants.length; i++)
						{
							//get variant attributes
							var variantId = variants[i].getAttribute('id');
							var variantName = variants[i].getAttribute('name');
							var variantSku = variants[i].getAttribute('sku');
							var variantPrice = variants[i].getAttribute('price');
							
							htmlCode += '<option value="'+ variantId +'">'+ variantName +'</option>';
							
							variantCount ++;
							
						}
						
						// alert(htmlCode);
					
					
					
					
					
					
					break;
					
				case "nonie" :
					// alert('non ie browser ... ;) Do the other trick you learned!');
					
						var variants = xmlDoc.getElementsByTagName('variant');						
						//loop through all of the variant elements
						for (i=0; i < variants.length; i++)
						{
							//get variant attributes
							var variantId = variants[i].getAttribute('id');
							var variantName = variants[i].getAttribute('name');
							var variantSku = variants[i].getAttribute('sku');
							var variantPrice = variants[i].getAttribute('price');
							
							htmlCode += '<option value="'+ variantId +'">'+ variantName +'</option>';
							
							variantCount ++;
							
						}
					break;
			}
			
			
			htmlCode += "</select>"
			
						+"		<input name=\"btnadd"+ idProduct +"\" type=\"submit\" id=\"btnadd"+ idProduct +"\" class=\"greenBtn\" onFocus=\"this.blur();\" style=\"outline: none;\" value=\"Læg i kurv\"  />"
						+"		<div id=\"statusindicator"+ idProduct +"\" style=\"width:20px;height:20px;background-color:#FF0;display:none;\">arbejder</div>"
						+"		<input name=\"pid\" type=\"hidden\" id=\"pid\" value=\""+ idProduct +"\" />"
						+"		<input name=\"optionsQuantity\" type=\"hidden\" id=\"optionsQuantity\" value=\"0\" />"
			
			
			if (variantCount == 0){
			
				htmlCode = '<span style="color:#FFF;font-size:18px;">ALLE VARIANTER ER DESVÆRRE UDSOLGT!</span>';
			
			}
			
			
			
			
			objPopup.style.left 			= pxLeft +"px";
			objPopup.style.top 				= pxTop +"px";
			objPopup.style.width 			= "570px";
			objPopup.style.height 			= "309px";
			// objPopup.style.backgroundImage 	= "url(/gfx/bg_added_popup.gif)";
			objPopup.style.backgroundColor 	= "#000";
			
			objPopup.style.position		 	= "absolute";
			objPopup.style.display 			= "inline"; // "inline";
			
			var innerDIV = 	"<div>"
			
							+"	<div style=\"height:30px\"></div><br>"
							+"	<div style=\"margin-left:100px; width:370px; height:60px; float:left; font-size:21px;color:#FFF;\">Vælg venligst en variant</div>"
							+"	<div style=\"margin-right:30px; width:30px; height:60px; float:right; cursor:pointer; color:#FFF;\" onclick=\"HideBuyPopup()\">X</div>"
							+"</div><br>"
							
							+"<div style=\"clear:both;\"></div>"
						
						
							+"<form action=\"\" method=\"post\" name=\"popupproduct"+ idProduct +"\" id=\"popupproduct"+ idProduct +"\" onSubmit=\"return AddItemToCart(this, "+ idSite +");\">"
						
						
							+"	<div style=\"margin-left:100px; width:370px; height:120px; font-size:11px;color:#FFF;\">"
						
						
							
						
							+"		"+ htmlCode +" "
						
						
							
							
										
							+"	</div>"
						
//						+"<div style=\"float:left; margin:10px 0 0 100px\"><img onclick=\"HideBuyPopup()\" style=\"cursor:pointer\" src=\"/gfx/btn_addcart_cancel.gif\" onMouseOver=\"this.src='/gfx/btn_addcart_cancel.gif'\" onMouseOut=\"this.src='/gfx/btn_addcart_cancel.gif'\"></div>" // 
//						+"<div style=\"float:left; margin:10px 0 0 30px\"><a href=\"/indkoebskurv/\"><img style=\"cursor:pointer\" src=\"/gfx/btn_addcart.gif\" onMouseOver=\"this.src='/gfx/btn_addcart.gif'\" onMouseOut=\"this.src='/gfx/btn_addcart.gif'\" style=\"border:none;\"></a></div>"
//						+ "<br /><br /><div style=\"clear:both\"></div>"
						
						
						+"</form>"
						
						
						
						+"<div style=\"clear:left; padding-left:100px; margin-top:10px; color:#fff\"><p style=\"padding-top:0px\"><!-- Footer --></p></div>";
			
			objPopup.innerHTML = innerDIV;
			
			objStatusIndicator.style.display = 'none';
			objSbtBtn.disabled = false;
			
			// if isFF scroll to top ...
			if(isFF){
				window.scrollTo(0,0);
			}

			buyPopupConter ++;
			// var myCounter = buyPopupConter;
			// setTimeout(function(){SilentHideBuyPopup(''+ myCounter +'')} , 5000);
		} else {
			alert('Fejl!\n'+ request.responseText );
			theForm.action = origFrmAction ;
			objStatusIndicator.style.display = 'none';
			objSbtBtn.disabled = false;
        }
        return false;
    } 
})
   return false;
}


function HideBuyPopup(){
	document.getElementById('buypopup').style.display = 'none';
}

function SilentHideBuyPopup(icount) {
	if(buyPopupConter +'' == icount +''){
		document.getElementById('buypopup').style.display = 'none';
   } else { 
   }
}