var index=1;
var TimeToFade = 3000.0;
var TimeToChill = 10000.0;
var changeIt='Featured_Container' + index;
var flag=true;


function showSneakPeek(img)
{  
if (img=="")
  {
  document.getElementById("PeekPane").style.display="none";
  return;
  } 
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("PeekPane").innerHTML=xmlhttp.responseText;
	document.getElementById("PeekPane").style.display="block";
	document.getElementById("darkBackgroundLayer").style.display = "block";
    }
  }
xmlhttp.open("GET","pop_image.php?q="+img,true);
xmlhttp.send();
return false;
}


function showFadingFeatured(end)
{ 

if (end=="")
  {
  document.getElementById("FeaturedPane").style.display="none";
  return;
  } 
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("FeaturedPane").innerHTML=xmlhttp.responseText;
	document.getElementById("FeaturedPane").style.display="block";
	document.getElementById(changeIt).style.display="block";
	fade(changeIt);
    }
  }
  xmlhttp.open("GET","fading_featured.php?q="+end,true);
  xmlhttp.send();
  if(index<end) index++;
  else index=1;
  showIt="Featured_Container" + index;
  setTimeout("SwapPreviewLayer('" + showIt + "','" + end + "')",TimeToFade+TimeToChill); 
}



function SwapPreviewLayer(showIt,end) {
	if(changeIt!=showIt && flag!=false) {
	  
	  fade(changeIt);
	  setTimeout("Swaps('" + showIt + "','" + end + "')",TimeToFade);
	}
}

function Swaps(showIt,end) {
    
	document.getElementById(showIt).style.opacity = 0;
    document.getElementById(showIt).style.filter = 'alpha(opacity=0)';
    document.getElementById(showIt).style.display="block";
	document.getElementById(showIt).FadeState=-2;
    document.getElementById(changeIt).style.display="none";
    document.getElementById(changeIt).style.opacity=0;
    document.getElementById(changeIt).style.filter = 'alpha(opacity=0)';
	document.getElementById(changeIt).FadeState=-2;
	changeIt=showIt;
	//setTimeout("fade('" + changeIt + "')",10000);
    fade(changeIt);
	if(index<end) index++;
    else index=1;
    showIt="Featured_Container" + index;
	setTimeout("SwapPreviewLayer('" + showIt + "','" + end + "')",TimeToFade+TimeToChill);
}

function nextSlide(end) {
  if(flag==true) {
    flag=false;
	if(index<end) index++;
    else index=1;
    showIt="Featured_Container" + index;
  }
  document.getElementById(showIt).style.display="none";
  if(index<end) index++;
  else index=1;
  showIt="Featured_Container" + index;
  document.getElementById(showIt).style.display="block";
  document.getElementById(showIt).style.opacity = 100;
  document.getElementById(showIt).style.filter = 'alpha(opacity=100)';
}

function previousSlide(end) {
  if(flag==true) {
    flag=false;
	if(index>1) index--;
    else index=end;
    showIt="Featured_Container" + index;
  }
  document.getElementById(showIt).style.display="none";
  if(index>1) index--;
  else index=end;
  showIt="Featured_Container" + index;
  document.getElementById(showIt).style.display="block";
  document.getElementById(showIt).style.opacity = 100;
  document.getElementById(showIt).style.filter = 'alpha(opacity=100)';
}

function ClosePreviewPane() {
	document.getElementById("PeekPane").style.display="none";
	document.getElementById("darkBackgroundLayer").style.display = "none";
}


function fade(eid)
{
  var element = document.getElementById(eid);
  if(element == null)
    return;
   
 
  if(element.FadeState == null)
  {
    if(element.style.opacity == null 
        || element.style.opacity == '' 
        || element.style.opacity == '1')
    {
      element.FadeState = 2;
    }
    else
    {
      element.FadeState = -2;
    }
  }
    
  if(element.FadeState == 1 || element.FadeState == -1)
  {
    element.FadeState = element.FadeState == 1 ? -1 : 1;
    element.FadeTimeLeft = TimeToFade - element.FadeTimeLeft;
  }
  else
  {
    element.FadeState = element.FadeState == 2 ? -1 : 1;
    element.FadeTimeLeft = TimeToFade;
    setTimeout("animateFade(" + new Date().getTime() + ",'" + eid + "')", 33);
  }  
}

function animateFade(lastTick, eid)
{  
  var curTick = new Date().getTime();
  var elapsedTicks = curTick - lastTick;
  
  var element = document.getElementById(eid);
 
  if(element.FadeTimeLeft <= elapsedTicks)
  {
    element.style.opacity = element.FadeState == 1 ? '1' : '0';
    element.style.filter = 'alpha(opacity = ' 
        + (element.FadeState == 1 ? '100' : '0') + ')';
    element.FadeState = element.FadeState == 1 ? 2 : -2;
    return;
  }
 
  element.FadeTimeLeft -= elapsedTicks;
  var newOpVal = element.FadeTimeLeft/TimeToFade;
  if(element.FadeState == 1)
    newOpVal = 1 - newOpVal;

  element.style.opacity = newOpVal;
  element.style.filter = 'alpha(opacity = ' + (newOpVal*100) + ')';
  
  setTimeout("animateFade(" + curTick + ",'" + eid + "')", 33);
}


function pausecomp(millis) {
  var date = new Date();
  var curDate = null;

  do { curDate = new Date(); } 
  while(curDate-date < millis);
  
} 

