
var currentIcon;function showNav(rel){iconTarget=".icon_"+rel;$(iconTarget).addClass("showicon").css({'opacity':'1'});}
function showPage(rel){target="#page_"+rel;$(".slactive").hide().removeClass("slactive");$(target).addClass("slactive").fadeIn(100);}
function initalize(){$(".slbtn").css({'opacity':'0.3'});$(".slpages").hide();$(".slactive").fadeIn(100);currentIcon=1;showNav(currentIcon);showPage(currentIcon);}
function getNavIndex(target){return $(target).attr("rel");}
function dimNav(){$(".showicon").animate({'opacity':'0.5'});$(".slbtn").removeClass("showicon");}
function fireClick(target,id){if(id==-1){currentIcon=getNavIndex(target);}
else{currentIcon=id;}
dimNav();showNav(currentIcon);showPage(currentIcon);}
function mouseClickEvent(){$(".slbtn").mouseover(function(){$(this).stop();$(this).animate({'opacity':'1'},200);});$(".slbtn").mouseout(function(){if(!($(this).hasClass("showicon")))
{$(this).stop();$(this).animate({'opacity':'0.3'},200);}});$(".slbtn").click(function(){fireClick(this,-1);});$(".arrow_left").click(function(){curPage=parseInt(currentIcon);if(curPage==1)curPage=8
else curPage=curPage-1;currentIcon=curPage;fireClick('',curPage);});$(".arrow_right").click(function(){curPage=parseInt(currentIcon);if(curPage==8)curPage=1
else curPage=curPage+1;currentIcon=curPage;fireClick('',curPage);});}
$(document).ready(function(){initalize();mouseClickEvent();});