/**
 * @file
 * Pop theme javascript.
 */

(function ($) {

  /**
   * Grid Overlay
   * Adding grid overlay for development.
   */
  Drupal.behaviors.popGridOverlay = {
    attach: function(context, settings) {
      if ($('body.grid-overlay-enabled').size() > 0) {
        var grid = '<div id="pop-grid"></div>';
        var grid_switch = '<div id="pop-grid-switch">Show Grid</div>';
        $('body.grid-overlay-enabled').append(grid_switch);
        $('#page').append(grid);

        var pageWidth = $('#page').width();
        var colWidth = 68;
        var colSep = 24;
        var colCount = 1;

        $('#pop-grid').css({width: pageWidth});

        for(colLeft = 0; colLeft <= pageWidth; colLeft = (colWidth + colSep) * (colCount - 1)) {
          var colW = ((colWidth + colSep) * colCount ) - colSep;
          var colSpan = '<span class="pop-col pop-col-'+colCount+'">col: ' + colCount + '<br/>w: ' + colW + 'px</span>';

          $('#pop-grid').append(colSpan);
          $('#pop-grid .pop-col-'+colCount).css({ width: colWidth, left: colLeft });
          colCount++;
        };

        $('#pop-grid-switch').toggle(
          function() {
            $(this).text("Hide Grid").attr('rel','on');
            $('#pop-grid').show();
          }, function() {
            $(this).text('Show Grid').attr('rel','off');
            $('#pop-grid').hide();
          }
        );
      }
    }
  };

  /**
   * Equalize the heights of elements.
   *
   * Usage: $(object).equalHeights([minHeight], [maxHeight]);
   *
   * Known problem: Resize or dynamic content will break the equal height.
   */
  $.fn.equalHeights = function(minHeight, maxHeight) {
    tallest = (minHeight) ? minHeight : 0;
    this.each(function() {
      if ($(this).outerHeight() > tallest) {
        tallest = $(this).outerHeight();
      }
    });

    if ((maxHeight) && tallest > maxHeight) tallest = maxHeight;

    return this.each(function() {
      var extras = $(this).outerHeight() - $(this).height();
      if ($.browser.msie && $.browser.version < 7) { $(this).height(tallest-extras); }
      $(this).css({'min-height':tallest-extras + 'px'/*, 'overflow':'auto'*/});
    });
  }

  Drupal.behaviors.popEqualHeights = {
    attach: function(context, settings) {
      if ($('body.pop-equal-heights').size() > 0) {
        $('.column').equalHeights();
      }
    }
  };
})(jQuery);;
var scrolltotop={
	//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
	//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
	setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[800, 100]},
	controlHTML: '<img src="/sites/all/themes/spk/images/btn-top.png" style="width:31px; height:31px" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
	controlattrs: {offsetx:875, offsety:0}, //offset of control relative to right/ bottom of window corner
	anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links

	state: {isvisible:false, shouldvisible:false},

	scrollup:function(){
		if (!this.cssfixedsupport) //if control is positioned using JavaScript
			this.$control.css({opacity:0}) //hide control immediately after clicking it
		var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
		if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
			dest=jQuery('#'+dest).offset().top
		else
			dest=0
		this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
	},

	keepfixed:function(){
		var $window=jQuery(window)
		var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
		var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
		this.$control.css({left:controlx+'px', top:controly+'px'})
	},

	togglecontrol:function(){
		var scrolltop=jQuery(window).scrollTop()
		if (!this.cssfixedsupport)
			this.keepfixed()
		this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
		if (this.state.shouldvisible && !this.state.isvisible){
			this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
			this.state.isvisible=true
		}
		else if (this.state.shouldvisible==false && this.state.isvisible){
			this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
			this.state.isvisible=false
		}
	},
	
	init:function(){
		jQuery(document).ready(function($){
			var mainobj=scrolltotop
			var iebrws=document.all
			mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
			mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
			mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
				.css({position:mainobj.cssfixedsupport? 'relative' : 'absolute', bottom:mainobj.controlattrs.offsety, left:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer', width:'31px', height:'31px', float:'left', margin:'15px 0 0' })
				.attr({title:'Till Toppen'})
				.click(function(){mainobj.scrollup(); return false})
				.appendTo('#services')
			if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
				mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
			mainobj.togglecontrol()
			$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
				mainobj.scrollup()
				return false
			})
			$(window).bind('scroll resize', function(e){
				mainobj.togglecontrol()
			})
		})
	}
}

scrolltotop.init();