function HTTP() {
 var xmlhttp
 /*@cc_on @*/
 /*@if (@_jscript_version >= 5)
   try {
   xmlhttp=new ActiveXObject("Msxml2.XMLHTTP")
  } catch (e) {
   try {
     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")
   } catch (E) {
    xmlhttp=false
   }
  }
 @else
  xmlhttp=false
 @end @*/
 if (!xmlhttp) {
  try {
   xmlhttp = new XMLHttpRequest();
  } catch (e) {
   xmlhttp=false
  }
 }
 return xmlhttp
}

if (typeof getURL=='undefined') {
 getURL=function(url,fn) { 
  var xmlhttp= HTTP();
  if (xmlhttp) {
   xmlhttp.open('GET',url, true, '', '');  

   xmlhttp.onreadystatechange=function() {
    if (xmlhttp.readyState==4) {
     fn({status:xmlhttp.status,content:xmlhttp.responseText,
      contentType:xmlhttp.getResponseHeader("Content-Type")})
    }
   }
   xmlhttp.send(null)
  } else {
   //Some Appropriate Fallback...
  }
 }
}
if (typeof postURL=='undefined') {
 postURL=function(url,txt,fn,type,enc) {
  var xmlhttp=new HTTP();
  if (xmlhttp) {
   xmlhttp.open("POST",url,true);
   if (enc) xmlhttp.setRequestHeader("Content-Encoding",enc)
   if (type) xmlhttp.setRequestHeader("Content-Type",type)
   xmlhttp.onreadystatechange=function() {
    if (xmlhttp.readyState==4) {
     fn({status:xmlhttp.status,content:xmlhttp.responseText,
      contentType:xmlhttp.getResponseHeader("Content-Type")})
    }
   }
   xmlhttp.send(txt)
  } else {
   //Some Appropriate Fallback...
  }
 }
}

function submitform(elementName) 
{
    formElement = document.getElementById(elementName);
    formElement.submit();
}

function SubmitPaypalForm() {
  frm = document.getElementById('ccform');
  frm.submit();
}

function CountrySelectionChanged(elem) {
    getURL('session/changecountry.php?country=' + escape(elem.value), CountryChanged);
}

function CountryChanged(obj) {
  SendCustomerInfo(NameSet);
}

function PaymentSelectionChanged() {
  var elem = document.getElementById('payment');
  getURL('session/changepaymentmethod.php?id=' + escape(elem.value), PaymentChanged);  
}

function PaymentChanged(obj) {
  SendCustomerInfo(NameSet);
}

function SubmitOrder() {
  SendCustomerInfo(SubmitOrderInfoSent);
}

function SubmitOrderInfoSent(obj) {
  window.navigate('http://www.steptrading.nl/dev/paypal.php'); 
}

function SendCustomerInfo(Callback) {
  var naam = document.getElementById('naam');
  var straat = document.getElementById('straat');
  var nummer = document.getElementById('nummer');
  var postcode = document.getElementById('postcode');
  var plaats = document.getElementById('plaats');
  var email = document.getElementById('email');
  var telephone = document.getElementById('telephone');
  
  getURL(
    'session/setcustomer.php?naam=' + naam.value +
    '&straat=' + straat.value +
    '&nummer=' + nummer.value +
    '&postcode=' + postcode.value +
    '&plaats=' + plaats.value +
    '&email=' + email.value +
    '&telephone=' + telephone.value
    , Callback
  );
}

function NameSet() {
  ViewCartContents();
  getURL('view/ViewCartSummary.php', CartUpdated);
}

var lastCategory = 13;

function RemoveArticle(articleId) {
  getURL('session/removefrombasket.php?article=' + articleId, ArticleRemoved);  
}

function ArticleRemoved(obj) {
  getURL('view/ViewCartSummary.php', CartUpdated);
  ViewCartContents();
}

function AddToCart(articleId, count) {
  var countObj = document.getElementById(count);
  
  var euroElement = document.getElementById('bedrageuro');
  var centenElement = document.getElementById('bedragcenten');
  
  if (countObj == null) 
  {
    // kortingscode
    getURL('session/addtobasket.php?count=1&article=' + articleId + '&bedragcenten='+ centenElement.value + '&bedrageuro=' + euroElement.value, ArticleAdded);
  } 
  else 
  {
    getURL('session/addtobasket.php?article=' + articleId + '&count=' + countObj.value, ArticleAdded);
  }
}

function ArticleAdded(obj) {  
  getURL('view/ViewCartSummary.php', CartUpdated);
}

function CartUpdated(obj) {
  var elem = document.getElementById('cartsummary');
  elem.innerHTML = obj.content;
  DisplayMessage(obj.content);
}

function CategoryClicked(categoryId) {  
  var elem = document.getElementById('centerpage');
  if (null != elem) {
    getURL('view/ViewCategory.php?id=' + categoryId, CategoryLoaded);
    lastCategory = categoryId;
  }
}

function CategoryLoaded(obj) {
  page = 0;
	var elem = document.getElementById('centerpage');	
	elem.innerHTML = obj.content;
}

function LoadOnlineShop(page) {
  MainMenuClicked(page);
  getURL('view/ViewCartSummary.php', CartUpdated);
}

function MainMenuClicked(page) {
  getURL(page, MainPageLoaded);
}

function MainPageLoaded(obj) {
	var elem = document.getElementById('mainpage');
	elem.innerHTML = obj.content;
		
	CategoryClicked(lastCategory);
}

function Clicked(obj) {
	var elem = document.getElementById('searchtext');
	getURL('gettotaalbedrag.php?v=' + elem.value, updated);
}

function updated(obj) {
	var elem = document.getElementById('totalamount');
	elem.innerHTML = obj.content;
}

function ViewCartContents() {
	location.href = "index.php?page=cartcontent";
}

function CartContentsLoaded(obj) {
 	var elem = document.getElementById('centerpage');
 	if (null != elem) {
	 elem.innerHTML = obj.content;
  } 
}

// Dealer login
function LoginDealer() {
  var elemCode = document.getElementById('dealercode');
  var elemPassword = document.getElementById('dealerwachtwoord');
  
  getURL( 'session/dealerlogin.php?dealercode='+elemCode.value+'&dealerwachtwoord='+ elemPassword.value, DealerLoginResult);
}

function DealerLoginResult(obj) {
  var elem = document.getElementById('dealerlogin');
  elem.innerHTML = obj.content;
  
  window.location.reload( true );

}

function LogoffDealer() {
  getURL( 'session/dealerlogin.php?logoff=true', DealerLoginResult);  
}

// Message bar

function DisplayMessage(message) {
  var elem = document.getElementById('messagebar');
  elem.innerHTML = message;
  elem.style.display = "block";
  
  setTimeout(RemoveMessage, 5000);
}

function RemoveMessage() {
  var elem = document.getElementById('messagebar'); 
  elem.style.display = "none";
}
 
/* Partly borrowed from quirksmode.org */
function changePosition() { 
	var adbar = document.getElementById('messagebar');
	var offsetY = document.documentElement.scrollTop + document.documentElement.clientHeight - 70 ;
	var offsetX = document.documentElement.scrollLeft + document.documentElement.clientWidth - 340;
	
//alert(offset + ", " + window.innerHeight + ", " + document.documentElement.scrollTop);
	if (offsetY != parseInt(adbar.style.top)) {
		adbar.style.top = offsetY + 'px';
		adbar.style.left = offsetX + 'px';
	}		
		
}

function setOnscroll() {
  window.onresize = changePosition;
	window.onscroll = document.documentElement.onscroll = changePosition;
	changePosition();
}


// Navigatie
var page = 0;
  function NextPage() {
    var row;
    
    row = document.getElementById('row' + page);
    
    if (document.getElementById('row' + (page + 3 )) != null) {
      row.style.display = "none";
    
      row = document.getElementById('row' + (page + 1));
      if (row != null) {
        row.style.display = "none";        
      } else {
        return;
      }
      
      row = document.getElementById('row' + (page + 2));
      if (row != null) {
        row.style.display = "none";        
      }      
    
      page = page +3;
      row = document.getElementById('row' + page);
      if (row != null) {
        row.style.display = "block";
      } else {
        page = page -3;
        return;
      }
      row = document.getElementById('row' + (page + 1));
      if (row != null) {
        row.style.display = "block";
      }
      
      row = document.getElementById('row' + (page + 2));
      if (row != null) {
        row.style.display = "block";
      }      
    }
    
    SetPageNr();
  }
  
  function SetPageNr() {
    var pageSpan = document.getElementById('pagenrtop');
    pageSpan.innerHTML = '' + (page / 3 + 1);
    
    pageSpan = document.getElementById('pagenrbottom');
    pageSpan.innerHTML = '' + (page / 3 + 1);
  }
  
  
function ActieCodeChanged() 
{
  var elem = document.getElementById('kortingscode');
  getURL('session/changeactiecode.php?code=' + escape(elem.value), ActieCodeCallback);
}

function ActieCodeCallback(obj) {
  SendCustomerInfo(NameSet);
}
  
function PrevPage() {
    var row;
        
    if (page > 2) {
      row = document.getElementById('row' + (page));
      row.style.display = "none";
      row = document.getElementById('row' + (page + 1));
      if (row != null)  {
        row.style.display = "none";
      }
      row = document.getElementById('row' + (page + 2));
      if (row != null)  {
        row.style.display = "none";
      }      
    
      page = page -3;
      row = document.getElementById('row' + (page));
      row.style.display = "block";
      row = document.getElementById('row' + (page +1));
      if (row != null) {
        row.style.display = "block";
      }
      row = document.getElementById('row' + (page +2));
      if (row != null) {
        row.style.display = "block";
      }      
    }
    SetPageNr();
  }