/*

   (c) Skogsröjet

*/


function randomBetween(from, to)
{
  return Math.floor(Math.random() * (to - from + 1) + from);
}


$(document).ready(function()
{
  $("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled (Adds empty span tag after ul.subnav*)  
  $("ul.topnav li span").click(function()
  {
    $(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click
    $(this).parent().hover(function() {}, function(){
      $(this).parent().find("ul.subnav").slideUp('fast'); //When the mouse hovers out of the subnav, move it back up  
    });
    }).hover(function() {
      $(this).addClass("subhover"); //On hover over, add class "subhover"
    }, function(){  //On Hover Out
      $(this).removeClass("subhover"); //On hover out, remove class "subhover"
    });
});


(function($){
    $.fn.dropshadow = function(settings){
        var opts = $.extend({}, $.fn.dropshadow.defaults, settings);

        // Check if CSS3 is supported
        var style = $('div')[0].style;
        var isCSS3 = style.MozBoxShadow !== undefined || style.WebkitBoxShadow !== undefined || style.BoxShadow !== undefined;

        return this.each(function(settings) {
           var options = $.extend({}, opts, $(this).data());
           var $this = $(this);
           var sDiff = 15;
           if (!isCSS3)
           {
                var styles = {
                    position: 'absolute',
                    width: $this.width() + 'px',
                    height: $this.height() - sDiff + 'px',
                    backgroundColor: options.shadowColor,
                    zIndex: options.shadowLayer,
                    top: ($this.offset().top + parseInt(options.distance, 10)) + sDiff + 'px',
                    left: ($this.offset().left + parseInt(options.distance, 10)) + 'px'
                };
            }
            else {
                var boxshadow = options.distance + ' ' + options.distance + ' ' + options.blur + ' ' + options.shadowColor;
                var styles = {
                    position: 'absolute',
                    width: $this.width() + 'px',
                    height: $this.height() - sDiff + 'px',
                    backgroundColor: options.shadowColor,
                    zIndex: options.shadowLayer,
                    top: $this.offset().top + sDiff + 'px',
                    left: $this.offset().left + 'px',
                    MozBoxShadow:boxshadow,
                    WebkitBoxShadow:boxshadow,
                    BoxShadow:boxshadow
                };
            }

            $('<div class="drop_shadow_layer">').appendTo($('body')).css(styles);

        });
    }

  $.fn.dropshadow.defaults = {
    shadowColor: '#DFDFDF',
    shadowLayer: -1,
    distance:'5px',
    blur:'3px'
  }

})(jQuery);


$(window).load(function(){
  $('.shadow').dropshadow({
    shadowColor: '#171717',
    shadowLayer: -100,
    distance:'5px',
    blur:'3px'
  });
});


$(window).resize(function(){
  $('.drop_shadow_layer').remove();
  $('.shadow').dropshadow({
    shadowColor: '#171717',
    shadowLayer: -100,
    distance:'5px',
    blur:'3px'
  });
});