var Hexagon = {
	init:function(divClassNameArr,parentDivClassName,length,imgUrlArr,hoverHrefArr,hoverStrArr,borderColor,borderWidth){
		if (!document.getElementsByClassName) {
				document.getElementsByClassName = function (className, element) {
					var children = (element || document).getElementsByTagName('*');
					var elements = new Array();
					for (var i = 0; i < children.length; i++) {
						var child = children[i];
						var classNames = child.className.split(' ');
						for (var j = 0; j < classNames.length; j++) {
							if (classNames[j] == className) {
								elements.push(child);
								break;
							}
						}
					}
					return elements;
				};
			}
		var parentDiv = document.getElementsByClassName(parentDivClassName)[0];
		<!--parentDiv.innerHTML = "";-->
		for(var i =0;i<divClassNameArr.length;i++){
			var childDiv = document.createElement('div');
			childDiv.className = divClassNameArr[i];
			

			
			
			parentDiv.appendChild(childDiv);
			childDiv.innerHTML ='<div class="item-info-overlay">'+
                	'<div>'+
                    '<h3 class="title"><a href="'+hoverHrefArr[i]+'">'+hoverStrArr[i]+'</a></h3>'+
                    '<a class="view iconfont iconyou" href="'+hoverHrefArr[i]+'"></a>'+
                    '</div>'+
                    '</div>';
			var paper= new Raphael(childDiv,Number(2.6*length*100/150)+Number(2*borderWidth),Number(2*length)+Number(2*borderWidth));
			var path = 'M';
			path +=Number(borderWidth)+Number(0*length*100/150)+' ';
			path +=Number(borderWidth)+Number(0.75*length*100/150)+' L';
			path +=Number(borderWidth)+Number(0*length*100/150)+' ';
			path +=Number(borderWidth)+Number(2.25*length*100/150)+' L';
			path +=Number(borderWidth)+Number(1.3*length*100/150)+' ';
			path +=Number(borderWidth)+Number(3*length*100/150)+' L';
			path +=Number(borderWidth)+Number(2.6*length*100/150)+' ';
			path +=Number(borderWidth)+Number(2.25*length*100/150)+' L';
			path +=Number(borderWidth)+Number(2.6*length*100/150)+' ';
			path +=Number(borderWidth)+Number(0.75*length*100/150)+' L';
			path +=Number(borderWidth)+Number(1.3*length*100/150)+' ';
			path +=Number(borderWidth)+Number(0*length*100/150)+' ';
			path +='Z';
			paper.path(path).attr(
				{
					fill: "url("+imgUrlArr[i]+")",
					 'stroke':borderColor,
					 'stroke-width':borderWidth,
					 'stroke-linejoin': 'round'
				}
			)
		}
	}
}