// JavaScript Document
var timerlen = 5;
var slideAniLen = 700;
 
var timerID = new Array();
var startTime = new Array();
var obj = new Array();
var endHeight = new Array();
var endWidth = new Array();
var moving = new Array();
var dir = new Array();
var play = false;

var root = 'http://www.ux-suite.com';

searchDefault = new Image();
searchDefault.src = root+"/img/bg_searchinput.gif";

searchError = new Image();
searchError.src = root+"/img/bg_searchinput_error.gif";

searchFocus = new Image();
searchFocus.src = root+"/img/bg_searchinput_a.gif";

inputDefault = new Image();
inputDefault.src = root+"/img/bg_input.gif";

inputError = new Image();
inputError.src = root+"/img/bg_input_error.gif";

inputFocus = new Image();
inputFocus.src = root+"/img/bg_input_focus.gif";

textareaDefault = new Image();
textareaDefault.src = root+"/img/bg_textarea.gif";

textareaError = new Image();
textareaError.src = root+"/img/bg_textarea_error.gif";

textareaFocus = new Image();
textareaFocus.src = root+"/img/bg_textarea_focus.gif";




function getElementsByClassName(class_name)
{
  var all_obj,ret_obj=new Array(),j=0,teststr;

  if(document.all)all_obj=document.all;
  else if(document.getElementsByTagName && !document.all)
    all_obj=document.getElementsByTagName("*");

  for(i=0;i<all_obj.length;i++)
  {
    if(all_obj[i].className.indexOf(class_name)!=-1)
    {
      teststr=","+all_obj[i].className.split(" ").join(",")+",";
      if(teststr.indexOf(","+class_name+",")!=-1)
      {
        ret_obj[j]=all_obj[i];
        j++;
      }
    }
  }
  return ret_obj;
}

function hoverMenubutton(el)
{
  span = el.parentNode;
  span.style.backgroundImage = 'url(./img/bg_btn_menu.gif)';
  span.style.color = '#FFF';
  
  el.onmouseout = function(){hoveroutMenubutton(span);};
}

function hoveroutMenubutton(el)
{
  el.style.backgroundImage = 'none';
  el.style.color = '#939393';
}

function slideDown(element)
{
	if(moving[element])
		return;
 
	if(document.getElementById(element).style.display != 'none')
		return;
 
	moving[element] = true;
	dir[element] = 'down';
	startslide(element);
}

function slideUp(element)
{
	if(moving[element])
		return;
 
	if(document.getElementById(element).style.display == 'none')
		return;
 
	moving[element] = true;
	dir[element] = 'up';
	startslide(element);
}

function slideLeft(element)
{
	if(moving[element])
		return;
 
	if(document.getElementById(element).style.display == 'none')
		return;
 
	moving[element] = true;
	dir[element] = 'left';
	startslide(element);
}

function slideRight(element)
{
	if(moving[element])
		return;
 
	if(document.getElementById(element).style.display != 'none')
		return;
 
	moving[element] = true;
	dir[element] = 'right';
	startslide(element);
}

function startslide(element)
{
	obj[element] = document.getElementById(element);
	
	if(dir[element] == 'up' || dir[element] == 'down')
		endHeight[element] = parseInt(obj[element].style.height);
		
	if(dir[element] == 'left' || dir[element] == 'right')
		endWidth[element] = parseInt(obj[element].style.width);
		
	startTime[element] = (new Date()).getTime();
 
	if(dir[element] == 'down')
		obj[element].style.height = '1px';
	
	if(dir[element] == 'right')
		obj[element].style.width = '1px';
 
	obj[element].style.display = 'block';
 
	timerID[element] = setInterval("slidetick('"+element+"');", timerlen);
}

function slidetick(element)
{
	var elapsed = (new Date()).getTime() - startTime[element];
	
	if (elapsed > slideAniLen)
		endSlide(element)
	else 
	{
		if(dir[element] == 'up' || dir[element] == 'down')
		{
			var d = Math.round(elapsed / slideAniLen * endHeight[element]);
			if(dir[element] == 'up')
				d = endHeight[element] - d;
	 
			obj[element].style.height = d + 'px';
		}
		
		if(dir[element] == 'left' || dir[element] == 'right')
		{			
			var d = Math.round(elapsed / slideAniLen * endWidth[element]);
			if(dir[element] == 'left')
				d = endWidth[element] - d;
	 
			obj[element].style.width = d + 'px';
		}
	}
 
	return;
}

function endSlide(element)
{
	clearInterval(timerID[element]);
 
	if(dir[element] == 'up')
		obj[element].style.display = 'none';
		
	if(dir[element] == 'left')
		obj[element].style.display = 'none';
 
	if(dir[element] == 'up' || dir[element] == 'down')
		obj[element].style.height = endHeight[element] + 'px';
	
	if(dir[element] == 'left' || dir[element] == 'right')
		obj[element].style.width = endWidth[element] + 'px';	
		
	delete(moving[element]);
	delete(timerID[element]);
	delete(startTime[element]);
	delete(endHeight[element]);
	delete(endWidth[element]);
	delete(obj[element]);
	delete(dir[element]);
 
	return;
}

function viewSlideOut(id, opacity, duration, autoclose)
{
  if(dir[id] == 'down')
    return;
  
  dir[id] = 'down';
  
  div = document.getElementById(id);
  div.style.opacity = opacity/10;
	div.style.filter = 'alpha(opacity=' + opacity*10 + ')';
  Effect.SlideDown(id, { duration: duration });
  if(autoclose != 0)
  {
    setTimeout("hideSlideOut('"+id+"', 1.0)", autoclose*1000);
  }
}

function hideSlideOut(id, duration)
{
	if(dir[id] == 'up')
    return;
  
  dir[id] = 'up';
  
  moving[id] = true;
  Effect.SlideUp(id, { duration: duration });
}

function focusEmailInput(id)
{
  div = document.getElementById(id);
  if(div.style.backgroundImage != 'url('+searchError.src+')')
    div.style.backgroundImage = 'url('+searchFocus.src+')';
  div.style.backgroundRepeat = 'no-repeat';
}

function resetEmailInput(id)
{
  div = document.getElementById(id);
  if(div.style.backgroundImage != 'url('+searchError.src+')')
    div.style.backgroundImage = 'url('+searchDefault.src+')';
  div.style.backgroundRepeat = 'no-repeat';
}

function signEmailInput(id)
{
  div = document.getElementById(id);
  if(div.style.backgroundImage != 'url('+searchError.src+')')
    div.style.backgroundImage = 'url('+searchError.src+')';
  div.style.backgroundRepeat = 'no-repeat';
}

function focusFormInput(id)
{
  div = document.getElementById(id);
  if(div.style.backgroundImage != 'url('+inputError.src+')')
    div.style.backgroundImage = 'url('+inputFocus.src+')';
  div.style.backgroundRepeat = 'no-repeat';
}

function focusFormTextarea(id)
{
  div = document.getElementById(id);
  if(div.style.backgroundImage != 'url('+textareaError.src+')')
    div.style.backgroundImage = 'url('+textareaFocus.src+')';
  div.style.backgroundRepeat = 'no-repeat';
}

function resetInput(id)
{
  div = document.getElementById(id);
  div.style.backgroundImage = 'url('+searchDefault.src+')';
  div.style.backgroundRepeat = 'no-repeat';
}

function resetFormInput(id, flag)
{
  div = document.getElementById(id);
  if(div.style.backgroundImage != 'url('+inputError.src+')')
    div.style.backgroundImage = 'url('+inputDefault.src+')';
  if(flag == true)
    div.style.backgroundImage = 'url('+inputDefault.src+')';
  div.style.backgroundRepeat = 'no-repeat';
}

function resetFormTextarea(id, flag)
{
  div = document.getElementById(id);
  if(div.style.backgroundImage != 'url('+textareaError.src+')')
    div.style.backgroundImage = 'url('+textareaDefault.src+')';
  if(flag == true)
    div.style.backgroundImage = 'url('+textareaDefault.src+')';
  div.style.backgroundRepeat = 'no-repeat';
}

function signFormInput(id)
{
  div = document.getElementById(id);
  if(div.style.backgroundImage != 'url('+inputError.src+')')
    div.style.backgroundImage = 'url('+inputError.src+')';
  div.style.backgroundRepeat = 'no-repeat';
}

function signFormTextarea(id)
{
  div = document.getElementById(id);
  if(div.style.backgroundImage != 'url('+textareaError.src+')')
    div.style.backgroundImage = 'url('+textareaError.src+')';
  div.style.backgroundRepeat = 'no-repeat';
}

function highlightBG(el)
{
  el.style.background = '#ffa336';
  el.style.color = '#FFF';
  el.style.borderColor = '#e77d00';
  document.getElementById('screen').style.borderColor = '#e77d00';
  el.onmouseout = function(){
    el.style.background = '#F5F5F5'; 
    el.style.color = '#666'; 
    el.style.borderColor = '#e4e4e4'; 
    document.getElementById('screen').style.borderColor = '#CCC';
  };
}