var interval = false;
var timeout = false;
var rotateTime = 5000;
var startingMenu = 0;
var minimum = 0;
var maximum = 2;

$(document).ready(function(){
  $(".lang h3:first").removeClass("active");
  $(".lang p:first").hide();

  $(".lang h3").click(function(){
    $(this).next("p").slideToggle("slow")
    .siblings("p:visible").slideUp("slow");
    $(this).toggleClass("active");
    $(this).siblings("h3").removeClass("active");
  });
});

function setRedMenu( id )
{
    $(".recom .content .show").removeClass("show");
    $(".recom .content #description_"+id).addClass("show");

    $("div.dots .white").addClass("red").removeClass("white")
    $("div#dot_"+id).removeClass("red").addClass("white");
}

function startRotating()
{
  interval = setInterval( "automaticRotate()", rotateTime );
}

function automaticRotate()
{
  if(parseInt($("#content .right .main div#reel div#slider").css("width")) - 746 > -parseInt($("#content .right .main div#reel div#slider").css("left")) )
  {
    $("#content .right .main div#reel div#slider").animate({left:'-=746px'},1000);
    startingMenu += 1;
    setRedMenu(startingMenu);
  }
  else
  {
    clearInterval(interval);
    $("#content .right .main div#reel div#slider").animate(
          {left:'0px'},
          (parseInt($("#content .right .main div#reel div#slider").css("width")) - 746)/746*100,
          function(){
            interval = setInterval( "automaticRotate()", rotateTime );
            startingMenu = 0;
            setRedMenu(startingMenu);
          }
    );
  }
}

function mainpageFunctions()
{


  $(".main .arrow_left").click( function( ) {
    if( parseInt($("#content .right .main div#reel div#slider").css("left"))<0 && startingMenu > minimum )
    {
      $("#content .right .main div#reel div#slider").animate({left:'+=746px'},1000);
      startingMenu -= 1;
      setRedMenu(startingMenu);
    } else
    {
      left = parseInt($("#content .right .main div#reel div#slider").css("width")) - 746;
      $("#content .right .main div#reel div#slider").animate({left:'-'+left+'px'},100);
      startingMenu = maximum;
      setRedMenu(startingMenu);
    }

    clearInterval(interval);
    clearTimeout(timeout);
    timeout = setTimeout( "startRotating()", 10000 );

    return false;
  } );
  $(".main .arrow_right").click( function( ) {
    if( parseInt($("#content .right .main div#reel div#slider").css("width")) - 746 > -parseInt($("#content .right .main div#reel div#slider").css("left")) && startingMenu < maximum )
    {
      $("#content .right .main div#reel div#slider").animate({left:'-=746px'},1000);
      startingMenu += 1;
      setRedMenu(startingMenu);
    }
    else
    {
      $("#content .right .main div#reel div#slider").animate({left:'0px'},100);
      startingMenu = 0;
      setRedMenu(startingMenu);
    }

    clearInterval(interval);
    clearTimeout(timeout);
    timeout = setTimeout( "startRotating()", 10000 );

    return false;
  } );

  $("div.dots div").click( function( ) {
    id = parseInt($(this).attr("id").substr(4));
    move = 746*id;
    $("#content .right .main div#reel div#slider").animate({left:'-'+move+'px'},100);

    startingMenu = id;
    setRedMenu(startingMenu);

    clearInterval(interval);
    clearTimeout(timeout);
    timeout = setTimeout( "startRotating()", 10000 );
  } );

  //automatic roll up
  $(document).ready( function( ){
    startRotating();
  } );
}