var resize = 300;

$(document).ready(function() {

  //$("#scene01").css("visibility", "hidden");
  //$("#scene02").css("visibility", "hidden");
  //$("#scene01").fadeTo(0, 0.0)
  //$("#scene02").fadeTo(0, 0.0);
  //$("#scene03").fadeTo(0, 0.0);
  //$("#scene00").fadeTo(0, 0.0);

  $(".from01to02").click(function() {
    $("#landscape").animate({left: -2750}, 1000, function() { $("#scene02").css("visibility", "visible"); } );
    $("#scene01").css("visibility", "hidden");
  });
  $(".from02to03").click(function() {
    $("#landscape").animate({left: -4250}, 1000, function() { $("#scene03").css("visibility", "visible"); } );
    $("#scene02").css("visibility", "hidden");
  });
  $(".from03to04").click(function() {
    $("#landscape").animate({left: -5750}, 1000, function() { $("#scene04").css("visibility", "visible"); } );
    $("#scene03").css("visibility", "hidden");
  });
  $(".from04to05").click(function() {
    $("#landscape").animate({left: -7250}, 1000, function() { $("#scene05").css("visibility", "visible"); } );
    $("#scene04").css("visibility", "hidden");
  });

  $(".from05to04").click(function() {
    $("#landscape").animate({left: -5750}, 1000, function() { $("#scene04").css("visibility", "visible"); } );
    $("#scene05").css("visibility", "hidden");
  });
  $(".from04to03").click(function() {
    $("#landscape").animate({left: -4250}, 1000, function() { $("#scene03").css("visibility", "visible"); } );
    $("#scene04").css("visibility", "hidden");
  });
  $(".from03to02").click(function() {
    $("#panel-container-winkel-text").load("texts/winkel-info-over.html", function() {
      resizeInterfaceContentUpper();
    });
    $("#landscape").animate({left: -2750}, 1000, function() { $("#scene02").css("visibility", "visible"); } );
    $("#scene03").css("visibility", "hidden");
       
  });
  $(".from03to01").click(function() {
    $("#landscape").animate({left: -1250}, 1000, function() { $("#scene01").css("visibility", "visible"); } );
    $("#scene03").css("visibility", "hidden");  
  });
  
  $(".from02to01").click(function() {
  
    //$("#scene01").load("load_scene01.php", function() { 
      //resizeInterfaceContentUpper();    
  
      $("#landscape").animate({left: -1250}, 1000, function() { $("#scene01").css("visibility", "visible"); } );
      $("#scene02").css("visibility", "hidden");
    //});
  });

  $(".from03to00").click(function() {
    $("#landscape").animate({bottom: -1000}, 1000, function() { $("#scene00").css("visibility", "visible"); } );
    $("#scene03").css("visibility", "hidden");
  });
  $(".from00to03").click(function() {
    $("#landscape").animate({bottom: 62}, 1000, function() { $("#scene03").css("visibility", "visible"); } );
    $("#scene00").css("visibility", "hidden");
  });
/*
  $(".login-show").click(function() {
    $("#login").css("z-index", "20");
    $("#login").css("visibility", "visible");
  });
  $(".login-hide").click(function() {
    $("#login").css("visibility", "hidden");
    $("#login").css("z-index", "-1");
  });


  $("#maximize-window-product").click(function() {
    $("#maximize-window-product").css("visibility", "hidden");
    $("#minimize-window-product").css("visibility", "visible");
    $(".panel-webshop").animate({width: 446}, 1000);
    $(".panel-product").animate({width: 414}, 1000);
  });

  $("#minimize-window-product").click(function() {
    $("#maximize-window-product").css("visibility", "visible");
    $("#minimize-window-product").css("visibility", "hidden");
    $(".panel-webshop").animate({width: 560}, 1000);
    $(".panel-product").animate({width: 300}, 1000);
  });
*/

  /* Roadsign status popup */
  $(".roadsign-click").hover(function() {
    jQuery("div", this).css("display", "inline");
  }, function() {
    jQuery("div", this).css("display", "none");
  });
  
  /* Collapse navigation buttons */
  $(".button-navigation-1").click(function() {
    var name = $(this).attr("id");
	  var myarr = name.split("-");
    
    var myid = name.substr("button-navigation-".length);

    if ( $("#container-" + myid).css("display") == "none" ) {
      $(".container-" + myarr[2]).slideUp("fast");
      $("#container-" + myid).slideDown("fast");
    }    
  });

  
  /* Navigation button hover effects ... */
  $(".button-navigation-1").hover(function() {
    $(this).css("background-color", "#A5C0E2");
    },function(){
    $(this).css("background-color", "#B5D0F2");
  });
  $(".button-navigation-2").hover(function() {
    $(this).css("background-image", "url(images/button-gradient02h.png)");
    },function(){
    $(this).css("background-image", "url(images/button-gradient02.png)");
  });

  /* Balloon effects */
  $(".button-bottom").hover(function () {
    var num = $(this).attr("id").substr("button-balloon".length);
    $(".balloon").css("display", "none");
    $("#balloon-" + num).css("display", "inline");
  }, function() {
    var num = $(this).attr("id").substr("button-balloon".length);
    $("#balloon-" + num).css("display", "none");
  });
  
  /* Roadsign effects */
  $("#roadsign-01").hover(function () {
    $("#roadsign-01h").css("display", "inline");
  }, function () {
    $("#roadsign-01h").css("display", "none");
  });




  $(".news-item").click(function() {
    var name = $(this).attr("id");
    var myid = name.substr("news-item-".length);
    
    $(".panel-detailednews").css("display", "inline");
    //alert("http://www.superhorse.nl/newsitem.php?i=" + myid);
    $(".panel-detailednews").load("newsitem.php?i=" + myid, function() {
      var oScrollbarStartDetailednews = $('#scrollbar-start-detailednews');
			oScrollbarStartDetailednews.tinyscrollbar();
			oScrollbarStartDetailednews.tinyscrollbar_update();
    });
  });

 /* $(".link").click(function() {
    var page = $(this).attr("id");
    $("#panel-container-winkel-text").load("texts/" + page + ".html", function() {

//var oScrollbar = $('#scrollbar1');
//oScrollbar.tinyscrollbar();
//oScrollbar.tinyscrollbar_update();

//var oScrollbarWebshopMain = $('#scrollbar-webshop-main');
//oScrollbarWebshopMain.tinyscrollbar();
//oScrollbarWebshopMain.tinyscrollbar_update();

    });
  });*/	
  
   
  $(".button-navigation-1, .button-navigation-2").click(function() {
    var name = $(this).attr("id");
	  var myarr = name.split("-");
	
	  var scene = myarr[2];
	  var tab = myarr[3];
	  var page = myarr[4];
    
    var myid = name.substr("button-navigation-".length);
   
    // Load the label with the current path
    //$("#label-path").load("get-path.php?path=" + myid);
	
	  $("#panel-container-" + scene + "-text").load("get.php?path=" + myid, function() {
			var oScrollbar = $('#scrollbar1');
			oScrollbar.tinyscrollbar();
			oScrollbar.tinyscrollbar_update();

      /*
			var oScrollbarWebshopMain = $('#scrollbar-webshop-main');
			oScrollbarWebshopMain.tinyscrollbar();
			oScrollbarWebshopMain.tinyscrollbar_update();
      
      $(".product-small").click(function() {
        var name = $(this).attr("id");
        var myarr = name.split("-");

        $(".panel-product").load("get-product.php?product=" + myarr[1], function() {
          var oScrollbarWebshopProduct = $('#scrollbar-webshop-product');
			    oScrollbarWebshopProduct.tinyscrollbar();
			    oScrollbarWebshopProduct.tinyscrollbar_update();
          
          $("#alt-scroll-up").click(function() {
            var y = $(".alternative-image-strip").css("top");
            y = y.substr(0, y.length - 2);
            
            var a = new Number(y);
            var b = new Number(60);
            
            $(".alternative-image-strip").css("top", (a + b).toString() + "px");
          }); 
          
          $("#alt-scroll-down").click(function() {
            var y = $(".alternative-image-strip").css("top");
            y = y.substr(0, y.length - 2);
            
            var a = new Number(y);
            var b = new Number(60);
            
            $(".alternative-image-strip").css("top", (a - b).toString() + "px");
          });  
          
          $(".alternative-image").click(function() {
            $(".product-image-medium").css("background-image", $(this).css("background-image").replace("/60/", "/180/").replace("-114.png", "-180.png"));
          });
          
        });
       
      });
      */
      
    });			
  });
  
  resizeInterfaceContentUpper();
  $(window).resize(resizeInterfaceContentUpper);

});

/* Resizes the blue windows in the y-direction depending on the window size */
function resizeInterfaceContentUpper() {
  if ( $(window).height() < 530 ) {
    $(".interface-content-upper").css("height", "138px");
  } else if ( $(window).height() < 648 ) {
    $(".interface-content-upper").css("height", "252px");
  } else if ( $(window).height() < 762 ) {
    $(".interface-content-upper").css("height", "366px");
  } else {
    $(".interface-content-upper").css("height", "480px");
  }
  
  if ( $(window).height() < 530 ) {
    $(".roadsign").css("height", "350px");
  } else {
    $(".roadsign").css("height", "480px");
  }

  var oScrollbar = $('#scrollbar1');
  oScrollbar.tinyscrollbar();
  oScrollbar.tinyscrollbar_update();
  
  /*var oScrollbarWebshopMain = $('#scrollbar-webshop-main');
  oScrollbarWebshopMain.tinyscrollbar();
  oScrollbarWebshopMain.tinyscrollbar_update();
  
  var oScrollbarWebshopProduct = $('#scrollbar-webshop-product');
	oScrollbarWebshopProduct.tinyscrollbar();
	oScrollbarWebshopProduct.tinyscrollbar_update();*/
  
  var oScrollbarStartNews = $('#scrollbar-start-news');
	oScrollbarStartNews.tinyscrollbar();
	oScrollbarStartNews.tinyscrollbar_update();
  
  var oScrollbarStartDetailednews = $('#scrollbar-start-detailednews');
	oScrollbarStartDetailednews.tinyscrollbar();
	oScrollbarStartDetailednews.tinyscrollbar_update();
  
}