var id_img=null;
var next_img=null;
var interval=null;
function nextImg(){
    id_img = $(".side-nav UL LI A.active:visible").attr('rel');
    var i=$('.pic-area A').index($("#"+id_img));
    var next_img=null;
    if (i<($('.pic-area A').length-1)) {
       next_img= $("#"+id_img).next().attr('id');
    }
    else {
       next_img= $('.pic-area A:first').attr('id');
    }
    $('#'+id_img).fadeOut(1000);
    if ($.browser.msie) {
        $(".side-nav UL LI A.active:visible").css('display','none');
        $(".side-nav UL LI A.active[rel="+next_img+"]").css('display','block');
    }
    else {
        $(".side-nav UL LI A.active:visible").fadeOut(1000);
        $(".side-nav UL LI A.active[rel="+next_img+"]").fadeIn(1000);
    }
    $('#'+next_img).fadeIn(1000);
};
$(document).ready(function(){
   if ($('.side-nav UL').length>0) {  
        if ($.browser.msie) {
            $(".side-nav UL LI:first A.active").css('display','inline');
        }
        else {
            $(".side-nav UL LI:first A.active").fadeIn(1000);
        }
        id_img = $(".side-nav UL LI A.active:visible").attr("rel");
        $("#"+id_img).fadeIn("slow");
        interval=setInterval("nextImg()",5000);
    };
    $(".side-nav UL LI A").click(function(){
        if ($(this).hasClass('active')) {return false;}
        if ($.browser.msie) {
            $(".side-nav UL LI A.active:visible").css('display','none');
            $(".side-nav UL LI A.active[rel="+$(this).attr('rel')+"]").css('display','inline');
        }
        else {
            $(".side-nav UL LI A.active:visible").fadeOut(1000);
            $(".side-nav UL LI A.active[rel="+$(this).attr('rel')+"]").fadeIn(1000);
        }
        $('.pic-area A').fadeOut(1000);
        id_img = $(this).attr("rel");
       
        $("#"+id_img).fadeIn(1000);
        clearInterval(interval);
        interval=setInterval("nextImg()",5000);
        return false;
    });
  
    $(".next-btn").click(function(){
       var img_cur = $(".rotator-box IMG:visible").attr('id');
       if (!(img_cur == $('.rotator-box IMG:last').attr('id'))) 
       {
           $('#'+img_cur).fadeOut(1000);
           $('#'+img_cur).next().fadeIn(1000);
       }
       return false;
    });
    $(".prev-btn").click(function(){
       var img_cur = $(".rotator-box IMG:visible").attr('id');
       if (!(img_cur == $('.rotator-box IMG:first').attr('id'))) 
       {
           $('#'+img_cur).fadeOut(1000);
           $('#'+img_cur).prev().fadeIn(1000);
       }
       return false;
    });
    $(".portfolio-list LI A").click(function(){
        if ($(this).attr('rel')==$(".rotator-box IMG:visible").attr('id')) {return false;}
        $(".rotator-box IMG:visible").fadeOut(1000);
        $("#"+$(this).attr("rel")).fadeIn(1000);
        return false;
    });
    
     if ($('.portfolioitems DIV').length>0) {
         $('.portfolioitems DIV:first').addClass('cur');
         $('.portfolioitems DIV.cur').css('left','0px');
         $('.portfolioitems DIV.cur').css('display','block');

         $('.next').click(function(){
             if ($(".portfolioitems DIV").index($(".portfolioitems DIV.cur"))!=$(".portfolioitems DIV").index($(".portfolioitems DIV:last"))) {
                 var current = $('.portfolioitems DIV.cur');
                 current.prev().css('display','none');
                 current.next().css('display','block');
                 current.next().css('left','777px');

                 current.animate({"left": "-=777px"}, "slow");
                 current.next().animate({"left": "0"}, "slow");
                 current.removeClass('cur');
                 current.next().addClass('cur');
             }
             return false;
        });
        $('.prev').click(function(){
            if ($(".portfolioitems DIV").index($(".portfolioitems DIV.cur"))!=$(".portfolioitems DIV").index($(".portfolioitems DIV:first"))) {
                var current = $('.portfolioitems DIV.cur');
                current.next().css('display','none');
                current.prev().css('display','block');
                current.prev().css('left','-777px');
                current.animate({"left": "+=777px"}, "slow");
                current.prev().animate({"left": "0px"}, "slow");
                current.removeClass('cur');
                current.prev().addClass('cur');
            }
            return false;
        });
     }
});