var selectedTab = "details";
var http = false;
var openMenu = 0;

if(navigator.appName == "Microsoft Internet Explorer") {
  http = new ActiveXObject("Microsoft.XMLHTTP");
} else {
  http = new XMLHttpRequest();
} 

function replace(winkelstraat)
{
  document.getElementById('winkelstraat').innerHTML = "Loading...";
  http.open("GET", "getWinkelstraat.php?winkelstart=" + winkelstraat, true);
  http.onreadystatechange=function() 
  {
    if(http.readyState == 4) 
    {
      document.getElementById('winkelstraat').innerHTML = http.responseText;
    }
  }
  http.send(null);
}


function ChangeColor(divje, color)
{

     divje.style.background = color;


}

function hideCats()
{
    for(i=0;i<12;i++)
    {
        if(document.getElementById('menuitem' + i) != null)
        {
            document.getElementById('menuitem' + i).setAttribute("style","display:block;");
            document.getElementById('menuitem' + i).style.height = '16px';
            document.getElementById('menuitem' + i).style.width = '115px';
        }
    }
}

function openSub(subNr, catNr)
{
    document.getElementById('menusidebar' + catNr).innerHTML = document.getElementById('submenu' + subNr).innerHTML;


}

function hideCat(catNr)
{

    if(document.getElementById('menuitem' + catNr) != null)
    {
        document.getElementById('menuitem' + catNr).setAttribute("style","display:block;");
        document.getElementById('menuitem' + catNr).style.height = '16px';
        document.getElementById('menuitem' + catNr).style.width = '115px';

    }


}

function catMenu(catNr, text)
{
    if(catNr != openMenu)
    {
        document.getElementById('menusidebar' + catNr).innerHTML = document.getElementById('menusidebardefault' + catNr).innerHTML;
        hideCats();
    }    
    //document.getElementById('menuitem' + catNr).setAttribute("style","background-color: #dbdbdb;");
    document.getElementById('menuitem' + catNr).setAttribute("style","border: 1px solid #ffffff;");

    document.getElementById('menuitem' + catNr).setAttribute("style","display:block;");
    document.getElementById('menuitem' + catNr).style.height = '300px';
    document.getElementById('menuitem' + catNr).style.width = '300px';
    openMenu = catNr;




}


function hideCategorien()
{
    document.getElementById('categorienmenu').style.visibility = 'hidden';
}


function tabDetails()
{
    if(selectedTab == "kenmerken")
    {

        document.getElementById('hiddendivkenmerken').innerHTML = document.getElementById('productdetailsdetails').innerHTML;
        document.getElementById('productdetailsdetails').innerHTML = document.getElementById('hiddendivdetails').innerHTML;
        document.getElementById('imgtab_kenmerken').src = "/images/tab_kenmerkenlo.png";
        document.getElementById('imgtab_details').src = "/images/tab_detailshi.png";
        selectedTab = "details";
    }
}

function tabKenmerken()
{
    if(selectedTab == "details")
    {
        document.getElementById('productdetailsdetails').innerHTML = document.getElementById('hiddendivkenmerken').innerHTML;
        document.getElementById('hiddendivkenmerken').innerHTML = "";
        document.getElementById('imgtab_kenmerken').src = "/images/tab_kenmerkenhi.png";
        document.getElementById('imgtab_details').src = "/images/tab_detailslo.png";
        selectedTab = "kenmerken";
    }

}



function setBGColor(div, kleur)
{
    document.getElementById(div).setAttribute("style","background-color: " + kleur + ";");

    //var divh = document.getElementById('breedtevlakflexrechts').clientHeight;
    //var divh = document.getElementById('breedtevlakflexrechts').style.height;
    //alert(divh +"px");



    //document.getElementById('breedtevlakflexlinks').style.height = divh + 'px';
}

function setHeight(div, divh)
{

    document.getElementById(div).style.height = divh + 'px';
    //alert(divh);
}


function submitbestelstap2()
{


     elem = document.getElementById('ACHTERNAAM')
     if(elem.value.length == 0)
     {
          elem.focus();
          alert("Voer alstublieft alle verplichte velden in.");
          return false;
     }
     elem = document.getElementById('ADRES')
     if(elem.value.length == 0)
     {
          elem.focus();
          alert("Voer alstublieft alle verplichte velden in.");
          return false;
     }
     elem = document.getElementById('POSTCODE')
     if(elem.value.length == 0)
     {
          elem.focus();
          alert("Voer alstublieft alle verplichte velden in.");
          return false;
     }
     elem = document.getElementById('PLAATS')
     if(elem.value.length == 0)
     {
          elem.focus();
          alert("Voer alstublieft alle verplichte velden in.");
          return false;
     }
     elem = document.getElementById('EMAIL')
     if(elem.value.length == 0)
     {
          elem.focus();
          alert("Voer alstublieft alle verplichte velden in.");
          return false;
     }
     elem = document.getElementById('TELVAST')
     if(elem.value.length == 0)
     {
          elem.focus();
          alert("Voer alstublieft alle verplichte velden in.");
          return false;
     }
     elem = document.getElementById('ALGVOORWAARDEN')
     if(elem.checked == false)
     {
          elem.focus();
          alert("U moet akkoord gaan met de algemene voorwaarden om verder te gaan.");
          return false;
     }
     return true;


}


function isEmpty(elem)
{
	if(elem.value.length == 0)
        {
		elem.focus(); // set the focus to this input
		return true;
	}
	return false;
}

function roll(img_name, img_src)
{
    document.getElementById(img_name).src = img_src;

}

function mycarousel_initCallback(carousel)
{
    // Disable autoscrolling if the user clicks the prev or next button.
    carousel.buttonNext.bind('click', function() {
        carousel.startAuto(0);
    });

    carousel.buttonPrev.bind('click', function() {
        carousel.startAuto(0);
    });

    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        auto: 1,
        scroll: 1,
        animation: 500,
        hoverPause:true,
        wrap: 'circular',
        vertical: false,
        buttonNextHTML: null,
        buttonPrevHTML: null,
        circular: true,
        initCallback: mycarousel_initCallback
    });
});