var _imgarray = new array(); $(document).ready(function(){ /*scroll*/ if($("#maincontent").size() > 0){ var scrolldistance = 600; } else{ var scrolldistance = 0; } $("#navcontainer").css("width", "100%"); $("#navcontainer").append($("#siteheader").clone()); $("#navcontainer").append($("#sitenavigation").clone()); var ie6browser = (navigator.useragent.indexof("msie 6")>=0) ? true : false; if(!ie6browser){ var _visiflag; setinterval(function(){ if(scrolldistance < ___getpagescroll()[1]){ if(!_visiflag){ _visiflag = true; $("#navcontainer").show(); } }else{ if(_visiflag){ _visiflag = false; $("#navcontainer").hide(); } } },33); if(scrolldistance < ___getpagescroll()[1]){ _visiflag = true; $("#navcontainer").show(); }else{ _visiflag = false; $("#navcontainer").hide(); } } $(".left,.right").voguerollover(); var _prenum = 0; $("#slide1").find(".slideinner").find("a").mouseover(function(){ if(_prenum != ($("#slide1").find(".slideinner").find("a").index(this))){ $("#special_mainimg").find("img").eq(_prenum).fadeout(); _prenum = ($("#slide1").find(".slideinner").find("a").index(this)); $("#special_mainimg").find("img").eq(_prenum).fadein(); } }) if($("#maincontent").size()){ funcmaincontent(); }; funcbnr($("#bnrcontent1")); funcbnr($("#bnrcontent2")); funcbnr($("#bnrcontent3")); funcbnr($("#bnrcontent4")); funcslide($("#slide1")); funcslide($("#slide2")); funcslide($("#slide3")); funcslide($("#slide4")); funcslide($("#slide5")); $(".pict").hover(function(){ $(this).addclass("jhover"); },function(){ $(this).removeclass("jhover"); }) .css("cursor","pointer") .click(function(){ // if($(this).find("a").eq(0).attr("href")){ // location.href = $(this).find("a").eq(0).attr("href"); // } if($(this).find("a").eq(0).attr("href")){ if($(this).find("a").eq(0).attr("target") == "_blank"){ window.open($(this).find("a").eq(0).attr("href")); }else{ location.href = $(this).find("a").eq(0).attr("href"); } } return false; }) }); /*--------------- slide function ---------------*/ function funcslide(_slide){ var _slidecount = 0; var _slidemax = math.ceil(_slide.find(".slidecontent").find(".element").length/3); var _slidelength = _slide.find(".slidecontent").find(".element").length; var _slideheight = 0; if(_slide.find(".element").length > 3){ var _str = '
'; for(var i = 0 ; i < _slidemax ;i++){ _str += ''+number(i+1)+''; } _str += '
' _slide.prepend(_str) } else{ _slide.find(".slidecontent").css("padding-top", "20px"); } _slide.find(".slidecontent").find(".element").css("width","165px").flatheights(); _slideheight = (parseint(_slide.find(".slidecontent").find(".element:first-child").outerheight())+5)+"px"; _slide.find(".slidecontent").css({height:_slideheight,overflow:"hidden"}) _slide.find(".slideinner").css({width:_slidelength*185}) _slide.find(".slidenavigate").css({visibility:"visible"}) _slide.find(".slideinner").css({position:"absolute",left:"0px"}) _slide.find(".slidenavigate").find("a.prev").click(function(){ if(_slidecount != 0){ _slidecount--; var _left = -637*_slidecount; _slide.find(".slideinner").animate({left:_left + "px" }) _slide.find(".slidenavigate").find(".current").removeclass("current"); _slide.find(".slidenavigate").find("a.num").eq(_slidecount).addclass("current"); _slide.find(".slidenavigate").find(".nouse").removeclass("nouse"); if(_slidecount == 0)_slide.find(".slidenavigate").find("a.prev").addclass("nouse"); } return false; }) _slide.find(".slidenavigate").find("a.next").click(function(){ if(_slidecount != _slidemax-1){ _slidecount++; var _left = -637*_slidecount; _slide.find(".slideinner").animate({left:_left + "px" }) _slide.find(".slidenavigate").find(".current").removeclass("current"); _slide.find(".slidenavigate").find("a.num").eq(_slidecount).addclass("current"); _slide.find(".slidenavigate").find(".nouse").removeclass("nouse"); if(_slidecount == _slidemax-1)_slide.find(".slidenavigate").find("a.next").addclass("nouse"); } return false; }) for(i = 0 ; i < _slidemax; i++){ _slide.find(".slidenavigate").find("a.num").eq(i) .click(function(){ if(_slidecount != $(this).index()-1){ _slidecount = $(this).index()-1; var _left = -637*_slidecount; _slide.find(".slideinner").animate({left:_left + "px" }) _slide.find(".slidenavigate").find(".current").removeclass("current"); _slide.find(".slidenavigate").find("a.num").eq(_slidecount).addclass("current"); _slide.find(".slidenavigate").find(".nouse").removeclass("nouse"); if(_slidecount == 0)_slide.find(".slidenavigate").find("a.prev").addclass("nouse"); if(_slidecount == _slidemax-1)_slide.find(".slidenavigate").find("a.next").addclass("nouse"); } return false; }) } _slide.find(".slidenavigate").find("a.num").eq(_slidecount).addclass("current"); } /*-------------- bnrfunction --------------*/ function funcbnr(_bnrcontent){ var _bnrcount = 0; var _bnrmax = _bnrcontent.find(".pict").length; var _bnrheight = 0; if(_bnrmax > 1){ _bnrcontent.find(".left,.right").css("display","block"); } _bnrcontent.find(".pict").flatheights(); _bnrcontent.find(".pict"); _bnrheight = (parseint(_bnrcontent.find(".pict:first-child").outerheight())+5)+"px"; _bnrcontent.css("height",_bnrheight); _bnrcontent.find(".left").click(function(){ if(_bnrcount != 0){ _bnrcontent.find(".pict").eq(_bnrcount).fadeout(400,"linear"); _bnrcount--; if(_bnrcount == 0){ var str = _bnrcontent.find(".left").find("img").attr("src"); if(str.indexof("_nouse")==-1){ str = str.replace("_on.gif",".gif"); str = str.replace("_on.jpg",".jpg"); str = str.replace(".gif","_nouse.gif"); str = str.replace(".jpg","_nouse.jpg"); _bnrcontent.find(".left").find("img").attr("src",str); } } var str = _bnrcontent.find(".right").find("img").attr("src"); if(str.indexof("_nouse")!=-1){ str = str.replace("_nouse.gif",".gif"); str = str.replace("_nouse.jpg",".jpg"); _bnrcontent.find(".right").find("img").attr("src",str); } _bnrcontent.find(".pict").eq(_bnrcount).fadein(400,"linear"); } }) _bnrcontent.find(".right").click(function(){ if(_bnrcount != _bnrmax-1){ _bnrcontent.find(".pict").eq(_bnrcount).fadeout(400,"linear"); _bnrcount++; if(_bnrcount == _bnrmax-1){ var str = _bnrcontent.find(".right").find("img").attr("src"); if(str.indexof("_nouse")==-1){ str = str.replace("_on.gif",".gif"); str = str.replace("_on.jpg",".jpg"); str = str.replace(".gif","_nouse.gif"); str = str.replace(".jpg","_nouse.jpg"); _bnrcontent.find(".right").find("img").attr("src",str); } } var str = _bnrcontent.find(".left").find("img").attr("src"); if(str.indexof("_nouse")!=-1){ str = str.replace("_nouse.","."); _bnrcontent.find(".left").find("img").attr("src",str); } _bnrcontent.find(".pict").eq(_bnrcount).fadein(400,"linear"); } }) } /*-------------- mainfunction --------------*/ function funcmaincontent(){ $("#maincontent").find(".main").css({ "position":"absolute" }); for(var i = 0 ; i < $("#maincontent").find(".element").length ;i++){ if($("#maincontent").find(".element").eq(i).find("img").attr("src")){ _imgarray.push($("#maincontent").find(".element").eq(i).find("img").attr("src")); } } if(/*@cc_on!@*/false){ //ie settimeout(startslide,400); }else{ //non ie if(_imgarray.length){ loopimageloader(0); }else{ settimeout(startslide,400); } } function loopimageloader(i){ var image1 = new image(); image1.src = _imgarray[i]; image1.onload = function(){ i++; if(_imgarray.length != i){ loopimageloader(i); }else{ startslide(); } } } var _maxpage = 0; var _currentpage = 0; function startslide(){ $("#maincontent").find(".element").css("display","inline-block"); $("#maincontent").find(".right").hide(); $("#maincontent").find(".left").hide(); $("#maincontent").find(".right").fadein(600); $("#maincontent").find(".left").fadein(600); $("#maincontent").find(".left,.right").voguerollover(); /* if($("#maincontent").find(".pict").length == 1){ $("#maincontent").prepend($("#maincontent").find(".pict").clone()); $("#maincontent").prepend($("#maincontent").find(".pict").clone()); $("#maincontent").prepend($("#maincontent").find(".pict").clone()); }else if($("#maincontent").find(".pict").length < 4){ $("#maincontent").prepend($("#maincontent").find(".pict").clone()); } */ _maxpage = $("#maincontent").find(".pict").length; for(var i = 0 ; i < _maxpage ; i++){ var _pos = math.round(1290*(i-_currentpage)+$(window).width()/2-645); var _opa = 0.5; if(i == _currentpage)_opa = 1; if(_pos > $(window).width()){ _pos -= _maxpage*1290 }else if(_pos < -1290){ _pos += _maxpage*1290 } $("#maincontent").find(".pict").eq(i).css({ left:_pos, opacity:0 }) .animate({ opacity:_opa },{ duration:400 , easing:'linear' }) } $("#maincontent").stop().find(".main").removeclass("main"); $("#maincontent").stop().find(".pict").eq(_currentpage).addclass("main").css({"position":"absolute"}); window.onresize = function(){ for(var i = 0 ; i < _maxpage ; i++){ var _pos = math.round(1290*(i-_currentpage)+$(window).width()/2-645); var _opa = 0.5; if(i == _currentpage)_opa = 1; if(_pos > $(window).width()){ _pos -= _maxpage*1290 } $("#maincontent").stop().find(".pict").eq(i).css({ left:_pos, opacity:_opa }) } } $("#maincontent").find(".right").click(nextpage); $("#maincontent").find(".left").click(prevpage); } function nextpage(){ _currentpage++; if(_currentpage > _maxpage-1)_currentpage = 0; $("#maincontent").stop().find(".main").removeclass("main"); $("#maincontent").stop().find(".pict").eq(_currentpage).addclass("main").css({"position":"absolute"});; _pict = $("#maincontent").find(".pict"); for(var i = 0 ; i < _maxpage ; i++){ var _pos = math.round(1290*(i-_currentpage)+$(window).width()/2-645); var _opa = 0.5; if(i == _currentpage)_opa = 1; if(_pos > $(window).width()){ _pos -= _maxpage*1290 }else if(_pos < -1290*2){ _pos += _maxpage*1290 } _pict.eq(i) .stop() .css({ left:_pos+1290 }) .animate({ left:_pos, opacity:_opa },{ duration:700 , easing:'easeoutquint' }) } } function prevpage(){ _currentpage--; if(_currentpage< 0)_currentpage = _maxpage -1; $("#maincontent").stop().find(".main").removeclass("main"); $("#maincontent").stop().find(".pict").eq(_currentpage).addclass("main").css({"position":"absolute"});; for(var i = 0 ; i < _maxpage ; i++){ var _pos = math.round(1290*(i-_currentpage)+$(window).width()/2-645); var _opa = 0.5; if(i == _currentpage)_opa = 1; if(_pos < -1290){ _pos += _maxpage*1290 }else if(_pos > $(window).width()+1290){ _pos -= _maxpage*1290 } $("#maincontent").find(".pict").eq(i) .stop() .css({ left:_pos-1290 }) .animate({ left:_pos, opacity:_opa },{ duration:700 , easing:'easeoutquint' }) } } } /*---------------- rollover plug-in ----------------*/ (function($){ $.fn.voguerollover = function() { var _imgarray = new array(); for(var i = 0 ; i < this.length ; i++){ var _str= this.eq(i).find("img").attr("src"); _str = _str.replace("_nouse.gif",".gif"); _str = _str.replace("_nouse.jpg",".jpg"); _str= _str.replace(".gif","_on.gif"); _str= _str.replace(".jpg","_on.jpg"); _imgarray.push(_str); } loopimageloader(0); function loopimageloader(i){ if(_imgarray[i]){ var image1 = new image(); image1.src = _imgarray[i]; image1.onload = function(){ i++; if(_imgarray.length != i){ loopimageloader(i); } } } } return this.hover(function(){ var str = $(this).find("img").attr("src"); if(str.indexof("_on")==-1 && str.indexof("_nouse")==-1){ str = str.replace(".gif","_on.gif"); str = str.replace(".jpg","_on.jpg"); $(this).find("img").attr("src",str); } },function(){ var str = $(this).find("img").attr("src"); str = str.replace("_on.gif",".gif"); str = str.replace("_on.jpg",".jpg"); $(this).find("img").attr("src",str); }); }; })($); jquery.easing['jswing'] = jquery.easing['swing']; /*----- easing ------*/ jquery.extend( jquery.easing,{ def: 'easeoutquint', swing: function (x, t, b, c, d) { return jquery.easing[jquery.easing.def](x, t, b, c, d); }, easeoutquint: function (x, t, b, c, d) { return c*((t=t/d-1)*t*t*t*t + 1) + b; } }); document.write('') /** / third function * getpagesize() by quirksmode.com * * @return array return an array with page width, height and window width, height */ function ___getpagesize() { var xscroll, yscroll; if (window.innerheight && window.scrollmaxy) { xscroll = window.innerwidth + window.scrollmaxx; yscroll = window.innerheight + window.scrollmaxy; } else if (document.body.scrollheight > document.body.offsetheight){ // all but explorer mac xscroll = document.body.scrollwidth; yscroll = document.body.scrollheight; } else { // explorer mac...would also work in explorer 6 strict, mozilla and safari xscroll = document.body.offsetwidth; yscroll = document.body.offsetheight; } var windowwidth, windowheight; if (self.innerheight) { // all except explorer if(document.documentelement.clientwidth){ windowwidth = document.documentelement.clientwidth; } else { windowwidth = self.innerwidth; } windowheight = self.innerheight; } else if (document.documentelement && document.documentelement.clientheight) { // explorer 6 strict mode windowwidth = document.documentelement.clientwidth; windowheight = document.documentelement.clientheight; } else if (document.body) { // other explorers windowwidth = document.body.clientwidth; windowheight = document.body.clientheight; } // for small pages with total height less then height of the viewport if(yscroll < windowheight){ pageheight = windowheight; } else { pageheight = yscroll; } // for small pages with total width less then width of the viewport if(xscroll < windowwidth){ pagewidth = xscroll; } else { pagewidth = windowwidth; } arraypagesize = new array(pagewidth,pageheight,windowwidth,windowheight); return arraypagesize; }; /** / third function * getpagescroll() by quirksmode.com * * @return array return an array with x,y page scroll values. */ function ___getpagescroll() { var xscroll, yscroll; if (self.pageyoffset) { yscroll = self.pageyoffset; xscroll = self.pagexoffset; } else if (document.documentelement && document.documentelement.scrolltop) { // explorer 6 strict yscroll = document.documentelement.scrolltop; xscroll = document.documentelement.scrollleft; } else if (document.body) {// all other explorers yscroll = document.body.scrolltop; xscroll = document.body.scrollleft; } arraypagescroll = new array(xscroll,yscroll); return arraypagescroll; };