﻿$(document).ready(function () {   
    $(".showDecor").click(function()
    {
        var siblings = $(this).parent().siblings();
       
        var siblingLink = $(siblings[2]).children("a");
        siblingLink.removeClass("pointerlink-left");
        siblingLink.addClass("pointerlink-open");
        
        
    
        var clicked = $(this).parent().parent().parent();
        var div = clicked.find(".saved-decor-info-1");
     //   div.removeClass("hideit");  
         div.show();
        
        var div2 = clicked.find(".saved-decor-info-2");
        var div3 = clicked.find(".saved-decor-info-3");
       // div2.addClass("hideit");
      //  div3.addClass("hideit");
        
        div2.hide();
        div3.hide();
      
        
         return false;
    });
    
    $(".showDecor2").click(function()
    {
        var siblings = $(this).parent().siblings();
       
        var siblingLink = $(siblings[2]).children("a");
        siblingLink.removeClass("pointerlink-left");
        siblingLink.addClass("pointerlink-open");
    
        // Hämtar ut top-diven
        var clicked = $(this).parent().parent().parent();
        
        var div = clicked.find(".saved-decor-info-2");
        //div.removeClass("hideit");  
        div.show();
        
        var div1 = clicked.find(".saved-decor-info-1");
        var div3 = clicked.find(".saved-decor-info-3");
     //   div1.addClass("hideit");
       // div3.addClass("hideit");
       
        div1.hide();
        div3.hide();
        
         return false;
    });
    
    $(".showDecor3").click(function()
    {
         var siblings = $(this).parent().siblings();
       
        var siblingLink = $(siblings[2]).children("a");
        siblingLink.removeClass("pointerlink-left");
        siblingLink.addClass("pointerlink-open");
        
        var clicked = $(this).parent().parent().parent();
        var div = clicked.find(".saved-decor-info-3");
        //div.removeClass("hideit");  
        div.show();
        
        var div1 = clicked.find(".saved-decor-info-1");
        var div2 = clicked.find(".saved-decor-info-2");
      //  div1.addClass("hideit");
       // div2.addClass("hideit");
       
       div1.hide();
       div2.hide();
        
        return false;
    });
});


function closeDecor(sender)
{
    
    var clicked = $(sender).parent().parent().parent();
    $(clicked).hide();
    var openlink = clicked.parent().find(".pointerlink-open");
    openlink.removeClass("pointerlink-open");
    openlink.addClass("pointerlink-left");
}