function windowSize() {
	var a=new Array();
	if ($.browser.mozilla) {
			a["width"] = window.innerWidth-16;
			a["height"] = window.innerHeight-16;
	}	
	if ($.browser.msie) {
		a["width"] = document.body.offsetWidth-20;
		a["height"] = document.body.offsetHeight-20;
		}
		
	return a;
}

function ifOutsideWindow(el,w) {
	var wsize=windowSize();
	
	var a=$(el).offset();	
	
	if (w==null) {
		var els=$("table",el);
		if (els.length>0) 
			w=parseInt(els[0].width);
	}
	if (w!=null) {	
		if (a.left + w > wsize.width) {
			return true;
		}
	}
	return false;
}

$(document).ready(function() {
	if(xsellItems != ''){
		var splits = xsellItems.split(',');
		var xIms = $(".x-im");
		
		$.each(xIms, function(i){
			$(this).parent().hover(
				function () {
					$(this).find('div').load(splits[i] + ".html #cross-sell",function(){$(this).css("background", "#FFF");});
					if(ifOutsideWindow($(this).find('div'), null)){
						$(this).find('div').css("left","0px");
						$(this).find('div').css("right","auto");
					}else{
						$(this).find('div').css("right","0px");
						$(this).find('div').css("left","auto");
					}
					
					var xObjs = $(".xsell-im");
					
					$.each(xObjs, function(x){
						xObjs[x].style.zIndex = -1;
					});				
					$(this).css("z-index","9000");
					$(this).find('div').css("display","block");},
				function () {
					$(this).find('div').css("display","none");
					var xObjs = $(".xsell-im");
					
					$.each(xObjs, function(x){
						xObjs[x].style.zIndex = 1;
					});	
					$(this).find('div').html("");}							
			);		
		});
	}		
});