// JavaScript Document


function getScreen() {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
  return [myWidth, myHeight];
  
}

function setBackground() {
 	var a = getScreen();
	var myWidth = a[0], myHeight = a[1];
  	//window.alert( 'Width = ' + myWidth );
 	//window.alert( 'Height = ' + myHeight );
 
	bg_width = (myWidth * 1.00);
	bg_height = (myHeight * 1.00);
	
	var NewWidth = bg_width;
 	var NewHeight = Math.round(NewWidth * .667);
	
	if (document.getElementById) {
	
		if (myWidth>1000 && document.getElementById("bg_image")) {
			document.getElementById("bg_image").width = NewWidth;
			document.getElementById("bg_image").height = NewHeight;
			
		}
	}	
}


/* preload images function */
var preloaded = new Array();

function preload_images() {
    for (var i = 0; i < arguments.length; i++){
        preloaded[i] = document.createElement('img');
        preloaded[i].setAttribute('src',arguments[i]);
    };
};


$(document).ready(
	function () {
		$('a.closeEl').bind('click', toggleContent);
		$('div.groupWrapper').Sortable(
			{
				accept: 'groupItem',
				helperclass: 'sortHelper',
				activeclass : 	'sortableactive',
				hoverclass : 	'sortablehover',
				handle: 'div.itemHeader',
				tolerance: 'pointer',
				onChange : function(ser)
				{
				},
				onStart : function()
				{
					$.iAutoscroller.start(this, document.getElementsByTagName('body'));
				},
				onStop : function()
				{
					$.iAutoscroller.stop();
				}
			}
		);
	}
);

var toggleContent = function(e) {
	var targetContent = $('div.itemContent', this.parentNode.parentNode);
	if (targetContent.css('display') == 'none') {
		targetContent.slideDown(300);
	
		$(this).css("background","url(/wp-content/themes/atypisch/images/bg_min.png) no-repeat");

	} else {
		targetContent.slideUp(300);
	
		$(this).css("background","url(/wp-content/themes/atypisch/images/bg_plus.png) no-repeat");
	}
	return false;
};