($(document).ready(function(){
        $("#question_form").hide()
        $("#left_arr1").hide()
        $("#right_arr2").hide()

        $("#left_arr1").css({'visibility' : 'visible'})
        $("#right_arr2").css({'visibility' : 'visible'})



                                    /* alert("Razmer elementa:" + content_area.offsetWidth +"x"+ content_area.offsetHeight); */

                                  /*   $("#content_area")
                                        .append(content_area.offsetHeight)
                                        .append( ' | ' + document.body.scrollHeight);


                                   $("#left_side")
                                        .append(document.height);

                                    $("#content_area")
                                        .animate({height: document.body.scrollHeight - 100}, 4000);   */

            $(document).ready(function(){
                 $("#content_area")
                 .css({'height' : document.body.scrollHeight - 10});
                 });




       $("#left_stat_item_1").hover(function(){
                   $(this).css({'background-color' : '#E6E6E6'});
                }, function(){
                   $(this).css({'background-color' : '#EFEFEF'});
                });

       $("#left_stat_item_2").hover(function(){
                   $(this).css({'background-color' : '#E6E6E6'});
                }, function(){
                   $(this).css({'background-color' : '#EFEFEF'});
                });

       $("#left_stat_item_3").hover(function(){
                   $(this).css({'background-color' : '#E6E6E6'});
                }, function(){
                   $(this).css({'background-color' : '#EFEFEF'});
                });

       $("#left_stat_item_4").hover(function(){
                   $(this).css({'background-color' : '#E6E6E6'});
                }, function(){
                   $(this).css({'background-color' : '#EFEFEF'});
                });

       $("#left_stat_item_5").hover(function(){
                   $(this).css({'background-color' : '#E6E6E6'});
                }, function(){
                   $(this).css({'background-color' : '#EFEFEF'});
                });

       $("#left_stat_item_6").hover(function(){
                   $(this).css({'background-color' : '#E6E6E6'});
                }, function(){
                   $(this).css({'background-color' : '#EFEFEF'});
                });

       $("#left_stat_item_7").hover(function(){
                   $(this).css({'background-color' : '#E6E6E6'});
                }, function(){
                   $(this).css({'background-color' : '#EFEFEF'});
                });

       $("#left_stat_item_8").hover(function(){
                   $(this).css({'background-color' : '#E6E6E6'});
                }, function(){
                   $(this).css({'background-color' : '#EFEFEF'});
                });

       $("#index_stat_item_1").hover(function(){
                   $("#index_stat_pic_1").css({'border-bottom' : '4px solid #F1D042'});
                }, function(){
                   $("#index_stat_pic_1").css({'border-bottom' : '0px solid #F1D042'});
                });

       $("#index_stat_item_2").hover(function(){
                   $("#index_stat_pic_2").css({'border-bottom' : '4px solid #F1D042'});
                }, function(){
                   $("#index_stat_pic_2").css({'border-bottom' : '0px solid #F1D042'});
                });

       $("#index_stat_item_3").hover(function(){
                   $("#index_stat_pic_3").css({'border-bottom' : '4px solid #F1D042'});
                }, function(){
                   $("#index_stat_pic_3").css({'border-bottom' : '0px solid #F1D042'});
                });

       $("#index_stat_item_4").hover(function(){
                   $("#index_stat_pic_4").css({'border-bottom' : '4px solid #F1D042'});
                }, function(){
                   $("#index_stat_pic_4").css({'border-bottom' : '0px solid #F1D042'});
                });

       $("#index_stat_item_5").hover(function(){
                   $("#index_stat_pic_5").css({'border-bottom' : '4px solid #F1D042'});
                }, function(){
                   $("#index_stat_pic_5").css({'border-bottom' : '0px solid #F1D042'});
                });

       $("#index_stat_item_6").hover(function(){
                   $("#index_stat_pic_6").css({'border-bottom' : '4px solid #F1D042'});
                }, function(){
                   $("#index_stat_pic_6").css({'border-bottom' : '0px solid #F1D042'});
                });

       $("#index_stat_item_7").hover(function(){
                   $("#index_stat_pic_7").css({'border-bottom' : '4px solid #F1D042'});
                }, function(){
                   $("#index_stat_pic_7").css({'border-bottom' : '0px solid #F1D042'});
                });

       $("#index_stat_item_8").hover(function(){
                   $("#index_stat_pic_8").css({'border-bottom' : '4px solid #F1D042'});
                }, function(){
                   $("#index_stat_pic_8").css({'border-bottom' : '0px solid #F1D042'});
                });

       /* $("#title").click(function(){
                              $("#blok_4_add").append("<a href='/'><div id='title'><span class='shifted_text'>Title</span></div></a>")
                              $("#blok_4_add").append("<div id='text'>Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text <br><br></div>")
                              return false;
                              });    */

        $("#right_arr1").click(function(){
                              $("#right_arr1").hide()
                              $("#right_arr2").show()
                              $("#left_arr1").show()
                              $("#left_arr2").hide()
                              $("#box1").hide(200)
                              $("#box2").hide(200)
                             /* $("#box6").show(300)
                              $("#box7").show(300)   */

                              return false;
                              });

       $("#left_arr1").click(function(){
                              $("#left_arr1").hide()
                              $("#left_arr2").show()
                              $("#right_arr1").show()
                              $("#right_arr2").hide()
                              /* $("#box6").hide(300)
                              $("#box7").hide(300) */
                              $("#box1").show(150)
                              $("#box2").show(150)

                              return false;
                              });

      $("#right_arr2").click(function(){
                              $("#right_arr2").hide()
                              $("#right_arr1").show()
                              $("#left_arr2").show()
                              $("#left_arr1").hide()
                              $("#box1").show(200)
                              $("#box2").show(200)
                             /* $("#box6").show(300)
                              $("#box7").show(300)   */

                              return false;
                              });

       $("#left_arr2").click(function(){

                              $("#left_arr2").hide()
                              $("#left_arr1").show()
                              $("#right_arr2").show()
                              $("#right_arr1").hide()
                              /* $("#box6").hide(300)
                              $("#box7").hide(300) */
                              $("#box1").hide(150)
                              $("#box2").hide(150)

                              return false;
                              });

                $("#menu_text1").hover(function(){
                    $(this).css('background-color', '#D6D6D6')}, function(){
                    $(this).css('background-color', 'transparent');
                });

                $("#menu_text2").hover(function(){
                    $(this).css('background-color', '#D6D6D6')}, function(){
                    $(this).css('background-color', 'transparent');
                });

                $("#menu_text3").hover(function(){
                    $(this).css('background-color', '#D6D6D6')}, function(){
                    $(this).css('background-color', 'transparent');
                });

                $("#menu_text4").hover(function(){
                    $(this).css('background-color', '#D6D6D6')}, function(){
                    $(this).css('background-color', 'transparent');
                });

                $("#menu_text5").hover(function(){
                    $(this).css('background-color', '#D6D6D6')}, function(){
                    $(this).css('background-color', 'transparent');
                });

                $("#left_menu_item_1").hover(function(){
                   $(this).css({'background-color' : '#E6E6E6'});
                }, function(){
                   $(this).css({'background-color' : '#EFEFEF'});
                });

                $("#left_menu_item_2").hover(function(){
                   $(this).css({'background-color' : '#E6E6E6'});
                }, function(){
                   $(this).css({'background-color' : '#EFEFEF'});
                });

                $("#left_menu_item_3").hover(function(){
                   $(this).css({'background-color' : '#E6E6E6'});
                }, function(){
                   $(this).css({'background-color' : '#EFEFEF'});
                });

                $("#left_menu_item_4").hover(function(){
                   $(this).css({'background-color' : '#E6E6E6'});
                }, function(){
                   $(this).css({'background-color' : '#EFEFEF'});
                });

                $("#left_menu_item_5").hover(function(){
                   $(this).css({'background-color' : '#E6E6E6'});
                }, function(){
                   $(this).css({'background-color' : '#EFEFEF'});
                });

                $("#left_menu_item_6").hover(function(){
                   $(this).css({'background-color' : '#E6E6E6'});
                }, function(){
                   $(this).css({'background-color' : '#EFEFEF'});
                });

                $("#question_button").click(function(){
                              $("#question_form")
                              .css({'visibility' : 'visible'})
                              .show(300);
                              return false;
                              });

                $("#askquestion").click(function(){
                              $("#question_form")
                              .css({'visibility' : 'visible'})
                              .show(300);
                              return false;
                              });

                $("#map1_show").click(function(){
                              $("#map1")
                              .css({'visibility' : 'visible'})
                              .show(300);
                              return false;
                              });

                $("#close_button").click(function(){
                    $('#question_form').hide(300)
                              .delay(600)
                              .css({'visibility' : 'hidden'})
                    return false;
                });

                $("#close_map_button").click(function(){
                    $('#map1').hide(300)
                              .delay(600)
                              .css({'visibility' : 'hidden'})
                    return false;
                });
}))(jQuery);