var backgroundImageLocation = '/images/spacer.gif';
var useBackgroundDiv = false;
//backgroundIframeSrc MUST be used if the useBackgroundDiv is true
var backgroundIframeSrc = "";
var mouseX = 0;
var mouseY = 0;  
var clickElement;

	function hideLabel()
	{
		var labelBkgnd = document.getElementById("label-bkgnd");
		var labelDiv = document.getElementById("label-div");
		
		if(labelBkgnd != null)
		{
			document.body.removeChild(document.getElementById("label-bkgnd"));
		}
		if(labelDiv != null)
		{
			document.body.removeChild(document.getElementById("label-div"));
		}
	}

  function displayLabelByUPC(upc,ele,locale) 
  {
    		clickElement = ele;
     //background positioner image
     
     var backgroundImg = document.createElement("img");
     backgroundImg.src=backgroundImageLocation;
     backgroundImg.setAttribute("id","label-pos-img");
     document.body.appendChild(backgroundImg);
     
     var imgPosition = $('#label-pos-img').position();
     
     
  	  //background 
  	  
	  	var backgroundDiv = document.createElement("div");
	  	backgroundDiv.setAttribute("id","label-bkgnd");
	  	backgroundDiv.style.position="absolute";
	  	if(useBackgroundDiv)
  	  	{
	  		backgroundDiv.style.height=parseInt(imgPosition.top)+20+"px";
	  		backgroundDiv.style.width="100%";
	  	}
	  	document.body.appendChild(backgroundDiv);
	  	
	  	var backgroundIframe = document.createElement("iframe");
	  	backgroundIframe.src=backgroundIframeSrc;
	  	backgroundIframe.style.position="absolute";
	  	backgroundIframe.setAttribute("id","label-bkgnd-iframe");
	  	if(useBackgroundDiv)
  	  	{
	  		backgroundIframe.style.height=parseInt(imgPosition.top)+20+"px";
	  		backgroundIframe.style.width="100%";
	  	}
	  	document.getElementById("label-bkgnd").appendChild(backgroundIframe);
	  
  	  
  	  
  	  var elePosition = $(ele).position();
  	  mouseX = elePosition.left;
  	  mouseY = elePosition.top;
	  var leftVal = (screen.width - 320) / 2;
  	  var labelDiv = document.getElementById('label-div');
	  if(labelDiv != null)
	  {
	  		document.body.removeChild(labelDiv);
	  }
	  
	  labelDiv = document.createElement("div");
	  labelDiv.setAttribute("id","label-div");
	  labelDiv.style.display="none";
	  document.body.appendChild(labelDiv);
	  
	  //document.getElementById('label-div').innerHTML="Loading...";
	  $('#label-div').html("<div id='label-div-loading'><p>Loading...</p></div>");

	  
	var myWidth = 0;
	if( typeof( window.innerWidth ) == 'number' ) {
		//Non-IE
		myWidth = window.innerWidth;
	} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
		//IE 6+ in 'standards compliant mode'
		myWidth = document.documentElement.clientWidth;
	} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
		//IE 4 compatible
		myWidth = document.body.clientWidth;
	}
	
	$('#label-div').css('left',((myWidth - 320) /2));
	$('#label-bkgnd').css('left',((myWidth - 320) /2));
	  
	  var postUrl = "";
	  if (locale != undefined) {
	  	postUrl = '/nutrition-label?upc=' + upc + '&inline=true&locale=' + locale;
	  }
	  else {
	  	postUrl = '/nutrition-label?upc=' + upc + '&inline=true&locale=english';
	  }
	  $.ajax({
  		url: postUrl,
  		success: function(data) {
    			//$('.result').html(data);
    		 	$('#label-div').html(data);
    		 	if(useBackgroundDiv)
    		 	{
    		 		if((parseInt($('#label-div').height())+parseInt(position.top)) > parseInt($('#label-bkgnd').height()))
					{
						$('#label-bkgnd').css("height",parseInt(position.top)+parseInt($('#label-div').height())+"px");
						$('#label-bkgnd-iframe').css("height",parseInt(position.top)+parseInt($('#label-div').height())+"px");
					}
				}else{
					$('#label-bkgnd').css("height",parseInt($('#label-div').height())+"px");
					$('#label-bkgnd-iframe').css("height",parseInt($('#label-div').height())+"px");
				}
				window.scrollTo(0,position.top);
  			}
		});
		
		if(mouseY >= $('#label-div').height())
		{
			mouseY = mouseY -400;
		}
		$('#label-div').css('top',mouseY);
	  	$('#label-div').css('display','block');
	  	var position = $('#label-div').position();
		
		
		if(!useBackgroundDiv){
			$('#label-bkgnd').css("top",mouseY);
		}
				
		addResizeEvent(moveLabelByResize);
		
  }
  
  function addResizeEvent(func) { 
	  var oldonresize = window.onresize; 
	  if (typeof window.onresize != 'function') { 
	    window.onresize = func; 
	  } else { 
	    window.onresize = function() { 
	      if (oldonresize) { 
	        oldonresize(); 
	      } 
	      func(); 
	    } 
	  } 
	} 
  
 
  function moveLabelByResize()
  {
  		var elePosition = $(clickElement).position();
  		$('#label-div').css('left', elePosition.left);
		
  		//alert("test");
  }

	function resizeSelf()
	{

	  var width= document.getElementById("label-wrapper").offsetWidth ;
    var height= document.getElementById("label-wrapper").offsetHeight ;

		window.resizeBy(width-320, height - 530);
	}
	
	
	function printLabel(upc, locale)
	{
	
		if(locale == undefined || locale == null)
		{
			window.open('/nutrition-label?upc='+upc + '&printerFriendly=true','',	'left=20,top=20,width=500,height=500,toolbar=0,resizable=1');
		}else
		{
			window.open('/nutrition-label?upc='+upc + '&printerFriendly=true&locale='+locale,'',	'left=20,top=20,width=500,height=500,toolbar=0,resizable=1');
		}
		
	}