// 
// 
// Suggested Product functions
// 
// Copyright 2010 Capisce Design
//

var suggested_prod = null;
var sug_links = null;

var slidearea = null;
var slideareaoffset = null;
var slideareawidth = null;
var slider = null;
var sliderwidth = null;

var slideleft = null;
var slideright = null;

var sliding_left = null;
var sliding_right = null;

var popup_offset = null;

// speed of slide (milliseconds between moves) default is 10
// (the lower the number, the faster it goes; must be positive integer)
var slide_speed = 8;

addLoadEvent(suggested_products);

function suggested_products () {
	
	slidearea = document.getElementById("slidearea");
	slider = document.getElementById("slider");
	slideleft = document.getElementById("slideleft");
	slideright = document.getElementById("slideright");
	
	slideareaoffset = getPosition(slidearea);
	
	slider.style.position = "absolute";
	slider.style.left = 0+"px";
	slider.style.top = 0+"px";
	slideareawidth = slidearea.offsetWidth;
	sliderwidth = slider.offsetWidth;
	
	var message_box = document.getElementById("message");
	var message_pos = getPosition(message_box);
	
	popup_offset = message_pos.y;
	
	suggested_prod = document.getElementById("suggested_prods");
	
	sug_links = suggested_prod.getElementsByTagName("a");
	
	for(var i=0; i<sug_links.length; i++){
		
		sug_links[i].onclick = function() {
			
			open_suggested_box(this.href);
			return false;
			
		}
		
	}
	
	slideleft.onmouseover = function() {
		
		try_slide_left();
		
	}
	
	slideright.onmouseover = function() {
		
		try_slide_right();
		
	}
	
	slideleft.onmouseout = function() {
		
		stop_slide_left();
		
	}
	
	slideright.onmouseout = function() {
		
		stop_slide_right();
		
	}
	
}

function try_slide_left(){
	
	//alert("slide left");
	
	if(parseInt(slider.style.left) < 0){
		var new_right = parseInt(slider.style.left) + 5;
		slider.style.left = new_right+"px";
		
		sliding_left = setTimeout(try_slide_left,slide_speed);
	}
	
}

function try_slide_right(){
	
	if(parseInt(slider.style.left) > (slideareawidth-sliderwidth+5)){
		var new_left = parseInt(slider.style.left) - 5;
		slider.style.left = new_left+"px";
		
		sliding_right = setTimeout(try_slide_right,slide_speed);
	}
	
}

function stop_slide_left(){
	
	clearTimeout(sliding_left);
	
}

function stop_slide_right(){
	
	clearTimeout(sliding_right);
	
}

function open_suggested_box(value){
	
	//alert(value);
	showPopWin(value, 775, 500, popup_offset);
	
}


function getPosition(e){
	if( typeof( e.offsetParent ) != 'undefined' ) {
		for( var posX = 0, posY = 0; e; e = e.offsetParent ) {
		  posX += e.offsetLeft;
		  posY += e.offsetTop;
		}
		return {x:posX, y:posY};
	} else {
		return {x:e.x, y:e.y};
	}

}