var in_         = 'in';
var out_        = 'out';
var times       = 0, maxWidth = 250;
var pxShift     = 12, timeInterval = 18;
var divId       = 'yousuggest_textcontainer';
var slideState  = 0;  //0 -> No slide, 1 -> Slide out, -1 -> Slide in

function slide(type)  {
  if (type == 'out' && slideState != 1)  {
    slideState = 1;
    slide_out();
  }
  else if (type == 'in' && slideState != -1)  {
    slideState = -1;
    slide_in();
  }
}

function slide_out()	{
  if (slideState != 1)  return false;
  
  var slidingDiv = document.getElementById(divId);
  var width = parseInt(slidingDiv.style.width);

  if (width < maxWidth)	{
    slidingDiv.style.width = width + pxShift + 'px';
    slidingDiv.style.padding = "0px 5px";
    slidingDiv.innerHTML = "praveen' suggested UI in Internet Explorer and was rated 40 times. <hr/> Tracking 22 ideas, 17 comments and 46 votes.";
    var t = setTimeout("slide_out();", timeInterval);
  }
  else	{
    slidingDiv.innerHTML = "praveen' suggested UI in Internet Explorer and was rated 40 times. <hr/> Tracking 22 ideas, 17 comments and 46 votes.";
    slideState = 0;
  }
  return false;
}

function slide_in()	{
  if (slideState != -1)  return false;
  
  var slidingDiv = document.getElementById(divId);
  var width = parseInt(slidingDiv.style.width);
  
  if (slidingDiv.innerHTML != '')	slidingDiv.innerHTML = '';

  if (width > 0)	{
    slidingDiv.style.width = (width - pxShift) + 'px';
    slidingDiv.style.padding = "0px";
    var t = setTimeout("slide_in();", timeInterval);
  }
  else  {
    slideState = 0;
  }
  return false;
}

var style_text = "";
style_text += "<style>";
style_text += ".yousuggest_container {";
/*style_text += "border:1px solid #efefef;"; */
style_text += "float:left;";
style_text += "position:fixed;";
style_text += "top:289px;";
style_text += "right:0px;";
style_text += "height:92px;";
style_text += "padding-left: 5px;}";
style_text += ".yousuggest_left {";
style_text += "float:right;";
style_text += "height:92px;";
style_text += "width:25px;}";
style_text += "a.yousuggest_link {";
style_text += "height:92px;";
style_text += "width:25px;";
style_text += "display:block;";
style_text += "text-decoration:none;";
style_text += "padding:0;";
style_text += "background-image: url('http://ideas.yousuggest.us/images/yousuggest/embedfeedback/feedback.gif');}";
style_text += "a:hover.yousuggest_link {";
style_text += "height:92px;";
style_text += "width:25px;";
style_text += "display:block;";
style_text += "text-decoration:none;";
style_text += "padding:0;";
style_text += "background-image: url('http://ideas.yousuggest.us/images/yousuggest/embedfeedback/feedback_hover.gif');}";
style_text += ".yousuggest_right {";
style_text += "float:right;";
style_text += "height:92px;";
style_text += "font-size:12px;";
style_text += "font-family:verdana;";
style_text += "background-color:#FCF6EB;";
style_text += "padding:0px;}";
style_text += ".yousuggest_clearfix {";
style_text += "clear:both;";
style_text += "width:0;";
style_text += "height:0;";
style_text += "display:none;}";
style_text += "</style>";

document.write(style_text);
document.write("<div class='yousuggest_container'><div class='yousuggest_left'>	<a class='yousuggest_link' href='http://ideas.yousuggest.us' onmouseover='slide(out_);' onmouseout='slide(in_);' > </a></div><div class='yousuggest_right' id='yousuggest_textcontainer' style='width:0px;overflow:hidden;'> </div><div class='yousuggest_clearfix'> </div></div><div class='yousuggest_clearfix'> </div>");