function rsSelectReplace(sel)
{

	var ie6 = (navigator.userAgent.search('MSIE 6.0') != -1);

	var ul = document.createElement('ul');

	ul.className = 'srList srCollapsed srBlur';
	

	ul.srSelect = sel;
	sel.srReplacement = ul;

	sel.className += ' srReplacedSelect';

	sel.onfocus = function() { this.srReplacement.className = this.srReplacement.className.replace(/[\s]?srBlur/, ' srFocus'); }

	sel.onblur = function() {
		this.srReplacement.className = this.srReplacement.className.replace(/[\s]?srFocus/, ' srBlur');
	}
	sel.onchange = function()
	{
		var ul = this.srReplacement;
		ul.srSelectLi(ul.childNodes[this.selectedIndex]);
	}
	sel.onkeypress = function(e)
	{
		var i = this.selectedIndex;
		var ul = this.srReplacement;
		switch (e.keyCode) {
			case 9:
				this.srReplacement.srCollapse();
			break;

			case 37:
			case 38: 
				if (i - 1 >= 0)
					ul.srSelectLi(ul.childNodes[i - 1]);
			break;
			case 40:
				if(e.altKey)
				{
				}
			case 39: 
				if (i + 1 < ul.childNodes.length)
					ul.srSelectLi(ul.childNodes[i + 1]);
			break;

			case 33: 
			case 36: 
				ul.srSelectLi(ul.firstChild);
			break;

			case 34: 
			case 35: 
				ul.srSelectLi(ul.lastChild);
			break;
		}
	}
	ul.onmouseover = function() { this.className += ' srHoverUl'; }

	ul.onmouseout = function() { this.className = this.className.replace(/[\s]?srHoverUl/, ''); }

	ul.srSelectLi = function(li)
	{
		var ul = li.parentNode;

		if(ul.srSelectesIndex != null)
			ul.childNodes[ul.srSelectesIndex].className = '';


		ul.srSelectesIndex = li.srIndex;

		ul.childNodes[li.srIndex].className = 'srSelectedLi';
		return li.srIndex;
	}
	ul.srExpand = function()
	{
		if(!this.srExpanded)
		{
			if(document.srExpandedList)
				document.srExpandedList.srCollapse();

			document.srExpandedList = this;


			this.className  = this.className.replace(/[\s]?srCollapsed/, ' srExpanded');
			this.srExpanded = true;

			this.srSelect.focus();

			if(ie6) 
			{
				var node = this.firstChild;
				var offset = 0;
				var height = node.clientHeight;
				while(node)
				{
					node.style.position = 'absolute';
					node.style.top = offset;
					offset += height; 
					node = node.nextSibling;
				}
			}
		}
	}
	ul.srCollapse = function(li)
	{	
		if(this.srExpanded)
		{
			document.srExpandedList = null;

			if(li)
				this.srSelect.selectedIndex = this.srSelectLi(li);
			
			this.srSelect.focus();

			this.className = this.className.replace(/[\s]?srExpanded/, ' srCollapsed');
			this.srExpanded = false;

			if(ie6)
			{
				var node = this.firstChild;
				while(node)
				{
					node.style.position = '';
					node = node.nextSibling;
				}
			}
		}
	}
	var options = sel.options;
	var len = options.length;

	for(var i = 0; i < len; i++)
	{
	    var li = document.createElement('li');
		li.appendChild(document.createTextNode(options[i].text));

		li.srIndex = i;

		li.onmouseover = function() { this.className += ' srHoverLi'; }

		li.onmouseout = function() { this.className = this.className.replace(/[\s]?srHoverLi/, ''); }

		ul.appendChild(li);
	}
	if(sel.selectedIndex == null)
		sel.selectedIndex = 0;
	ul.srSelectLi(ul.childNodes[sel.selectedIndex]);
	sel.parentNode.insertBefore(ul, sel);
}
function srAddEvent(obj, type, fn)
{ 
	if (obj.addEventListener)
		obj.addEventListener(type, fn, false);
	else if (obj.attachEvent)
		obj.attachEvent( "on"+type, fn );
}
function srOnDocumentClick(e)
{
	var target = (window.event) ? window.event.srcElement : e.target;
	if(document.srExpandedList)
	{
		if((target.srIndex || target.srIndex === 0)
			&& document.srExpandedList == target.parentNode	)
			document.srExpandedList.srCollapse(target);
		else
			document.srExpandedList.srCollapse();
	}
	else
	{
		if(target.srIndex || target.srIndex === 0)
			target.parentNode.srExpand();
	}
}
function srReplaceSelects()
{
	var s = document.getElementsByTagName('select');
	var len = s.length
	for (var i = 0; i < len; i++)
		rsSelectReplace(s[i]);

	//srAddEvent(document, 'click', srOnDocumentClick);
}
//srAddEvent(window, 'load', srReplaceSelects);

function ShowSelectedValues()
{
	var s = document.getElementsByTagName('select');
	var len = s.length
	var message = '';
	for (var i = 0; i < len; i++)
		message += s[i].id + ': '
		+ s[i].options[s[i].selectedIndex].innerHTML + '\r\n';

	alert(message);
	return false;
}


$(document).ready(function(){	
  
// pixel logo //   

  $("#pixel").hover(
  function () {
    $('#pixel-logo').css('display','block');
  }, 
  function () {
    $('#pixel-logo').css('display','none');
  }
  );

// buttons //   
    $('input.butt').mouseover(function() {
    $(this).css('background-position','left -12px');
    });
    $('input.butt').mousedown(function() {
    $(this).css('background-position','left -22px');
    });
    $('input.butt').mouseup(function() {
    $(this).css('background-position','left -12px');
    });
    $('input.butt').mouseout(function() {
    $(this).css('background-position','left 0px');
    }); 
    
    $('input.cart_b').mouseover(function() {
    $(this).css('background-position','left -24px');
    });
    $('input.cart_b').mousedown(function() {
    $(this).css('background-position','left -48px');
    });
    $('input.cart_b').mouseup(function() {
    $(this).css('background-position','left -24px');
    });
    $('input.cart_b').mouseout(function() {
    $(this).css('background-position','left 0px');
    }); 
    
// add to cart / checkout button //
    /*$('input.add').mouseup(function() {
    $(this).removeClass('add').addClass('out');
    });*/
    
// delete item //    
  $("div.del-but").hover(
  function () {
    $(this).addClass('showen');
  }, 
  function () {
    $(this).removeClass('showen');
  }
 ); 
	});


// radio-buttons
jQuery(document).ready(function(){

jQuery(".niceRadio").each(
function() {
     changeRadioStart(jQuery(this));
});

});

function changeRadio(el)

{

	var el = el,
		input = el.find("input").eq(0);
	var nm=input.attr("name");
		
	jQuery(".niceRadio input").each(
	
	function() {
     
		if(jQuery(this).attr("name")==nm)
		{
			jQuery(this).parent().removeClass("radioChecked");
		}
	});					  
		
	if(el.attr("class").indexOf("niceRadioDisabled")==-1)
	{	
		el.addClass("radioChecked");
		input.attr("checked", true);
	}
	
    return true;
}

function changeVisualRadio(input)
{
	var wrapInput = input.parent();
	var nm=input.attr("name");
		
	jQuery(".niceRadio input").each(
	
	function() {
     
		if(jQuery(this).attr("name")==nm)
		{
			jQuery(this).parent().removeClass("radioChecked");
		}
 
	});

	if(input.attr("checked")) 
	{
		wrapInput.addClass("radioChecked");
	}
}

function changeRadioStart(el)
{

try
{
var el = el,
	radioName = el.attr("name"),
	radioId = el.attr("id"),
	radioChecked = el.attr("checked"),
	radioDisabled = el.attr("disabled"),
	radioTab = el.attr("tabindex"),
	radioValue = el.attr("value");
	if(radioChecked)
		el.after("<span class='niceRadio radioChecked'>"+
			"<input type='radio'"+
			"name='"+radioName+"'"+
			"id='"+radioId+"'"+
			"checked='"+radioChecked+"'"+
			"tabindex='"+radioTab+"'"+
			"value='"+radioValue+"' /></span>");
	else
		el.after("<span class='niceRadio'>"+
			"<input type='radio'"+
			"name='"+radioName+"'"+
			"id='"+radioId+"'"+
			"tabindex='"+radioTab+"'"+
			"value='"+radioValue+"' /></span>");
	
if(radioDisabled)
	{
		el.next().addClass("niceRadioDisabled");
		el.next().find("input").eq(0).attr("disabled","disabled");
	}
		
	el.next().bind("mousedown", function(e) { changeRadio(jQuery(this)) });
	el.next().find("input").eq(0).bind("change", function(e) { changeVisualRadio(jQuery(this)) });
	if(jQuery.browser.msie)
	{
		el.next().find("input").eq(0).bind("click", function(e) { changeVisualRadio(jQuery(this)) });	
	}
	el.remove();
}
catch(e)
{
}
    return true;
}