/***
 *
 * rubberband.js
 * rubber band selection routines
 * adapted from http://home.earthlink.net/~wzd3/rubberband.html
 *
 * requires gr.js
 ***/

var gr = new Graphics("canvas");
var c = null;

// setup mouse capturing
// 
// http://www.breakingpar.com/bkp/home.nsf/Doc?OpenNavigator&U=87256B14007C5C6A87256B4B0005BFA6
// Set Netscape up to run the "captureMousePosition" function whenever
// the mouse is moved. For Internet Explorer and Netscape 6, you can capture
// the movement a little easier.

if (document.layers) 
{ // Netscape
    document.captureEvents(Event.MOUSEMOVE);
    document.onmousemove = captureMousePosition;
} 
else if (document.all) 
{ // Internet Explorer
    document.onmousemove = captureMousePosition;
} 
else if (document.getElementById) 
{ // Netcsape 6
    document.onmousemove = captureMousePosition;
}

// Global variables
var xMousePos = 0; // Horizontal position of the mouse on the screen
var yMousePos = 0; // Vertical position of the mouse on the screen

function captureMousePosition(e) {
  if (document.layers) 
  {
    // When the page scrolls in Netscape, the event's mouse position
    // reflects the absolute position on the screen. innerHight/Width
    // is the position from the top/left of the screen that the user is
    // looking at. pageX/YOffset is the amount that the user has
    // scrolled into the page. So the values will be in relation to
    // each other as the total offsets into the page, no matter if
    // the user has scrolled or not.
    xMousePos = e.pageX;
    yMousePos = e.pageY;
  } 
  else if (document.all) 
  {
    // When the page scrolls in IE, the event's mouse position
    // reflects the position from the top/left of the screen the
    // user is looking at. scrollLeft/Top is the amount the user
    // has scrolled into the page. clientWidth/Height is the height/
    // width of the current page the user is looking at. So, to be
    // consistent with Netscape (above), add the scroll offsets to
    // both so we end up with an absolute value on the page, no
    // matter if the user has scrolled or not.
    /*
    if(document.documentElement.scrollTop){
      var scrollTop = document.documentElement.scrollTop;
      var scrollLeft = document.documentElement.scrollLeft;
    }else{
      var scrollTop = document.body.scrollTop;
      var scrollLeft = document.body.scrollLeft;
    }  
   */ 
	 var scrollTop = document.documentElement.scrollTop;
   var scrollLeft = document.documentElement.scrollLeft;
    
      
    xMousePos = window.event.x + scrollLeft;
    yMousePos = window.event.y + scrollTop;
  } 
  else if (document.getElementById) 
  {
    // Netscape 6 behaves the same as Netscape 4 in this regard
    xMousePos = e.pageX;
    yMousePos = e.pageY;
  }
}

var divX1;
var divX2;
var divY1;
var divY2;
var drawing = false;
var startX = 0;
var startY = 0;
var p = null;
var a = 0;


function startLine(){

  var canvas = document.getElementById('canvas');

  if(Prototype.Browser.IE) {
    divX1 = document.documentElement.scrollLeft;
    divY1 = document.documentElement.scrollTop;
  } else {    
    var pos 	 = getPos(canvas);    
    divX1 = pos.x;
    divY1 = pos.y;  
  }
  
  startX= (xMousePos-divX1);
  startY= (yMousePos-divY1);
  
  drawing = true;
  drawBand();
  
}

function stopLine(){
  drawing = false;
}

function drawBand()
{
  // leave band alone if out of range
  if (xMousePos < divX1 || xMousePos > divX2 || yMousePos < divY1 || yMousePos > divY2){
    window.setTimeout("drawBand();", 10);
    return;
  }

  // don't redraw band if mouse is up
  if (drawing == false) 
    return;

  // remove previous band
  if (p)
    gr.removeShape(p);

  gr.penColor = "#ff0281";

  // compute the exact rectangle from start point to mouse point
  var x1 = startX;
  var x2 = xMousePos - divX1;
  var y1 = startY;
  var y2 = yMousePos - divY1;

  if (document.forms[0].selectable_square_size == undefined)
		var selectable_square_size = 10;
  else
		var selectable_square_size = parseInt(document.forms[0].selectable_square_size.value);
  
  // adjust so x1, y1 is UL corner
  var temp;
  var swap_x = false;
  if (x2 < x1) { temp = x1; x1 = x2; x2 = temp; swap_x = true; }
  var swap_y = false;
  if (y2 < y1) { temp = y1; y1 = y2; y2 = temp; swap_y = true; }

  // now adjust it to cover whole 10x10 blocks
  x1 = Math.floor(x1 / selectable_square_size) * selectable_square_size;
  y1 = Math.floor(y1 / selectable_square_size) * selectable_square_size;
  x2 = Math.ceil(x2 / selectable_square_size) * selectable_square_size;
  if (x2 == x1) x2 += selectable_square_size;
  if (x2 > divX2 - divX1) { x1 -= selectable_square_size; x2 -= selectable_square_size; }
  y2 = Math.ceil(y2 / selectable_square_size) * selectable_square_size;
  if (y2 == y1) y2 += selectable_square_size;
  if (y2 > divY2 - divY1) { y1 -= selectable_square_size; y2 -= selectable_square_size; }

  // compute region width, height
  var w = x2 - x1;
  var h = y2 - y1;

  var f 					= document.forms[0];
  var pixels_text = '##bricks##';

  if (f) {
    // constrain region to max_w, max_h limits
    if (f.max_w && f.max_w.value > 0)
      w = Math.min(w, Math.ceil(f.max_w.value / selectable_square_size) * selectable_square_size);
    if (f.max_h && f.max_h.value > 0)
      h = Math.min(h, Math.ceil(f.max_h.value / selectable_square_size) * selectable_square_size);

    // constrain region to max_w, max_h limits
    if (f.min_w && f.min_w.value > 0)
      w = Math.max(w, Math.ceil(f.min_w.value / selectable_square_size) * selectable_square_size);
    if (f.min_h && f.min_h.value > 0)
      h = Math.max(h, Math.ceil(f.min_h.value / selectable_square_size) * selectable_square_size);

    // maximum free sqare
    if (f.free_paid != undefined && f.free_paid.value == 'free')
    {
      max_sqare = parseInt(f.free_square.value);
      if (max_sqare < w*h) 
      {
        w = parseInt(f.w.value);
        h = parseInt(f.h.value);
      }
    }
    // make sure anchor point does not move
    if (swap_x) x1 = x2 - w;
    if (swap_y) y1 = y2 - h;

    // set form values
    f.x.value = x1
    f.y.value = y1
    f.w.value = w
    f.h.value = h

    if (f.pixels_text)
      pixels_text = f.pixels_text.value;
  }

  // update selection description
  var sel = document.getElementById('selection');
  var sel2 = document.getElementById('selection_s');
  if (sel) 
  {

    var siz = w * h;
    siz = siz.toString();
    var amt = '';
    if (f) 
    {
      if (f.thousands_separator) 
      {
        while (siz.match(/\d\d\d\d$/))
          siz = siz.replace(/(\d)(\d\d\d)$/, '$1 $2');
        siz = siz.replace(/ /g, f.thousands_separator.value);
      }


      if (f.pixel_price != undefined && f.pixel_price.value > 0) 
      {        
        if (f.free_paid != undefined && f.free_paid.value == 'free') 
        	square = 0;
        else 
          square =  w * h;
        
        //amt = square * f.pixel_price.value;
        get_price(square);
        
        amt = document.getElementById('price') == null ? 3 : $F('price') ; 

        amt = parseFloat(amt);
        amt = amt.toFixed(2);
     		
        if (f.thousands_separator) 
        {
          while (amt.match(/\d\d\d\d\D/))
            amt = amt.replace(/(\d)(\d\d\d\D.*)/, '$1 $2');
          amt = amt.replace(/ /g, f.thousands_separator.value);
        }
        
        if (f.currency_symbol) {
          amt = amt + f.currency_symbol.value;
        }
        
        if(siz / 25 < 2) {
          var pix_txt = pixels_text.replace(/s/g,'');
        } else {
          var pix_txt = pixels_text;
        }
        var html = '<span style="color:#000">' + siz / 25 + ' ' + pix_txt + ' = </span>' + amt;
        
        if (f.multi_get) 
        {
          html = html + ' <input type="button" id="btn_add_another_region" value="' + f.str_add_another_region.value + '" onclick="addAnotherRegion()" />';
        }
        
        sel.innerHTML = html;
      	sel.style.fontSize = 25+"px";
      	sel.style.lineHeight = 45+"px";
        
        sel2.innerHTML = html;
      	sel2.style.fontSize = 25+"px";
      	sel2.style.lineHeight = 45+"px";
          
      }
    }
  	
    
  }

  p = gr.drawRectangle(x1, y1, w, h);
  window.setTimeout("drawBand();", 10);
}

function moveCanvas(to_id)
{
  var to = document.getElementById(to_id);
  var canvas = document.getElementById('canvas');
  canvas.style.visibility = 'visible';  
}

// get absolute position of element
// from http://www.alphafilter.com/?inc=article&aid=30
function getPos(el) 
{
  var p = YAHOO.util.Dom.getXY(el);
  var pos = new Object;
  pos.x = p[0];
  pos.y = p[1];
  return pos;
}

function get_price_old(value)
{
	var sUrl = 'get_price.php';
 	var x = new Ajax.Request(sUrl,{
 		method:'post',
 		parameters:{square:value},
 		onComplete:function(t)
 		{
 			if($('price') != null)
 				$('price').value = t.responseText;
 			else
 			{
 				var input = new Element('input', {id:'price',name: 'price', type:'hidden',value:t.responseText}); 
 				document.getElementsByTagName("body")[0].appendChild(input);
 			}
 		}
 	});
 	
 	
 	console.log($F('price'))
 	var returnValue = $('price').value; 
	return returnValue;
	
}

function get_price(value)
{

		// calcule le prix de la selection
		var total  = value / 25;
		var i 		  = 1 ;
		var amount = 0 ;
		var loop = total > 25 ? 26 : total+1 ;
		
		while( i < loop ) 
		{
		 amount += (3 - 0.1*(i-1)) ;
		 i++ ;
		 total-- ;
		}
		
		var j=0 ;
		if(total>0) 
		{
		   while( j < total ) 
		   {
		       amount += 0.5 ;
		       j++ ;
		   }
		}

	if($('price') != null)
		$('price').value = amount;
	else
	{
		var input = new Element('input', {id:'price',name: 'price', type:'hidden',value:amount}); 
		document.getElementsByTagName("body")[0].appendChild(input);
	}
 	
	
}