//slide show start 
var delay = 5000;
var start_frame = 0;

//timeout for tooltip
var tooltime;

function SUDEffect(element){
       new Effect.toggle(element,'Slide', {duration:2});
}

function AppearEffect(element){
       new Effect.toggle(element, 'Appear', {duration:3});
}

function init() {
	if ($('slide-images'))
	{
	var lis = $('slide-images').getElementsByTagName('li');
  	for( i=0; i < lis.length; i++){
  		if(i!=0){
  			lis[i].style.display = 'none';
  		}
  	}
  	end_frame = lis.length -1;
  	
  	start_slideshow(start_frame, end_frame, delay, lis);
  }  	
}

function start_slideshow(start_frame, end_frame, delay, lis) {
	setTimeout(fadeInOut(start_frame,start_frame,end_frame, delay, lis), delay);
}

function fadeInOut(frame, start_frame, end_frame, delay, lis) {
	return (function() {
		lis = $('slide-images').getElementsByTagName('li');
		Effect.Fade(lis[frame]);
		if (frame == end_frame) { frame = start_frame; } else { frame++; }
		lisAppear = lis[frame];
		setTimeout("Effect.Appear(lisAppear);", 0);
		setTimeout(fadeInOut(frame, start_frame, end_frame, delay), delay + 1850);
	})	
}
//end
//tool tip
function hideTooltipStart(pid) {
	clearTimeout(tooltime);//clear any previous
	tooltime = setTimeout("hideTooltip('"+pid+"')",500);
}


function handleTooltipStart(event, pid, mode) {
	clearTimeout(tooltime);//clear any previous
	tooltime = setTimeout("handleTooltipDia('"+pid+"', '"+mode+"')",500);
}

function handleTooltip(event, pid, mode) {

	var base = document.getElementsByTagName('base')[0].href;
	mode = (typeof mode == 'undefined') ?  0 : mode;
	// determine position of tooltip
	if (mode == 0)
	{ 
		var thumbCoods = findPos($('thumb_'+pid));
		/*var offSetY = -25; 
		var offSetInY = -250; 
		var offSetX = +130;
		*/
		//alert (thumbCoods[1]+' : '+thumbCoods[0]);
		var offSetY = -25; 
		var offSetInY = -250; 
		var offSetX = +130;
		
	}
	else
	{
		var thumbCoods = findPos($('tag_'+pid));
		var offSetY =  -55; 
		var offSetInY = -230; 
		var offSetX = 70;
	}
	
	var tooltipTop = thumbCoods[1] + offSetY; // middle of top half
	var tooltipLeft = thumbCoods[0] + offSetX;
	//var tooltipOffset = realOffset(($('thumb_'+pid)));
	//alert (tooltipOffset[0]+':'+tooltipOffset[1]);
	//alert(tooltipLeft+' : '+tooltipTop );
//alert ((thumbCoods[1]+200)+' > '+(document.documentElement.scrollTop+document.documentElement.clientHeight));	
	var tooltipProps = new Array('left','top');
	if ( (thumbCoods[1]+200) > (document.documentElement.scrollTop+document.documentElement.clientHeight) ) {
		if (mode == 0) 
			tooltipTop = document.documentElement.scrollTop + document.documentElement.clientHeight + offSetInY; // middle of bottom half
		else
			tooltipTop = thumbCoods[1] + offSetInY;
			
		tooltipProps[1] = 'bottom';
	}
	
	if ( (document.documentElement.clientWidth > 400) && (tooltipLeft + 400) >
document.documentElement.clientWidth ) {
		tooltipLeft = thumbCoods[0] - 320;
		tooltipProps[0] = 'right'; 
	}
	var tooltipBg = "url('"+base+"/skin1/images/tooltip-bg-tl.gif')";
	
	if ( tooltipProps[0] == 'right' && tooltipProps[1] == 'top' ) tooltipBg = "url('"+base+"/skin1/images/tooltip-bg-tr.gif')";
	else if ( tooltipProps[0] == 'right' && tooltipProps[1] == 'bottom' ) tooltipBg = "url('"+base+"/skin1/images/tooltip-bg-br.gif')";
	else if ( tooltipProps[0] == 'left' && tooltipProps[1] == 'bottom' ) tooltipBg = "url('"+base+"/skin1/images/tooltip-bg-bl.gif')";
	
	var elem = $('tooltip_'+pid);
	if ( elem == null ) {
		// add delay
		
		if ( document.body.gettingTooltip == null ) {
			document.body.gettingTooltip = true;
			// create tooltip div if it doesn't exist
			var mydiv = document.createElement('div');
			
			mydiv.id = "tooltip_anchor_"+pid;
			mydiv.className = 'producttooltip';
			mydiv.style.position = 'absolute';
			mydiv.style.zIndex = 10000;
			document.body.appendChild(mydiv);			//alert($("tooltip_anchor_"+pid).style.top );
			mydiv.style.top = tooltipTop + "px";
			mydiv.style.left = tooltipLeft + "px";
			var anchor_elem_test = $('tooltip_anchor_'+pid);
			var basepath = document.location.pathname.substring(0,document.location.pathname.lastIndexOf('/')) ;
			var url = base +"ruby_ajax_prod.php";
			var parms = "productid="+pid;
			var myAjax = new Ajax.Request(
				url,
				{
					method: 'get',
					parameters: parms,
					onComplete: function(xhr) {
						var anchor_elem = $('tooltip_anchor_'+pid);
						
						if ( anchor_elem && xhr.responseText) {
							anchor_elem.style.backgroundImage = tooltipBg;
							anchor_elem.style.backgroundRepeat = "no-repeat";
							anchor_elem.innerHTML = xhr.responseText;
							showTooltip(anchor_elem.id);
						
						}
					}
				}
			);
			document.body.gettingTooltip = null;
		}
	}
	// otherwise toggle its visibility
	else {
		( elem.style.display == 'none' ) ? showTooltip(elem.id) : hideTooltip(elem.id);
	}
}
function handleTooltipDia( pid, mode) {

	var base = document.getElementsByTagName('base')[0].href;
	mode = (typeof mode == 'undefined') ?  0 : mode;
	// determine position of tooltip
	if (mode == 0)
	{ 
		var thumbCoods = findPos($('thumb_'+pid));
		/*var offSetY = -25; 
		var offSetInY = -250; 
		var offSetX = +130;
		*/
		//alert (thumbCoods[1]+' : '+thumbCoods[0]);
		var offSetY = -25; 
		var offSetInY = -250; 
		var offSetX = +130;
		
	}
	else
	{
		var thumbCoods = findPos($('tag_'+pid));
		var offSetY =  -55; 
		var offSetInY = -230; 
		var offSetX = 70;
	}
	
	var tooltipTop = thumbCoods[1] + offSetY; // middle of top half
	var tooltipLeft = thumbCoods[0] + offSetX;
	//var tooltipOffset = realOffset(($('thumb_'+pid)));
	//alert (tooltipOffset[0]+':'+tooltipOffset[1]);
	//alert(tooltipLeft+' : '+tooltipTop );
//alert ((thumbCoods[1]+200)+' > '+(document.documentElement.scrollTop+document.documentElement.clientHeight));	
	var tooltipProps = new Array('left','top');
	if ( (thumbCoods[1]+200) > (document.documentElement.scrollTop+document.documentElement.clientHeight) ) {
		if (mode == 0) 
			tooltipTop = document.documentElement.scrollTop + document.documentElement.clientHeight + offSetInY; // middle of bottom half
		else
			tooltipTop = thumbCoods[1] + offSetInY;
			
		tooltipProps[1] = 'bottom';
	}
	
	if ( (document.documentElement.clientWidth > 400) && (tooltipLeft + 400) >
document.documentElement.clientWidth ) {
		tooltipLeft = thumbCoods[0] - 320;
		tooltipProps[0] = 'right'; 
	}
	var tooltipBg = "url('"+base+"/skin1/images/tooltip-bg-tl.gif')";
	
	if ( tooltipProps[0] == 'right' && tooltipProps[1] == 'top' ) tooltipBg = "url('"+base+"/skin1/images/tooltip-bg-tr.gif')";
	else if ( tooltipProps[0] == 'right' && tooltipProps[1] == 'bottom' ) tooltipBg = "url('"+base+"/skin1/images/tooltip-bg-br.gif')";
	else if ( tooltipProps[0] == 'left' && tooltipProps[1] == 'bottom' ) tooltipBg = "url('"+base+"/skin1/images/tooltip-bg-bl.gif')";
	
	var elem = $('tooltip_'+pid);
	if ( elem == null ) {
		// add delay
		
		if ( document.body.gettingTooltip == null ) {
			document.body.gettingTooltip = true;
			// create tooltip div if it doesn't exist
			var mydiv = document.createElement('div');
			
			mydiv.id = "tooltip_anchor_"+pid;
			mydiv.className = 'producttooltip';
			mydiv.style.position = 'absolute';
			mydiv.style.zIndex = 10000;
			document.body.appendChild(mydiv);			//alert($("tooltip_anchor_"+pid).style.top );
			mydiv.style.top = tooltipTop + "px";
			mydiv.style.left = tooltipLeft + "px";
			var anchor_elem_test = $('tooltip_anchor_'+pid);
			var basepath = document.location.pathname.substring(0,document.location.pathname.lastIndexOf('/')) ;
			var url = base +"/ruby_ajax_prod.php";
			var parms = "productid="+pid;
			var myAjax = new Ajax.Request(
				url,
				{
					method: 'get',
					parameters: parms,
					onComplete: function(xhr) {
						var anchor_elem = $('tooltip_anchor_'+pid);
						
						if ( anchor_elem ) {
							anchor_elem.style.backgroundImage = tooltipBg;
							anchor_elem.style.backgroundRepeat = "no-repeat";
							anchor_elem.innerHTML = xhr.responseText;
							showTooltip(anchor_elem.id);
						
						}
					}
				}
			);
			document.body.gettingTooltip = null;
		}
	}
	// otherwise toggle its visibility
	else {
		( elem.style.display == 'none' ) ? showTooltip(elem.id) : hideTooltip(elem.id);
	}
}
function showTooltip(elemid) {
	hideAllTooltips();
	var elem = $(elemid.toString());
	if ( elem ) {
		elem.style.display = 'block';
	}
}
function hideTooltip(elemid) {
	var elem = $(elemid.toString());
	if ( elem ) {
		var parent = elem.parentNode;
		parent.removeChild(elem);
	}
}

function hideAllTooltips() {
	$$('div.producttooltip').each(Element.hide);
}

function getMouseCoods(event) {
	var posx = 0;
	var posy = 0;
	if (!event) var event = window.event;
	if (event.pageX || event.pageY) {
		posx = event.pageX;
		posy = event.pageY;
	}
	else if (event.clientX || event.clientY) {
		posx = event.clientX + document.documentElement.scrollLeft;
		posy = event.clientY + document.documentElement.scrollTop;
	}
	return new Array(posx, posy);
}
function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft;
		curtop = obj.offsetTop;
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop;
		}
	}
	return [curleft,curtop];
}
//end

Event.observe(window, 'load', init, false);


/*
WM_setCookie(), WM_readCookie(), WM_killCookie()
A set of functions that eases the pain of using cookies.

Source: Webmonkey Code Library
(http://www.hotwired.com/webmonkey/javascript/code_library/)

Author: Nadav Savio
Author Email: nadav@wired.com
*/


// This next little bit of code tests whether the user accepts cookies.
var WM_acceptsCookies = false;
if(document.cookie == '') {
    document.cookie = 'WM_acceptsCookies=yes'; // Try to set a cookie.
    if(document.cookie.indexOf('WM_acceptsCookies=yes') != -1) {
	WM_acceptsCookies = true; 
    }// If it succeeds, set variable
} else { // there was already a cookie
  WM_acceptsCookies = true;
}


function WM_setCookie (name, value, hours, path, domain, secure) {
    if (WM_acceptsCookies) { // Don't waste your time if the browser doesn't accept cookies.
	var not_NN2 = (navigator && navigator.appName 
		       && (navigator.appName == 'Netscape') 
		       && navigator.appVersion 
		       && (parseInt(navigator.appVersion) == 2))?false:true;

	if(hours && not_NN2) { // NN2 cannot handle Dates, so skip this part
	    if ( (typeof(hours) == 'string') && Date.parse(hours) ) { // already a Date string
		var numHours = hours;
	    } else if (typeof(hours) == 'number') { // calculate Date from number of hours
		var numHours = (new Date((new Date()).getTime() + hours*3600000)).toGMTString();
	    }
	}
	document.cookie = name + '=' + escape(value) + ((numHours)?(';expires=' + numHours):'') + ((path)?';path=' + path:'') + ((domain)?';domain=' + domain:'') + ((secure && (secure == true))?'; secure':''); // Set the cookie, adding any parameters that were specified.
    }
} // WM_setCookie


function WM_readCookie(name) {
    if(document.cookie == '') { // there's no cookie, so go no further
	return false; 
    } else { // there is a cookie
	var firstChar, lastChar;
	var theBigCookie = document.cookie;
	firstChar = theBigCookie.indexOf(name);	// find the start of 'name'
	var NN2Hack = firstChar + name.length;
	if((firstChar != -1) && (theBigCookie.charAt(NN2Hack) == '=')) { // if you found the cookie
	    firstChar += name.length + 1; // skip 'name' and '='
	    lastChar = theBigCookie.indexOf(';', firstChar); // Find the end of the value string (i.e. the next ';').
	    if(lastChar == -1) lastChar = theBigCookie.length;
	    return unescape(theBigCookie.substring(firstChar, lastChar));
	} else { // If there was no cookie of that name, return false.
	    return false;
	}
    }	
} // WM_readCookie

function WM_killCookie(name, path, domain) {
  var theValue = WM_readCookie(name); // We need the value to kill the cookie
  if(theValue) {
      document.cookie = name + '=' + theValue + '; expires=Fri, 13-Apr-1970 00:00:00 GMT' + ((path)?';path=' + path:'') + ((domain)?';domain=' + domain:''); // set an already-expired cookie
  }
} // WM_killCookie

var Move =	{

  copy	:   function(e, target)	{
	    var eId      = $(e);
	    var copyE    = eId.cloneNode(true);
	    var cLength  = copyE.childNodes.length -1;
	    copyE.id     = e+'-copy';

	    for(var i = 0; cLength >= i;  i++)	{
	    if(copyE.childNodes[i].id) {
	    var cNode   = copyE.childNodes[i];
	    var firstId = cNode.id;
	    cNode.id    = firstId+'-copy'; }
	    }
	    $(target).appendChild(copyE);
	    },
  element:  function(e, target, type)	{
	    var eId =  $(e);
	    if(type == 'move') {
	       $(target).appendChild(eId);
	    }

	    else if(type == 'copy')	{
	       this.copy(e, target);
	    }
	    }
}


// -->

//set cookie for clicktracks 
var thisdate = new Date();
var cookieValue = thisdate.getTime() + Math.floor(Math.random()*1000);

if ( ! WM_readCookie("_CT"))
	WM_setCookie("_CT", cookieValue , 24*180, "/");
	
//set referer cookie for web referer script

var cookieValue = document.referrer;
if ( ! WM_readCookie("sd_ref_tmp"))
	WM_setCookie("sd_ref_tmp", cookieValue , 0, "/");