$(document).ready(function() {

/*enable corner box*/
$(".round-button").corner("5px");

$(".blueborder-corner> .inner").corner("round 8px").parent().css('padding', '2px').corner("round 10px");

$(".garyborder-corner> .inner").corner("round 8px").parent().css('padding', '2px').corner("round 10px");

$(".round-light").corner("5px top");

/*for  studycenter-selector*/
$("select#studycenter-selector").change( function() {
  window.open( this.value,"_blank");
});
$("select.friendlinks").change( function() {
  window.open( this.value,"_blank");
});
/*for sample jquery  tab view*/
        //rotate tab view by time
        rotatetabview = function(){
	        tabplay = setInterval(function(){
		        $activetab = $("#news > ul.tabs > li.active").next();
		        
		        if( $activetab.length === 0){//If tab reaches the end...
		        	$activetab = $("#news > ul.tabs > li").first();//go back to first
		        }
	    	    changetab($activetab);
	        }        
	        ,9000);//9 seconds
        }
        //rotatetabview();
        
        // When a link is clicked
       
        $("#news > ul.tabs > li > a").click(function(){
        	/*
        	var thistab = $(this).parent();
          	changetab(thistab);
           	clearInterval(tabplay);
			*/
          	return false;
          });
          
        function changetab(obj) {      
			//get current active tab
              var current_active = $("#news > ul.tabs > li.active").first();
             //hide current active            
             $(current_active.find("a").first().attr("href")).hide();
             //make active li none active
             current_active.removeClass("active");
             // switch this tab on
             $($(obj).find("a").first().attr("href")).show();
             $(obj).addClass("active");
        }
             
             
             
/*for slide*/
    //Set Default State of each portfolio piece

    $(".paging").show();

    $(".paging a:first").addClass("active");

        

    //Get size of images, how many there are, then determin the size of the image reel.

    var imageWidth = $(".window").width();

    var imageSum = $(".image_reel img").size();

    var imageReelWidth = imageWidth * imageSum;

    

    //Adjust the image reel to its new size

    $(".image_reel").css({'width' : imageReelWidth});

    

    //Paging + Slider Function

    rotate = function(){    

        var triggerID = $active.attr("rel") - 1; //Get number of times to slide

        var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide



        $(".paging a").removeClass('active'); //Remove all active class

        $active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)

        

        //Slider Animation

        $(".image_reel").animate({ 

            left: -image_reelPosition

        }, 500 );

        

    }; 

    

    //Rotation + Timing Event

    rotateSwitch = function(){      

        play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds

            $active = $('.paging a.active').next();

            if ( $active.length === 0) { //If paging reaches the end...

                $active = $('.paging a:first'); //go back to first

            }

            rotate(); //Trigger the paging and slider function

        }, 7000); //Timer speed in milliseconds (7 seconds)

    };

    

    rotateSwitch(); //Run function on launch

    

    //On Hover

    $(".image_reel a").hover(function() {

        clearInterval(play); //Stop the rotation

    }, function() {

        rotateSwitch(); //Resume rotation

    }); 

    

    //On Click

    $(".paging a").click(function() {   

        $active = $(this); //Activate the clicked paging

        //Reset Timer

        clearInterval(play); //Stop the rotation

        rotate(); //Trigger rotation immediately

        rotateSwitch(); // Resume rotation

        return false; //Prevent browser jump to link anchor

    }); 

		    
			
			$(function(){
		     var len = $("#idNum > li").length;
		var index = 0;
		$("#idNum li").mouseover(function(){
		   index =   $("#idNum li").index(this);
		   showImg(index);
		}); 
		$('#idTransformView').hover(function(){
		     if(MyTime){
		     clearInterval(MyTime);
		     }
		},function(){
		     MyTime = setInterval(function(){
		       showImg(index)
		     index++;
		     if(index==len){index=0;}
		     } , 4000);
		});
		var MyTime = setInterval(function(){
		   showImg(index)
		   index++;
		   if(index==len){index=0;}
		} , 4000);
		})
		function showImg(i){
		   $("#idSlider").stop(true,false).animate({top : -150*i},800);
		   $("#idNum li")
		    .eq(i).addClass("on")
		    .siblings().removeClass("on");
		}



});