var defaultpos = new Array();
var defaultr2lpos = new Array();
var defaultl2rpos = new Array();
$(document).ready(function(){   
	$.each($('#top2bottom li'), function(key, value) { 
		defaultpos[key] = $(this).css('top');
		$(this).css('z-index',4);
});
	$.each($('#r2l li'), function(key, value) { 
		defaultr2lpos[key] = $(this).css('right');
		$(this).css('z-index',2);
	});
	$.each($('#l2r li'), function(key, value) { 
		defaultl2rpos[key] = $(this).css('left');
		$(this).css('right');
		$(this).css('z-index',1);
	});
	
	$("img").removeAttr("title");
});

function getScrollXY() {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
  return [ scrOfX, scrOfY ];
}

function crisscross() {
	
	var scrollXY = getScrollXY();
	$.each($('#top2bottom li'), function(key, value) { 
		var newval = scrollXY[1] + parseInt(defaultpos[key]);
		//alert(newval);
 		$(this).css('top',newval+ 'px');
	});
	$.each($('#r2l li'), function(key, value) { 
		var newval = scrollXY[1] + parseInt(defaultr2lpos[key]);
		//alert(newval);
 		$(this).css('right',newval+ 'px');
	});
	$.each($('#l2r li'), function(key, value) { 
		var newval = scrollXY[1] + parseInt(defaultl2rpos[key]);
		//alert(newval);
 		$(this).css('left',newval+ 'px');
	});

}
window.onscroll=function(){crisscross();}