var xmlHttpSelector = false;
/*@cc_on @*/
/*@if (@_jscript_version >= 5)
try {
  xmlHttpSelector  = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
  try {
    xmlHttpSelector  = new ActiveXObject("Microsoft.XMLHTTP");
  } catch (e2) {
    xmlHttpSelector  = false;
  }
}
@end @*/

if (!xmlHttpSelector  && typeof XMLHttpRequest != 'undefined') {
  xmlHttpSelector  = new XMLHttpRequest();
}

var selState=0;
function loadSelector(prodid)
{
        if (selState==0)
        {
                var rnd = Math.round(Math.random()*10000);
                var url = "/updateSelector.php?prodid="+escape(prodid)+"&rand="+rnd;
                xmlHttpSelector.open("GET", url, true);
                xmlHttpSelector.onreadystatechange = updateSelector;
                xmlHttpSelector.send(null);
                selState=1;
        }
        return false;
}
function updateSelector() {
        if (xmlHttpSelector.readyState == 4) {
                $("div.selectorContainer").scrollLeft(0);
                var response = xmlHttpSelector.responseText;
                selState=0;

                document.getElementById("selectorContainer").innerHTML = response;
                //document.getElementById("selectorStart").style.display='none';
                $("#selectorStart").fadeOut('slow');
        }
}

$(function() {
$('div.scrollLeft').each(function () {
  var hovered = false;
  var wait=false;
  var loop = window.setInterval(function () {
    if ((hovered)&&(!wait))
    {
        var scrollPos =$("div.selectorContainer").scrollLeft()-150;
        $("div.selectorContainer").animate({scrollLeft: scrollPos},'fast');
    }
    wait=false;
  },250);
  $(this).mousedown( function () { hovered = true; var scrollPos =$("div.selectorContainer").scrollLeft()-150; $("div.selectorContainer").animate({scrollLeft: scrollPos},'fast'); wait=true;} );
  $(this).mouseup( function () { hovered = false } );
  $(this).hover(
                function () { },
                function () { hovered = false }
  );

});
$('div.scrollRight').each(function () {
  var hovered = false;
  var wait=false;
  var loop = window.setInterval(function () {
    if (hovered)
    {
        var scrollPos =$("div.selectorContainer").scrollLeft()+150;
        $("div.selectorContainer").animate({scrollLeft: scrollPos},'fast');
    }
    wait=false;
  },250);
  $(this).mousedown( function () { hovered = true; var scrollPos =$("div.selectorContainer").scrollLeft()+150; $("div.selectorContainer").animate({scrollLeft: scrollPos},'fast'); wait=true; } );
  $(this).mouseup( function () { hovered = false } );
  $(this).hover(
                function () { },
                function () { hovered = false }
  );
});

$('div.scrollDown').each(function () {
  var hovered = false;
  var wait=false;
  var loop = window.setInterval(function () {
    if (hovered)
    {
        var scrollPos =$("div.selectorChooser").scrollTop()+150;
        $("div.selectorChooser").animate({scrollTop: scrollPos},'fast');
    }
    wait=false;
  },250);
  $(this).mousedown( function () { hovered = true; var scrollPos =$("div.selectorChooser").scrollTop()+150; $("div.selectorChooser").animate({scrollTop: scrollPos},'fast'); wait=true; } );
  $(this).mouseup( function () { hovered = false } );
  $(this).hover(
                function () { },
                function () { hovered = false }
  );
});

$('div.scrollUp').each(function () {
  var hovered = false;
  var wait=false;
  var loop = window.setInterval(function () {
    if (hovered)
    {
        var scrollPos =$("div.selectorChooser").scrollTop()-150;
        $("div.selectorChooser").animate({scrollTop: scrollPos},'fast');
    }
    wait=false;
  },250);
  $(this).mousedown( function () { hovered = true; var scrollPos =$("div.selectorChooser").scrollTop()-150; $("div.selectorChooser").animate({scrollTop: scrollPos},'fast'); wait=true; } );
  $(this).mouseup( function () { hovered = false } );
  $(this).hover(
                function () { },
                function () { hovered = false }
  );
});


});