if (document.images)
{
  pic1= new Image(52,55); 
  pic1.src="../images/right_button.gif"; 
  pic2= new Image(52,55); 
  pic2.src="../images/left_button.gif"; 
}


window.onload = prepare;

function prepare()
{
	set_padding();
	hover("l","span"," l_hover");
	hover("r","span"," r_hover");
	
	
}

function hover (searchClass,tag,newClass) {
	var tags = getElementsByClass(searchClass,null,tag);
	for (var j=0;j<tags.length;j++) {
		 tags[j].onmouseover = function() {this.className += newClass;}
		 tags[j].onmouseout = function() {this.className = this.className.replace(newClass, '');}
	}
}

function getElementsByClass(searchClass,node,tag) {
	 var classElements = new Array();
	 if ( node == null )
	  node = document;
	 if ( tag == null )
	  tag = '*';
	 var els = node.getElementsByTagName(tag);
	 var elsLen = els.length;
	
	 var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
	 for (i = 0, j = 0; i < elsLen; i++) {
	   if ( pattern.test(els[i].className) ) {
	   classElements[j] = els[i];
	   j++;
	  }
	 }
	 return classElements;
}

window.onresize = set_padding;


function set_padding() {
	if(document.body.clientWidth<1000) {
		var work_area = 1000 - 120;
		var w = (work_area)%150/(work_area/150);
		var tags = getElementsByClass("wm",null,"li");
		for (var j=0;j<tags.length;j++) {
			tags[j].style.paddingLeft = w.toString()+"px";
		}
	}
	if(document.body.clientWidth>=1000) {
		var work_area = document.body.clientWidth - 120;
		var w = (work_area)%150/(work_area/150);
		var tags = getElementsByClass("wm",null,"li");
		for (var j=0;j<tags.length;j++) {
			tags[j].style.paddingLeft = w.toString()+"px";
		}
	}
}