function slider(sliderid, arrow){ var parent_slider = findParentNode("slider", sliderid, "class"); var slider = parent_slider.getElementsByTagName('*'); for (var i = 0; i < slider.length; i++) { if (slider[i].getAttribute("name") == "select_page") { var select_page = slider[i]; } if (slider[i].getAttribute("name") == "arrows") { var arrows = slider[i]; } if (slider[i].getAttribute("name") == "page") { var page_block = slider[i]; } if (slider[i].getAttribute("name") == "points") { var points = slider[i]; } if (slider[i].getAttribute("name") == "pages") { var pages = slider[i]; } } var pages_count = pages.children.length; var points_count = ""; var select_page_number = select_page.innerHTML; if (select_page_number != "") { page = Number(select_page_number); }else{ page = 0; } if (points.children.length != pages_count) { for (var i = 0; i < pages_count; i++) { points_count = points_count + points.innerHTML; } points.innerHTML = points_count; } if (page != pages_count-1 && arrow == "right") { page += 1; } if (page != 0 && arrow == "left") { page -= 1; } var point_find = points.children; for (var i = 0; i < point_find.length; i++) { point_find[i].removeAttribute("status"); } if (arrow == "point") { var point_count = sliderid.parentElement.children; for (var i = 0; i < point_count.length; i++) { point_count[i].removeAttribute("status"); if (point_count[i] == sliderid) { page = i; } } } var find_arrows = arrows.getElementsByTagName('s'); if (page > 0) { find_arrows[0].removeAttribute("status"); }else{ find_arrows[0].setAttribute("status", "hidden"); } if (page != pages_count-1) { find_arrows[1].removeAttribute("status"); }else{ find_arrows[1].setAttribute("status", "hidden"); } points.children[page].setAttribute("status", "select"); select_page.innerHTML = page; page_block.children[0].innerHTML = pages.children[page].innerHTML; page_block.children[0].removeAttribute("status"); function anim() { page_block.children[0].setAttribute("status", "anim"); } setTimeout(anim, 10); }