var images = Array();

var selected;
var ids;

var imageselected;
var imageselectedindex;
var gids;

function menuselect(id)
{
    ids = id;
    if(document.getElementById(selected))
       $("#"+selected).fadeOut(500,function() { $("#"+ids).fadeIn(500);
    selected = ids; } );
    else
        opens();    
        
}

function opens()
{
   $("#"+ids).fadeIn(500);
    selected = ids; 
}

function image_change(id)
{
   gids = id;
    if(document.getElementById(imageselected))
       $("#"+imageselected).fadeOut(500,function() { $("#"+gids).fadeIn(500);
    imageselected = gids; } );
    else
        gopens();
}

function gopens()
{
   $("#"+gids).fadeIn(500);
    imageselected = gids;
}

var fotoopend = false;
var videoopend = false;

function opengallery()
{
    
    if(videoopend)
    {
       $("#video_fr").slideUp(500,function(){
            $("#story_gal").slideDown(500);
       }); 
       videoopend = false;
    }
    else
    {
       $("#story_gal").slideDown(500); 
    }
    fotoopend = true;
    
}

function openvideo()
{
    if(fotoopend)
    {
       $("#story_gal").slideUp(500,function(){
            $("#video_fr").slideDown(500);
       }); 
       fotoopend = false;
    }
    else
    {
       $("#video_fr").slideDown(500); 
    }
    videoopend = true;
}

var produktopen = 1;
var previousprodukt = 0;
var nextprodukt = 2;
var lastprodukt = 0;

function gotoproduct()
{
    var i = 1;
    for(i=1;i<=lastprodukt;i++)
    {
        
        
        if(i < produktopen)
        {
            document.getElementById("produkts_"+i).style.left = "-314px";
        }
        
        if(i == produktopen)
        {
            document.getElementById("produkts_"+i).style.left = "0px"; 
            previousprodukt = i-1
        }
        
        if(i == produktopen + 1)
        {
            document.getElementById("produkts_"+i).style.left = "314px";
            nextprodukt = i;
        }
        
        if(i == produktopen + 2)
        {
            if(i<=lastprodukt)
            document.getElementById("produkts_"+i).style.left = "628px"; 
        }
        
        if(i > produktopen + 2)
        {
           if(i<=lastprodukt)
           document.getElementById("produkts_"+i).style.left = "942px"; 
        }
        
        
    }
    
    if(lastprodukt > 2)
    {
        if(produktopen == lastprodukt)
        {
            document.getElementById("produkts_"+produktopen).style.left = "628px";
            document.getElementById("produkts_"+(produktopen-1)).style.left = "314px";
            document.getElementById("produkts_"+(produktopen-2)).style.left = "0px";
            
            produktopen = produktopen - 2;
            previousprodukt = produktopen - 1;
            nextprodukt = produktopen + 1;    
        }
        
        if(produktopen +1  == lastprodukt)
        {
            document.getElementById("produkts_"+(produktopen+1)).style.left = "628px";
            document.getElementById("produkts_"+produktopen).style.left = "314px";
            document.getElementById("produkts_"+(produktopen-1)).style.left = "0px"; 
            produktopen = produktopen - 1;
            previousprodukt = produktopen - 1;
            nextprodukt = produktopen + 1;    
        }
    }
    
    
    
}

$(document).ready(function(){

   
    
    $("#goright").click(function(){
      
      if(produktopen +2 < lastprodukt)
      {
         //alert(produktopen+" | "+lastprodukt);
          $("#produkts_"+produktopen).animate({"left": "-=314px"}, "slow")
          
          $("#produkts_"+nextprodukt).animate({"left": "-=314px"}, "slow");
          
          $("#produkts_"+(nextprodukt+1)).animate({"left": "-=314px"}, "slow");
          
          $("#produkts_"+(nextprodukt+2)).animate({"left": "-=314px"}, "slow"); 
      
            ++produktopen;
            ++nextprodukt;
            ++previousprodukt;
            
      }
       
        
     
    });

    $("#goleft").click(function(){
        
        if(produktopen > 1)
        {
        
            $("#produkts_"+previousprodukt).animate({"left": "+=314px"}, "slow")
          
            $("#produkts_"+produktopen).animate({"left": "+=314px"}, "slow");
            
            $("#produkts_"+(produktopen+1)).animate({"left": "+=314px"}, "slow"); 
            
            $("#produkts_"+(produktopen+2)).animate({"left": "+=314px"}, "slow");
            
            --produktopen;
            --nextprodukt;
            --previousprodukt;
      
        }
        
      
    });

});