//Fix PNG
function fixPNG(myImage) {
	if (myImage.Fixed)
		return;
	var arVersion = navigator.appVersion.split("MSIE")
	var version = parseFloat(arVersion[1])
	if ((version >= 5.5) && (version < 7) && (document.body.filters)) {
		myImage.Fixed = true;
		var imgID = (myImage.id) ? "id='" + myImage.id + "' " : "";
		var imgClass = (myImage.className) ? "class='" + myImage.className + "' " : "";
		var imgTitle = (myImage.title) ? "title='" + myImage.title + "' " : "title='" + myImage.alt + "' ";
		var imgStyle = "display:inline-block;" + myImage.style.cssText;
		var strNewHTML = "<span " + imgID + imgClass + imgTitle + " style=\"" + "width:" + myImage.width + "px; height:" + myImage.height + "px;" + imgStyle + ";" + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader" + "(src=\'" + myImage.src + "\', sizingMethod='scale');\"></span>"
		myImage.outerHTML = strNewHTML
	}
}
function fixPNGLoader() {
	var arVersion = navigator.appVersion.split("MSIE");
	var version = parseFloat(arVersion[1]);
	if ((version >= 5.5) && (version < 7) && (document.body.filters)) {
		var imgs = document.getElementsByTagName('img');
		for (var i = 0; i < imgs.length; i++)
			if (imgs[i].src.endsWith('.png'))
				fixPNG(imgs[i]);
	}
}
Event.observe(window, 'load', fixPNGLoader);




//SearchInput
function searchSmartInputs() {
	var SmartInputs = document.getElementsByClassName('SmartInput');
	for (var i = 0; i < SmartInputs.length; i++)
		activateSmartInput(SmartInputs[i]);
}
function activateSmartInput(SmartInput) {
	//var SearchInput = $('SearchInput');
	
	SmartInput.hasFocus = false;

	var mouseover = function() {
		if (this.value == this.defaultValue) {
			this.style.color = '#000000';
			this.value = '';
		}
	}
	Event.observe(SmartInput, 'mouseover', mouseover);

	var focus = function() {
		this.hasFocus = true;
		if (this.value == this.defaultValue) {
			this.style.color = '#000000';
			this.value = '';
		}
	}
	Event.observe(SmartInput, 'focus', focus);
	
	var mouseout = function() {
		if (this.value == '' && !this.hasFocus) {
			this.style.color = '';
			this.value = this.defaultValue;
		}
	};
	Event.observe(SmartInput, 'mouseout', mouseout);
	
	var blur = function() {
		this.hasFocus = false;
		if (this.value == '') {
			this.style.color = '';
			this.value = this.defaultValue;
		}
	};
	Event.observe(SmartInput, 'blur', blur);
}
Event.observe(window, 'load', searchSmartInputs);







//TABS
/*
var TabsInfo = {
		TabsId: new Array('HomeT1', 'HomeT2', 'HomeT3', 'HomeT4'),
		DefaultTabId: 'HomeT1',
		BoxesId: new Array('HomeTEl1', 'HomeTEl2', 'HomeTEl3', 'HomeTEl4'),
		TabActiveClass: 'HomeTActive',
		TabOverClass: 'HomeTActive',
		TabClass: 'HomeTActive'
	}
*/
function activateTabs(TabsInfo) {
	if (TabsInfo.TabsId.length != TabsInfo.BoxesId.length) {
		alert('TabsInfo.TabsId.length != TabsInfo.BoxesId.length');
		return;
	}
		
	var OnTabClick = function () {
			this.TabsInfo.ActiveTabId = this.Id;
			for (i=0; i<this.TabsInfo.TabsId.length; i++) {
				var tab = $(this.TabsInfo.TabsId[i]);
				if (tab.Active) {
					tab.Active = false;
					tab.addClassName(this.TabsInfo.TabClass);
					tab.removeClassName(this.TabsInfo.TabActiveClass);
					tab.removeClassName(this.TabsInfo.TabOverClass);
					
					$(TabsInfo.BoxesId[i]).hide();
				}
			}
			this.Active = true;
			this.removeClassName(this.TabsInfo.TabClass);
			this.removeClassName(this.TabsInfo.TabOverClass);
			this.addClassName(this.TabsInfo.TabActiveClass);
			
			$(TabsInfo.BoxesId[ this.TabsInfo.TabsId.indexOf(this.Id) ]).show();
		}
	var OnTabMouseOver = function () {
			if (!this.Active) {
				this.addClassName(this.TabsInfo.TabOverClass);
				this.removeClassName(this.TabsInfo.TabClass);
			}
		}
	var OnTabMouseOut = function () {
			if (!this.Active) {
				this.addClassName(this.TabsInfo.TabClass);
				this.removeClassName(this.TabsInfo.TabOverClass);
			}
		}
	for (i=0; i<TabsInfo.TabsId.length; i++) {
		var tab = $(TabsInfo.TabsId[i]);
		tab.Id = TabsInfo.TabsId[i];
		tab.TabsInfo = TabsInfo;
		tab.Active = false;
		Event.observe( tab , 'click', OnTabClick);
		Event.observe( tab , 'mouseover', OnTabMouseOver);
		Event.observe( tab , 'mouseout', OnTabMouseOut);
		$(TabsInfo.BoxesId[i]).hide();
	}

	var fxx = OnTabClick.bind($(TabsInfo.DefaultTabId));
	fxx();
}






/* Expander */
function Expander(_obj, hide) {
	if (_obj == null ) {
		_t = document.getElementsByClassName("Expander");
		if (_t.length == 0)
			return;
		_obj = _t[0];
	}
	var parent;
	var child;
	var children = _obj.childElements();
	for (var i=0; i < children.length ; i++) {
		Expander(children[i], hide);
		if (children[i].hasClassName("parent"))
			parent = children[i];
		if (children[i].hasClassName("child"))
			child = children[i];
	}
	if (!parent || !child)
		return;
	
	child._hide = hide;
	if (hide)
		child.hide();
	else
		child.show();

	Event.observe(parent, 'click', function() {
												child.toggle();
												if (child._hide)
													parent.className = parent.className.replace("Plus", 'Minus');
												else
													parent.className = parent.className.replace("Minus", 'Plus');
												child._hide = !child._hide;
											} );
}
Event.observe(window, 'load', function(){ Expander(null, true); } );








/* Expander */
function CartInitialize() {
	
	var CartContainer = $('CartContainer');
	if (!CartContainer)
		return;
	var Moving = 0.15;
	var Speed = 10;
	var OriginWidth = CartContainer.firstDescendant().getWidth();
	
	var Move = function() {
		var width = CartContainer.width;
		var Moving = CartContainer.Moving;

		if ((width <= 0 && Moving < 0) || (width >= OriginWidth && Moving >0) || Moving == 0)
			return;
		
		
		var temp;
		if (Moving > 0)
			temp = Math.round((OriginWidth - width) * Moving);
		else
			temp = Math.round(width * Moving);
		
		if (Math.abs(temp) < 2)
			temp = (Moving < 0)? -1 : 1;

		width += temp;
		
		
		if (width > OriginWidth)
			width = OriginWidth;
		else if (width < 0)
			width = 0;

		CartContainer.width = width;
		CartContainer.setStyle({
			'width': width + 'px'
		});
		
		if (Speed >= 2)
			setTimeout(Move, Speed);
		else
			Move();
	}

	var OpenCart = (document.getElementsByClassName("OpenCart"))[0];
	Event.observe(OpenCart, 'mouseover', function() {
										CartContainer.Moving = Moving;
										CartContainer.width = parseInt(CartContainer.getStyle('width'));
										Move();
									} );

	Event.observe(CartContainer, 'click', function() {
										CartContainer.Moving = -1 * Moving;
										CartContainer.width = parseInt(CartContainer.getStyle('width'));
										Move();
									} );



}
Event.observe(window, 'load', CartInitialize );






function toggle_nav_column(flag)
{
  var next_year = new Date();
  next_year.setFullYear(next_year.getFullYear() + 1);

  if (flag == "hide")
  {
    new Effect.BlindUp('nav_column_content');
    document.getElementById('hide_nav_link').style.display = "none";
    document.getElementById('show_nav_link').style.display = "block";    
    document.cookie = "navbar=hide; expires=" + next_year.toGMTString(); // dump this...
  }
  else
  {
    new Effect.BlindDown('nav_column_content');
    document.getElementById('hide_nav_link').style.display = "block";
    document.getElementById('show_nav_link').style.display = "none";
    document.cookie = "navbar=show; expires=" + next_year.toGMTString();
  }

  return false; 
}