prod_offset = null;

var is_tracking = 0;

Effect.Move2 = Class.create();
Object.extend(Object.extend(Effect.Move2.prototype, Effect.Base.prototype), {
  initialize: function(element) {
	this.element = $(element);
	if(!this.element) throw(Effect._elementDoesNotExistError);
	var options = Object.extend({
	  x:    0,
	  y:    0,
	  mode: 'relative'
	}, arguments[1] || {});
	this.start(options);
  },
  setup: function() {
	this.element.makePositioned();
	this.originalLeft = parseFloat(this.element.getStyle('left') || '0');
	this.originalTop  = parseFloat(this.element.getStyle('top')  || '0');
	this.originalWidth = parseFloat(this.element.getStyle('width') || '0');
	if(this.options.mode == 'absolute') {
	  this.options.x = this.options.x - this.originalLeft;
	  this.options.y = this.options.y - this.originalTop;
	}
  },
  update: function(position) {
  	new_left = Math.round(this.options.x  * position + this.originalLeft);
  	new_top = Math.round(this.options.y  * position + this.originalTop);
  
	this.element.setStyle({
	  left: new_left + 'px',
	  top:  new_top + 'px',
	  clip: 'rect( ' + new_top + 'px,' + (896 - new_left) + 'px,auto, ' + (new_left*-1) + 'px)'
	});
  },
  finish: function(position) {
  	if (is_tracking != 0)
  	{
  		prod_slide (is_tracking, 0.5);
  	}
  }

});



function prod_slide_reset ()
{
	is_tracking = 0;
}


function prod_slide (delta, duration)
{
	//is_tracking = delta;
	if (!duration)
		duration = 1;
	
	prod_num = parseInt($('slider_full').getAttribute ('prod_num'), 10);
	if (prod_offset == null)
		prod_offset = parseInt($('slider_full').getAttribute ('prod_middle'), 10);

	if (prod_offset == 1 && delta < 0)
		return;
	if (prod_offset > (prod_num -2) && delta > 0)
		return;



	prod_page = prod_offset - (prod_offset % 4) + 1;
	$ ('page_' + prod_page).className = 'page_off';


	delta_px = (-280*delta);
	
	new  Effect.Move2 ($('slider_full'), {x: delta_px ,duration: duration});
	prod_offset += delta;


	$ ('slider_prev_light').style.display = 	(prod_offset > 1) ? 'block' : 'none';
	$ ('slider_prev_stroke').style.display = 	(prod_offset > 1) ? 'block' : 'none';

	$ ('slider_next_light').style.display = 	(prod_offset < (prod_num -1)) ? 'block' : 'none';
	$ ('slider_next_stroke').style.display = 	(prod_offset < (prod_num -1)) ? 'block' : 'none';
	
	prod_page = prod_offset - (prod_offset % 4) + 1;
	$ ('page_' + prod_page).className = 'page_on';


}

function slide_to (new_prod_offset)
{
	if (prod_offset == null)
		prod_offset = parseInt($('slider_full').getAttribute ('prod_middle'), 10);

	prod_page = prod_offset - (prod_offset % 4) + 1;
	$ ('page_' + prod_page).className = 'page_off';


	prod_num = parseInt($('slider_full').getAttribute ('prod_num'), 10);

	delta = new_prod_offset - prod_offset;
	delta_px = (-280*delta);

	new  Effect.Move2 ($('slider_full'), {x: delta_px });
	prod_offset = new_prod_offset;


	$ ('slider_prev_light').style.display 	= (prod_offset > 1) ? 'block' : 'none';
	$ ('slider_prev_stroke').style.display = (prod_offset > 1) ? 'block' : 'none';

	$ ('slider_next_light').style.display 	= (prod_offset < (prod_num -1)) ? 'block' : 'none';
	$ ('slider_next_stroke').style.display = (prod_offset < (prod_num -1)) ? 'block' : 'none';
	
	
	prod_page = prod_offset - (prod_offset % 4) + 1;
	$ ('page_' + prod_page).className = 'page_on';
}

function tab_show (obj, is_on)
{

	tab_div = dom_down (obj, 'div');
	if (tab_div.myEffect)
		tab_div.myEffect.cancel();
	
	if (is_on)
	{
		delta = -(tab_div.offsetTop - 250 +100);
	
		tab_div.myEffect = new  Effect.Move (tab_div, {y: delta,duration:0.2 });
	}
	else
	{
		delta = -(tab_div.offsetTop - 150 -100);
		tab_div.myEffect = new  Effect.Move (tab_div, {y: delta, duration:1.0 });
	}
		
}