jQuery(document).ready(function()
{

/**
 *  SLIDER
 **/

    $columnOne = $("#columnOne");
    $frame = $("#galleryFrame");



    $(".next").click(function(e){

        if($columnOne.hasClass("outside"))
            {
               playNext();
            }
            else
                {
                    $columnOne.addClass("outside");
                    //$columnOne.animate({left:"-305px"},500);
                    $frame.animate({width:"503px"},600,"easeInOutQuint");
                    $columnOne.delay(605).fadeOut(0);
                    e.stopImmediatePropagation();
                }
        showHide();
        e.preventDefault();
    });
    $(".prev").click(function(e){

        if(position<0)
            {
               playPrev();
            }
            else
                {
                    $columnOne.removeClass("outside");
                    //$columnOne.animate({left:"0px"},500);
                    
                    $frame.animate({width:"251px"},700,"easeOutQuint");
                    $columnOne.delay(0).fadeIn(0);
                    e.stopImmediatePropagation();
                }
        showHide();
        e.preventDefault();
    });
    
    function showHide(){
        if($columnOne.hasClass("outside"))
                $(".prev").show();
            else
                $(".prev").hide();
        if( widthSlider + position>oneSlideWidth || ( !$columnOne.hasClass("outside") && $slider.find("img").length ))
                $(".next").show();
            else
                $(".next").hide();
    }
    
    $slider = $(".slides_container");
    //console.log( $slider.width() );
   // console.log( $(".slides_container img").length );

    var oneSlideWidth = $slider.width();
    var widthSlider = oneSlideWidth * $(".slides_container img").length;
   // $slider.css("width", widthSlider+"px");
    var indexNr = 0;
    var position = 0;

    function playNext(){
        position -= oneSlideWidth;
        //$slider.animate({marginLeft:(position)+"px"},500);
            $slider.find("img:eq("+ indexNr +")").fadeOut();//.next().fadeIn("slow");
            indexNr++;
            $slider.find("img:eq("+ indexNr +")").fadeIn("slow");
        
    }
    function playPrev(){
        position += oneSlideWidth;
       // $slider.animate({marginLeft:(position)+"px"},500);
        $slider.find("img:eq("+ indexNr +")").fadeOut();//.prev().fadeIn("slow");
        indexNr--;
        $slider.find("img:eq("+ indexNr +")").fadeIn("slow");
        
    }
    
    showHide();
    
     $slider.find("img").hide().filter("img:first").fadeIn("slow");







/**
 * ARTICLE SLIDE DOWN / UP
 */
          $article =  $("#article");
          $top = $(".top-hand");
          $down = $(".down-hand");
          $scrollContent = $("#scrollContent");
          var mTop = 0;

               // console.log( $article.height() );
               // console.log( $article.innerHeight() );
              // alert( $article.height()+ " > "+$scrollContent.height() );
               //$top.hide(); 
                showHideTopDown();
                
                $top.click(
                function (e)
                {
                    e.preventDefault();
                    if(mTop >= 0) return false;
                    
                    mTop += $article.height();
                    //$article.animate({scrollTop: ($scrollContent.outerHeight()-$article.height()+2)+"px"},500);
                    $scrollContent.animate({marginTop: (mTop-2)+"px"},500);
                   // $topdown.animate({backgroundPosition:"0px -52px"},500,"easeInOutQuint");
                    showHideTopDown();
                });
                
                $down.click(
                function (e)
                {
                    e.preventDefault();
                    if( mTop <= -($scrollContent.height()-$article.height()-5) ) return false;
                    
                     mTop -= $article.height();
                    //$article.animate({scrollTop:"0px"},500);
                    $scrollContent.animate({marginTop: mTop+"px"},500);
                   // $topdown.animate({backgroundPosition:"0px 0px"},500,"easeInOutQuint");

                    //console.log( mTop );
                    showHideTopDown();
                });  
                    
            /**
             * show & hide scroll buttons
             */
            function showHideTopDown()
            {
                if( $article.height() > $scrollContent.height()-2){
                   $down.hide(); $top.hide();
                } 
                
                if( mTop >= 0 )
                    {
                        $top.hide();
                    }
                    else
                        {
                            $top.show();
                        }
                        
                if( mTop <= -($scrollContent.height()-$article.height()-5) )
                    {
                        $down.hide();
                    }
                    else
                        {
                            $down.show();
                        }
            }
     
     
     //console.log($.browser);
     if($.browser.opera)
         {
             $("#menu a").css({paddingTop:"8px"});
         }

});