/**
 * JavaScript functions for work with website 
 * Copyright @ Nikida, Inc
 */

/*
  Marks:
  [SF-CS common] -- common for SilkFair application and Custom Store
*/

// -- VARIABLES --
var d = document;
var w = window;
var scrollerSize = 20;
var msgValidation = '';//<table class="compact w100">#{1}</table>
var cssValidationClass = 'alert_validation';

function humanize(string){
 string = string.gsub(/\[|\]|_|\d+/, " ").capitalize().gsub(/\s\w/, function(match){ return match[0].toUpperCase(); });
 var i = 0;
 var results = [];
 string = string.gsub(/(\w+) /, function(match){if (i <= 2) {results.push(match[0])}; i++; });
 string = results.join(" ");
 return string.strip();
}

//Finding the size of the browser window
function getWindowSize() {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
  return [ myWidth, myHeight ];
}

//Finding how far the window has been scrolled
function getScrollXY() {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
  return [ scrOfX, scrOfY ];
}

//get Browser's page dimensions
function pageLeft (){ return d.body.scrollLeft; }
function pageTop (){
  return getScrollXY()[1];
}
function pageWidth () {
  if(d.all && !window.opera){
    //MSIE
    return d.body.offsetWidth-scrollerSize;//-pageLeft ();
  }else{
    return d.body.offsetWidth;
  }
}
function pageHeight () {
  return getWindowSize()[1];
}
function pageRight() {return  pageLeft()+pageWidth();}
function pageBottom() {return pageTop()+pageHeight();}

//Show map with frame
function Map(title, params) {
if (params) { params = '?' + params}
  var win = new Window({
    className: "mac_os_x", title: title, 
      width:750, height:450,
      showEffect: Element.show,
      hideEffect: Element.hide,
      minimizable: false,
      url: "/map/popup" + params}
  );
  win.keepMultiModalWindow=true;
  win.setDestroyOnClose(); 
  win.showCenter(false, 0);
}

//Show itemgallery with frame
function Gallery(title) {
  var win = new Window({
    className: "mac_os_x", title: title, 
      width:772, height:680,
      showEffect: Element.show,
      hideEffect: Element.hide,
      minimizable: false,
      url: "/gallery/popup"}
  );
  win.keepMultiModalWindow=true;
  win.setDestroyOnClose(); 
  win.showCenter(false, 0);
}

//Show colorbrowser with frame
function ColorSearch(title) {
  var win = new Window({
    className: "mac_os_x", title: title, 
      width:772, height:680,
      showEffect: Element.show,
      hideEffect: Element.hide,
      minimizable: false,
      maximizable: false,
      url: "/gallery/popup_color_search"}
  );
  win.keepMultiModalWindow=true;
  win.setDestroyOnClose(); 
  win.showCenter(false, 0);
}

//Show SearchMap with frame
function MapSearch(title) {
  var win = new Window({
    className: "mac_os_x", title: title, 
      width:772, height:510,
      showEffect: Element.show,
      hideEffect: Element.hide,
      minimizable: false,
      maximizable: false,
      url: "/map/popup_map_search"}
  );
  win.keepMultiModalWindow=true;
  win.setDestroyOnClose(); 
  win.showCenter(false, 0);
}

/**
 * Show or Hide column
 */
function resize(name_id, img_id, left_id, right_id, td_id) {
     var opentab_img    = "/images/template/tabs_main-open.gif";
     var openleft_img   = "/images/template/tabs_main-left.gif";
     var openright_img  = "/images/template/tabs_main-right.gif";
     
     var closedtab_img   = "/images/template/tabs_main-closed.gif";
     var closedleft_img  = "/images/template/tabs_main2-left.gif";
     var closedright_img = "/images/template/tabs_main2-right.gif";
     var open_color  = "#2D8AB8";
     var close_color = "#D6D3B6";

	  if ($(img_id) && $(name_id) && $(left_id) && $(right_id) && $(td_id)) {
	     if ($(name_id).style.display != "none") {
	         Element.hide(name_id);
	         $(img_id).src   = closedtab_img;
	         $(left_id).src  = closedleft_img;
	         $(right_id).src = closedright_img;
	         $(td_id).style.backgroundColor = close_color;
	     } else {
	         Element.show(name_id);
	         $(img_id).src = opentab_img;
	         $(left_id).src = openleft_img;
	         $(right_id).src = openright_img;
	         $(td_id).style.backgroundColor = open_color;              
	     }
	  }
}

function toggle(obj) {
var el = $(obj);
 if ( el.style.display != 'none' ) {
   el.style.display = 'none';
 }
 else {
   el.style.display = '';
 }
}


function resize_table(id, img_id) {
var el = $(id);
 if ( el.style.display != 'none' ) {
   el.style.display = 'none';
   $(img_id).src = '/images/themes/blue/account/module-collapse.gif';
 }
 else {
   el.style.display = '';
   $(img_id).src = '/images/themes/blue/account/module-expand.gif';
 }
}

var setValue = function(element, val) { $(element).value = val ; return false;} ;
var submitForm = function(form) { eval('document.' + form + '.submit()'); return false; } ; 

/**
 * Validation form
 */

function setMsgValidation(element, message){
  var tableRowTemplate = new Template('<tr><td><strong>#{label} :&nbsp;</strong></td><td class="red">&nbsp;#{text}</td></tr>\n');
  strResult = tableRowTemplate.evaluate({label: humanize(element.name), text: message.capitalize()});
  if (!msgValidation.include(strResult) ) {msgValidation += strResult;}
}

function alertMessage(text){
  var tableTemplate = new Template('<div class="AlertValidationContainer"><center><table class="compact smalltext" width="80%">#{text}</table></center></div>');
  Dialog.alert(tableTemplate.evaluate({text: text}), {windowParameters: {width:350, height:150, zIndex:900}, okLabel: " ",
    id: "AlertId", 
    ok:function(win) {return true;}});
}

function validate_form(form)
{
  //hasClassName == cssValidationClass
  msgValidation = "";
  toggleElement(form);
  myForm = form;// set global
  mytimer = setTimeout("toggleElement(myForm)", 2*1000);
  var obj = ( typeof form == "object" ) ? form : eval('document.' + form ) ;
  var isValid = new Boolean(true);
  var inputs = Form.getElements(obj);
  inputs.each(function(element){ if(element.id != '' && element.disabled != true && checkFormat(element, '') ) isValid = false;})
  if (isValid) {clearTimeout(mytimer)}
  if ( (Element.hasClassName(form, cssValidationClass)) && (msgValidation != "") ) {alertMessage(msgValidation)};
  return isValid ;
}

limit = function (f,count, max) {
  if (f.value.length > max) {
    f.value = f.value.substring(0, max);
  } else {
    count.value = max - f.value.length;
  }
}

/**
 * On/OFF HighLight Error fields
 */
function fieldHighLight(element, toggle, title )
{
  el = $(element).parentNode;
  if ($(el).nodeName.toUpperCase() == 'FIELDSET') el = $(el).parentNode;
  pseudoid = getPseudoId(element);
  titleid =  pseudoid != false  ? pseudoid : element ;  
  id = $(titleid).id + '_err';
  if ( toggle == 'on' ) { 
    title = title.replace(/^\s+|\s+$/,'') ;
    if ( !Element.hasClassName(el,'fieldWithErrors')) { 
      Element.addClassName(el, 'fieldWithErrors'); 
      if ( title != "null" ) { 
        $(el).title = title;
      }
    }
    if ( typeof($(id)) != "object" && title != "null" ) {
      new Insertion.Before(el, '<div id="'+id+'" class="errortitle" style="color: red">'+ title +'</div>');
    }
  } else {
    if ( $(id) != null) Element.remove(id);
    el = $(element).parentNode;
    if ($(el).nodeName.toUpperCase() == 'FIELDSET') el = $(el).parentNode;    
    Element.removeClassName(el, 'fieldWithErrors'); $(el).title = ''; 
  }
}
function fieldHigh(element, toggle){
  var hlClassName = "fieldHighlighted";
  elObj = $(element);
  if (toggle){
    if ( !Element.hasClassName(elObj, hlClassName)) { 
      Element.addClassName(elObj, hlClassName);
    }
  }else{
    Element.removeClassName(elObj, hlClassName);
  }
}

function checkFormat(element, type)
{
  var t = new Boolean(false);
  var t = validateNode(element);
  if (t != false){ fieldHighLight(element, 'on',  t   ); setMsgValidation(element, t); return true};
}

function getPseudoId(element)
{
  if ( !$(element) || $(element).attributes.validate == undefined ) return false;  
  var type = $(element).attributes.validate.nodeValue;
  if ( type == "" || type == undefined ) return false ;
  pseudoid = /\:id\s+([\w_]+)/.exec(type);
  if ( pseudoid == null ) return false;
  if ( typeof( $(pseudoid[1]) ) != "object") return false ;
  return pseudoid[1] ;
}

function validateNode(element)
{
  if ( !$(element) || $(element).attributes.validate == undefined || $(element).getAttribute('disableValidation', false) != null ) return false;  
  var type = $(element).attributes.validate.nodeValue;
  if ( type == "" || type == undefined ) return false ;

  var msg = new Boolean(false);
  var containerID = new Boolean(false);  
  sectionsRE = new RegExp("::");
  messageRE = new RegExp(":message");
  typesRE = new RegExp(/\s/);  
  sections = type.split(sectionsRE);
  var additioinalMsg = '' ;
  for(i=sections.length; i >= 0; i--)
  {
    if ( i == 0 )
    {
      sections[0] = sections[0].replace(/^\s|\s$/, '');
      fieldtypes = sections[0].split(typesRE);
      fieldtypes.each(function(type) { if ( type!='' &&  msg == false ) { msg = validateValue(element, type, containerID ); } })
    } 
    else if ( messageRE.test(sections[i]) ) { additioinalMsg = sections[i].replace(messageRE, ''); additioinalMsg = additioinalMsg.replace(/^\s|\s$/, ''); }
    else if ( /:id/.test(sections[i]) ) { containerID = sections[i].replace(/:id/, ''); containerID = containerID.replace(/\s+/, ''); }
  }
  return  ( additioinalMsg !="" && msg != "" ) ? additioinalMsg : msg ;
}

function validateValue(element, type, containerID)
{
  var t = '' ; 
  isIntRE = new RegExp(/[^0-9]/);
  emailRE = new RegExp(/\w{1,}[@][\w\-]{1,}([.]([\w\-]{1,})){1,3}$/);
  if (/\=/.test(type))
  {
    value = type.substr(1+type.indexOf("="), type.length);
    type = type.substr(0,type.indexOf("="));
  }
  if ( type == 'required' &&  ( $F(element) == '' || /^\s+$/.test($F(element)) ) ) {
      t = "Field is empty";    
  } else if ( type == 'notnull' &&  $F(element) == 0 ) {
      t = "Field can not be a null";    
  }  else if ( type == 'int' && isIntRE.test( $F(element) ) == true ) {
     t = "Invalid number format";
  } else if ( type == 'float'  && isNaN( $F(element) ) ) {
      t = "Invalid number format"; 
  } else if ( type == 'email'  && emailRE.test($F(element))==false ) {
      t = "Invalid email format";       
  } else if ( type == 'alphanumspace'  && !/^[0-9a-zA-Z\s]+$/.test($F(element)) ) {
      t = "Please use only letters (a-z) or numbers (0-9) or space only in this field";      
  } else if ( type == 'alphanumspacecolon'  && !/^[0-9a-zA-Z\s\:]+$/.test($F(element)) ) {
      t = "Please use only letters (a-z) or numbers (0-9) or space or : only in this field";      
  } else if ( type == 'alphanum'  && !/^[0-9a-zA-Z]+$/.test($F(element)) ) {
      t = "Please use only letters (a-z) or numbers (0-9) only in this field";            
  } else if ( type == 'phone'  && !/^[\+0-9\s\-\(\)]+$/.test($F(element)) ) {
      t = "Please use valid format for phone number";
  } else if ( type == 'notdefault'  && $F(element)=="default") {
      t = "Please select value";                        
  } else if ( type == 'maxlength'  && $F(element).length > value  ) {
      t = "Value can't be more than "+value+" symbol"+((value>1)?'s':'');                              
  } else if ( type == 'minlength'  && $F(element).length < value  ) {
      t = "Value can't be less than "+value+" symbol" + ((value>1)?'s':'');                                    
  } else if ( type == 'dateformat' ) {
      format = '';
      for(j=0; j<value.length; j++)
      {
        char = value.substr(j,1);
        char = char.replace(/\//,'\\/'); 
        char = char.replace(/\./,'\\.');
        char = char.replace(/\-/,'\\-');
        char = char.replace(/\w/,'\\d');        
        format += char;
      }
      format = eval('/^'+format+'$/') ;  
      if ( format.test($F(element)) ) return false;
      t = "Please use valid format for date"; 
  } else if ( type == 'date_afternow'  ){
      element=$(containerID);
      var els = $A(element.getElementsByTagName('select'));
      var myDate  = new Date();
      myDate.setDate(myDate.getDate()-1); // switch to yesterday to address time zone differences
      var date = new Array(); var nowdate = new Array();
      els.each(function(el){ 
        if ( /1/.test(el.id) ) { date[1]=$F(el); nowdate[1]= myDate.getFullYear(); }
        else if ( /2/.test(el.id) ) { date[2]=$F(el); nowdate[2]= myDate.getMonth()+1; }
        else if ( /3/.test(el.id) ) { date[3]=$F(el); nowdate[3]= myDate.getDate(); }
      })        
      if ( Date.parse( date.join(" ") ) < Date.parse( nowdate.join(" ") ) ) t = "Date should not be earlier than current date";
  } else if ( type == 'date_afterthat'  ){
      element=$(containerID);
      var els = $A(element.getElementsByTagName('select'));
      var date = new Array();
      els.each(function(el){ 
        if ( /1/.test(el.id) ) { date[1]=$F(el);}
        else if ( /2/.test(el.id) ) { date[2]=$F(el);}
        else if ( /3/.test(el.id) ) { date[3]=$F(el);}
      })        
      if ( Date.UTC(date[1], date[2]-1, date[3], 0, 0, 0, 0)  < value * 1000 ) t = "Date should not be earlier than current date";
  } else if (type == 'requiredany' && containerID != false ) {
      var checked = new Boolean(false);
      element=$(containerID);
      var els = $A(element.getElementsByTagName('input'));
      els.each(function(el){ if( el.checked == true && el.attributes.validate != undefined) { checked = true ; fieldHighLight(el, 'off',  '' ); } })  
      if ( checked == false ) t = "No selected options"; 
  } else return false ;
  return ( t !='' ) ? t : false ;
}


/************************************

	Custom Alert Demonstration
	version 1.0
	last revision: 02.02.2005
	steve@slayeroffice.com

	Should you improve upon this source please
	let me know so that I can update the version
	hosted at slayeroffice.

	Please leave this notice in tact!

************************************/

if(document.getElementById) {
//     window.alert = function(txt) { createCustomAlert(txt); }
  window.alert = function(txt) {
    Dialog.alert(txt, {windowParameters: {width:350, height:120}, okLabel: " ",
    id: "AlertId", 
    ok:function(win) {return true;}});   
  }
}

function createCustomAlert(txt) {
	d = document;
	if(d.getElementById("modalContainer")) return;
	mObj = d.getElementsByTagName("body")[0].appendChild(d.createElement("div"));
	mObj.id = "modalContainer";
	mObj.style.height = d.documentElement.scrollHeight + "px";
	alertObj = mObj.appendChild(d.createElement("div"));
	alertObj.id = "alertBox";
	if(d.all && !window.opera) alertObj.style.top = document.documentElement.scrollTop + "px";
	alertObj.style.left = (d.documentElement.scrollWidth - alertObj.offsetWidth)/2 + "px";
	alertObj.style.visiblity="visible";

	alertObj.innerHTML = '<table id="silkblock" width="350" height="100" border="0" cellpadding="0" cellspacing="0">' 
		+ '<tr><td width="45" height="9"><img src="/images/silkblock/01.gif" width="45" height="9" alt="" /></td><td width="100%" height="9"><img src="/images/silkblock/02.gif" width="100%" height="9" alt="" /></td><td width="11" height="9"><img src="/images/silkblock/03.gif" width="11" height="9" alt="" /></td></tr>'
		+ '<tr><td style=\'background:url("/images/silkblock/04.gif");\' valign="top"><td valign="top" bgcolor="white">'
		+ '<table border="0" cellspacing="0" cellpadding="0" width="100%" bgcolor="#EBF4D8" class="content1">'
		+ '<tr><td background="/images/map/map_bar.gif" class="contentheader1" style="color: white;"> Warning</td><td align="right" background="/images/map/map_bar.gif"></td></tr>'
		+ '<tr><td colspan="3" height="3"></td></tr>'
		+ '<tr><td colspan="3" class=".contentheader2" style="font-weight:normal;line-height: 16px;">' + txt + '</td></tr>'
		+ '<tr><td colspan="3" height="5"></td></tr>'
		+ '<tr><td colspan="3" align="center"><a href="#" onclick="removeCustomAlert();return false;"><img src="/images/button_closebut.gif" /></a></td></tr>'
		+ '<tr><td colspan="3" height="5"></td></tr>'
		+ '</table>'
		+ '</td><td style=\'background:url("/images/silkblock/06.gif");\'>&#160;</td></tr>'
		+ '<tr><td width="45" height="9"><img src="/images/silkblock/09.gif" width="45" height="9" alt="" /></td><td width="100%" height="9"><img src="/images/silkblock/10.gif" width="100%" height="9" alt="" /></td><td width="11" height="9"><img src="/images/silkblock/11.gif" width="11" height="9" alt="" /></td></tr>'
		+ '</table>';
	alertObj.style.display = "block";
	Element.scrollTo(alertObj);
}
function removeCustomAlert() {
	document.getElementsByTagName("body")[0].removeChild(document.getElementById("modalContainer"));
}

var activateRegisterForm=function(checkout, url){ 
  d = document;
  if(d.getElementById("modalContainer")) document.getElementsByTagName("body")[0].removeChild(document.getElementById("modalContainer"));
	bgObj = d.getElementsByTagName("body")[0].appendChild(d.createElement("div"));
	bgObj.id = "background";
	if(d.all) { bgObj.style.height = "1000px"; 
	} else { bgObj.style.height  = d.documentElement.scrollHeight + "px"; }
    bgObj.style.width   = d.documentElement.scrollWidth + "px"

	mObj = d.getElementsByTagName("body")[0].appendChild(d.createElement("div"));
	mObj.id = "modalContainer";
	mObj.style.height = d.documentElement.scrollHeight + "px";
	alertObj = mObj.appendChild(d.createElement("div"));
	alertObj.id = "alertBox";
	if(d.all && !window.opera) alertObj.style.top = document.documentElement.scrollTop + "px";
	alertObj.style.left = (d.documentElement.scrollWidth - alertObj.offsetWidth)/2 + "px";
	if (url !='') url = '?redirect=' + url ;

    new Ajax.Updater(alertObj, '/account/ajax_checkout_register_form/'+ checkout + url, {asynchronous:true, evalScripts:true});
    alertObj.style.left = "200"
    alertObj.style.visiblity="visible";
    bgObj.style.display = "block"
    alertObj.style.display = "block";
    createIEfix(bgObj.id);
    Element.scrollTo(alertObj);
};
function removeRegisterForm() {
  d = document;
  closeModalBox("background");
  mObj  = $("modalContainer");
  bgObj = $("background");
  if( $(mObj) != null ) d.getElementsByTagName("body")[0].removeChild(mObj);
  if( $(bgObj) != null ) d.getElementsByTagName("body")[0].removeChild(bgObj);
}

/*
 * SelectConstructor
 *
 */

function SelectConstructor(pid, target, arr, blank, selected)
{
  var goods = arr;
  var someNodeList = $(target).getElementsByTagName('option');
  var nodes = $A(someNodeList);
  nodes.each(function(node){ Element.remove(node); });	
  var i = 0 ;
  if (blank != null)
  {
    opt = new Option();	opt.value = blank[1]; opt.text = blank[0];	
    $(target).options[i++] = opt ;
  }

  goods.each(function(node){  
    if ( node[3] == $(pid).value ) {
      opt = new Option();
      opt.value = node[0];  
      opt.text =  node[1];
      opt.style.paddingLeft = 10 * ( node[4]-1 ) + "px"	;
//      if ( node[5] > 0 || node[2] == null ) opt.style.fontWeight="bold" ;
      if ( node[0] == selected ) opt.selected = "selected" ;
      $(target).options[i++] = opt ;
    }
  });	
}

function createModalBox(id) {
  d = document;
  if(d.getElementById("modalContainer")) return;
  mObj = d.getElementsByTagName("body")[0].appendChild(d.createElement("div"));
  mObj.id = "modalContainer";
  //mObj.style.height = d.documentElement.scrollHeight + "px";
  Element.setStyle(mObj, {left:pageLeft()+"px", top:pageTop()+"px", width:pageWidth()+"px", height:pageHeight()+"px"});
    
  alertObj = mObj.appendChild(d.createElement("div"));
  alertObj.id = "modalBox";
  new Insertion.Before(alertObj, 
       '<iframe id="' + alertObj.id + '_iefix" '+
         'style="display:none;position:absolute;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" ' +
         'src="javascript:false;" frameborder="0" scrolling="no"></iframe>');
  ieFix = $(alertObj.id+'_iefix');
  if(d.all && !window.opera) alertObj.style.top = document.documentElement.scrollTop + "px";
  alertObj.style.left = (d.documentElement.scrollWidth - alertObj.offsetWidth)/2 + "px";
  alertObj.style.display = "none";
}

function showModalBox(id, parentID, position) {
  var indentV = 10; //constant: vertical indent
  var pipkaWidth = 45;
  /* default id */
  if($(id) == null ) id = "modalBox";
  if(position == "undefined") position = [0,0];
  
  var parentObj = $(parentID);
  var alertObj  = $(id);
  var ieFix     = $(alertObj.id+'_iefix');
  
  //set Position
  if ($(parentID) == null ){
    //center the popup
    if (Element.getDimensions(alertObj).width > pageWidth()){
      alertObj.style.left = 0;
    }else{
      alertObj.style.left = (pageWidth() - Element.getDimensions(alertObj).width - pipkaWidth)/2;
    }
	  if (Element.getDimensions(alertObj).height > pageHeight()){
	    //! trick for hateful IE :).
	    alertObj.style.top = (0/(pageHeight() - Element.getDimensions(alertObj).height))+indentV;
	  }else{
	    alertObj.style.top = (pageHeight() - Element.getDimensions(alertObj).height)/2;
	  }
	  Element.setStyle(alertObj, {position:"absolute",zIndex:"4"});
	}else{
    //apply style [cumulativeOffset]
    var containerObj = alertObj.parentNode;
    var l = Position.cumulativeOffset(parentObj)[0] - Position.cumulativeOffset(containerObj)[0];
    var t = Position.cumulativeOffset(parentObj)[1] - Position.cumulativeOffset(containerObj)[1];
    alertObj.style.position  = "relative";
    Element.setStyle(alertObj, { left: l+position[0]+'px', top: t+position[1]+'px'});
  }
  // show, fix IE-bug
  Element.show(alertObj, ieFix);
  Element.show(ieFix);
  Element.setStyle(ieFix, {width:"1px", height:"1px"});
  if(d.all && !window.opera){ //MSIE
    Position.clone(alertObj, ieFix);
  }
  ieFix.style.zIndex = 1;
  alertObj.style.zIndex = 2;
}

function closeModalBox(id){
  if( $(id) == null )return false;
  var alertObj = $(id);
  var ieFix = $(alertObj.id+'_iefix');
  Element.remove(ieFix);
  Element.update(alertObj, "");
}

//based on http://www.codelifter.com/main/javascript/capturemouseposition1.html
var IE = document.all?true:false
if (!IE) document.captureEvents(Event.MOUSEMOVE)
var tempX = 0
var tempY = 0

function movePopup(e) {
        if (IE) { // grab the x-y pos.s if browser is IE
          tempX = event.clientX + document.body.scrollLeft
          tempY = event.clientY + document.body.scrollTop
        } else {  // grab the x-y pos.s if browser is NS
          tempX = e.pageX
          tempY = e.pageY
        }  
        // catch possible negative values in NS4
        if (tempX < 0){tempX = 0}
        if (tempY < 0){tempY = 0}  
        setBounds('modalBox', tempX, tempY);
}

function setBounds(id, tempX, tempY){
        $(id).style.top = tempY-120 + "px";
        if (tempX<512) {
          $(id).style.left = "400px";
        } else {
          $(id).style.left = "500px";
        }
}

function getBounds(element)
{
  var left = element.offsetLeft;
  var top = element.offsetTop;
  for (var parent = element.offsetParent; parent; parent = parent.offsetParent)
  {
    left += parent.offsetLeft;
    top += parent.offsetTop;
  }
  return {left: left, top: top, width: element.offsetWidth, height: element.offsetHeight};
}

function toggle_with_icon(id, el){
 if ( $(id).style.display == 'none' ) {
   Element.show(id);
   $(el).firstChild.src="/images/negative.gif";
   
 } else {
   Element.hide(id);
   $(el).firstChild.src="/images/plus.gif";   
 }
}

function toggle_with_arrow(id, el){
 if ( $(id).style.display == 'none' ) {
   Element.show(id);
   $(el).firstChild.src="/images/button_arrow_top.gif";
   
 } else {
   Element.hide(id);
   $(el).firstChild.src="/images/button_arrow_down.gif";
 }
}

function createIEfix(id){
  var alertObj = $(id);
	new Insertion.Before(alertObj, 
       '<iframe id="' + alertObj.id + '_iefix" '+
       'style="display:none;position:absolute;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" ' +
       'src="/blank.html" frameborder="0" scrolling="no"></iframe>');
  ieFix = $(alertObj.id+'_iefix');
  ieFix.style.zIndex = 1;
  alertObj.style.zIndex = 2;
  Element.show(ieFix);
  Position.clone(alertObj, ieFix);
}
/* Use closeModalBox() or removeCustomAlert() instead this function */
/* this function is used for: */
function destroyIEfix (id){
  var alertObj = $(id);
  var ieFix = $(alertObj.id+'_iefix');
  Element.remove(ieFix);
}

/* to Delete */
function showIFrame(id){
  /* default id */
  if( $(id) == null ) {
    id = "register_popup";
  }
  var d = document;
  var iePop = d.getElementById(id);
  ieFront = iePop.firstChild;
  ieBox = iePop.appendChild(d.createElement("div"));
  ieBox.id = "outBox";
  ieBox.innerHTML = ('<iframe id="iePad" src="about:blank" scrolling="no" frameborder="0" style="display:none;"></iframe>' + ieBox.innerHTML);
  var ieMat = document.getElementById('iePad');
  ieMat.style.width=iePop.offsetWidth+"px";
  ieMat.style.height=iePop.offsetHeight+"px";
  ieMat.style.zIndex="1";
  ieMat.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);"
  ieFront.style.top = ieMat.offsetTop;
  ieFront.style.left = ieMat.offsetLeft;
  ieFront.style.position="absolute";
  ieFront.style.zIndex="10";
  ieMat.style.display = "block";
}

function centerPopup(id) {
  var indentV = 10; //constant: vertical indent
  var pipkaWidth = 45;
  var d = document;
  
  if ( $(id) == null) {
    id = "modalBox";
  }
  
  var popBox = d.getElementById(id);
  var popBoxFC = popBox.firstChild;
  if(d.all && !window.opera){
    popBox.style.top = (d.body.offsetHeight - popBoxFC.offsetHeight)/2 + d.body.scrollTop + "px";
  }else{
    popBox.style.top = d.body.scrollTop + indentV + "px";
  }
  alertObj.style.left = (d.body.offsetWidth - popBoxFC.offsetWidth)/2 - pipkaWidth + d.body.scrollLeft + "px";
}

/* Login menu (SF-CS common) */
function labelShow(obj, text, isPasswordField){
  var d = document;
  //Show Label
  if ($F(obj).strip() == ""){
    if(!d.all || window.opera){
      if (isPasswordField) {
        obj.type = "text";
      }
    }
    obj.value = text;
  }
}
/* Login menu (SF-CS common) */
function labelHide(obj, text, isPasswordField){
  var d = document;
  if(!d.all || window.opera){
    if (isPasswordField) {
      obj.type = 'password';
    }
  }
  //Hide Label
  if ($F(obj).strip() == text){
    obj.value = "";
  }
}

/* Site Tool Tabs */
function showSitetool(id){
  if ( $(id) == null ) return false;
  Element.show(id);
}
function hideSitetool(id){
  if ( $(id) == null ) return false;
  Element.hide(id);
}

function hideEditButtons(){
  editButtons = $$("div#thread_container img.inlineEditButton");
  editButtons.each( function(editButton){
			Element.hide(editButton);
		});
}
function showEditButtons(){
  editButtons = $$("div#thread_container img.inlineEditButton");
  editButtons.each( function(editButton){
			Element.show(editButton);
		});
}

function shiftElement(element){
  var tolerantVShift  = 80;
  var pipkaHeightTop    = 20;
  var pipkaHeightBottom = 150;
  element = $(element);
  var pipka   = $("pipka");
  pipka.style.height = pipkaHeightTop + "px";
  var left   = Position.cumulativeOffset(element)[0];
  var top    = Position.cumulativeOffset(element)[1];
  var width  = element.offsetWidth;
  var height = element.offsetHeight;
  var right  = left + width;
  var bottom = top + height;
  
  var shLeft = left;
  var shTop  = top;

  //shiftHorizontal
  if (left < pageLeft()){
    shLeft = pageLeft();
  }else{
    if (right > pageRight()){
      shLeft = left - (right - pageRight());
    }
  } 
  //shiftVertical
  if (top < pageTop()){
    shTop = pageTop();
  }else{
    if (bottom > pageBottom()){
      shTop = top - (bottom - pageBottom());
      if (bottom - pageBottom() > tolerantVShift){
        //set Pipka Height
        //Element.setStyle(pipka, {border: "1px solid red"});
        pipka.style.height = pipkaHeightBottom + "px";
      }
    }
  }
  //set the new position...
  element.style.left = shLeft + "px";
  element.style.top  = shTop + "px";
}

function create_script_element(el){
  if ( $(el) == null ) {
    o = document.createElement("SCRIPT");
    o.type = "text/javascript";
    o.id = el;
    o.src = el;
    $$('head').first().appendChild(o);
  } else if( $(el) != null && $(el).src != el ){
    $(el).src = el;
  }
}

disableValidation = function(target){
  $(target).setAttribute('disableValidation', 'disabled', false); fieldHighLight($(target),'off', '');
}

enableValidation = function(target){
  if($(target).getAttribute('disableValidation', false) != null) $(target).removeAttribute('disableValidation', false);
} 

toggleValidation = function(switcher, values, targets ) {
  if( values.indexOf($F(switcher)) == -1 ) { 
    targets.each(function(el){ disableValidation(el) });
  } else {
    targets.each(function(el){ enableValidation(el); });
  }  
}

toggleStateField = function(switcher, target, textfiled) {
  values = ["United States"];
  if( values.indexOf($F(switcher)) == -1 ) {
    fieldHighLight($(target),'off', '');
    Element.hide(target);
    $(target).disabled = true;
    $(textfiled).disabled = false;
    Element.show(textfiled);
  } else {
    fieldHighLight($(textfiled),'off', '');
    Element.hide(textfiled).hide;    
    $(textfiled).disabled = true;
    $(target).disabled = false;
    Element.show(target);
  }  
}

//form : pointer to form object
//name : submit-button name
toggleElement = function(form, name) {
  name = name === undefined ? "submit" : name;
  element = Form.getInputs(form, "image", name)[0];
  if (element == null) {return false;}
  if (element.getAttribute("disabled") == null){
    element.setAttribute("disabled", "disabled");
    new Effect.Opacity(element,
        { duration: 0.5,
          transition: Effect.Transitions.linear, 
          from: 1.0, to: 0.3 });
  }else{
    new Effect.Opacity(element,
        { duration: 0.5,
          transition: Effect.Transitions.linear, 
          from: 0.3, to: 1.0 });
    element.removeAttribute("disabled");
  }
}

video_player = function(id, flv, width, height) {
	var s1 = new SWFObject("/flash/flvplayer.swf","single",width,height,"7");
	s1.addParam("allowfullscreen","true");
	s1.addVariable("file",flv);
	s1.addVariable("width", width);
	s1.addVariable("height", height);
	s1.addVariable("streamscript","lighttpd");
	s1.addVariable("autostart","true");
	s1.addVariable("type","flv");
	s1.write(id);  
}

play_video_file = function (filename){
  video_player('swfContainer', filename, '480', '390');
}

/* === Video Popup === */
var vPopEnabled = true;
var vPopTimeout = 1*1000;

vPopPlayerShow = function (partial, path){
  if (!vPopEnabled){ return false; }
  vPopEnabled = false;
  Dialog.info(partial, {windowParameters: {className: 'alert', width:500, height:450}});
  var vPopTimer = setTimeout("play_video_file('" + path + "')", vPopTimeout);
}

vPopPlayerHide = function () {
  Element.update('swfContainer', '');
  Dialog.closeInfo();
  vPopEnabled = true;
}

/* === RollOver Button Class === */
function ROButton(theme){
  this.btn_off = new Image( ); //passive, inactive button
  this.btn_on  = new Image( ); //active button
  this.btn_hgh = new Image( ); //active highlighted button
  
  //
  this.btn_off.src = "/images/themes/"+ theme +"/icons/icon_video_no.png";
  this.btn_on.src  = "/images/themes/"+ theme +"/icons/icon_video_active.png";
  this.btn_hgh.src = "/images/themes/"+ theme +"/icons/icon_video_click.png";
}

ROButton.prototype.off = function(obj){
  if ( document.images )
  {
    obj.firstChild.src = this.btn_off.src;
  }
}

ROButton.prototype.normal = function(obj){
  if ( document.images )
  {
    obj.firstChild.src = this.btn_on.src;
  }
}

ROButton.prototype.highlight = function(obj){
  if ( document.images )
  {
    obj.firstChild.src = this.btn_hgh.src;
  }
}

// Note: roButton should be created at page
button_on   = function(obj){roButton.normal(obj);}
button_high = function(obj){roButton.highlight(obj);}
button_off  = function(obj){roButton.off(obj);}

function shiftWidgetPopTop(pop_id, widget_id){
  if (pop_id == null) {pop_id = "modalBox";}
  if (widget_id == null) {widget_id = "silkfair_store_widget";}
  height = Element.getDimensions(widget_id).height;
  yPos = $(pop_id).offsetTop;
  shift = yPos-(height/2);
  if (shift <= 0){shift = 0;}
  Element.setStyle(pop_id, {top:shift+"px"});
  ieFix = $(pop_id+'_iefix');
  Position.clone(pop_id, ieFix);
}

/* Custom Store Categories (SF-CS common) */
var roll = function(el, save_state){
  var menu_element =  $('menu_cc_'+el);
  if (!menu_element) return ;
  var left = menu_element.getAttribute('lft') * 1;
  var right = menu_element.getAttribute('rgt') * 1;
  if(left + 1 == right) return ;
  menu_element.toggleClassName('has_child');
  var closed = menu_element.hasClassName('has_child');
  if(closed) {
    $$('#CustomCategory li').each(function(node){
      var node_left = node.getAttribute('lft') * 1;
      if((node_left > left) && (node_left < right)){
         node.hide();
         var node_right = node.getAttribute('rgt') * 1;
         if(node_left + 1 < node_right )node.addClassName('has_child');
       }
    });
  } else {
    $$('#CustomCategory li.parent_id_'+el).each(Element.toggle); 
  }
  if( save_state == true ) { new Ajax.Request('/site/ajax_custom_category_switch/', {asynchronous:true, evalScripts:true,  method:'POST', parameters: 'id=' + el + '&turn=' + closed });  }
}

/* Expand-Collapse module */
function collapseList(obj, id){
  var cnCollapse = "collapse";
  var cnExpand = "expand";
  Element.toggle(id);
  var firstItem = Element.childElements(obj)[0];
  if (Element.visible(id)){
    Element.removeClassName(firstItem, cnCollapse);
    Element.addClassName(firstItem, cnExpand);
  }else{
    Element.removeClassName(firstItem, cnExpand);
    Element.addClassName(firstItem, cnCollapse);
  }
}

function activateFeaturedShopsPopup(){
  d = document;
  if(d.getElementById("modalContainer")) document.getElementsByTagName("body")[0].removeChild(document.getElementById("modalContainer"));
	bgObj = d.getElementsByTagName("body")[0].appendChild(d.createElement("div"));
	bgObj.id = "background";
	if(d.all) { bgObj.style.height = "1000px";
	} else { bgObj.style.height  = d.documentElement.scrollHeight + "px"; }
    bgObj.style.width   = d.documentElement.scrollWidth + "px"

	mObj = d.getElementsByTagName("body")[0].appendChild(d.createElement("div"));
	mObj.id = "modalContainer";
	mObj.style.height = d.documentElement.scrollHeight + "px";
	alertObj = mObj.appendChild(d.createElement("div"));
	alertObj.id = "alertBox";
	if(d.all && !window.opera) alertObj.style.top = document.documentElement.scrollTop + "px";
	alertObj.style.left = (d.documentElement.scrollWidth - alertObj.offsetWidth)/2 + "px";

    new Ajax.Updater(alertObj, '/account/ajax_popup_featured_shops', {asynchronous:true, evalScripts:true});
    alertObj.style.top = "50"
    alertObj.style.left = "400"
    alertObj.style.visiblity="visible";
    
    alertObj.style.display = "block";
    createIEfix(bgObj.id);
    Element.scrollTo(alertObj);
}