//clear Search Text
function clearText(field){
		if (field.defaultValue == field.value) field.value = '';
		else if (field.value == '') field.value = field.defaultValue;
}

$('#inline, #modalTrigger').fancybox({
	});

$('#trigger').fancybox();
	
	$('#submit, #close').click(function(){
		$.fancybox.close();
	});

//$(document).pngFix();
$('#people li').hover(function(){
					 $('#people li span').hide();		
			     $('#people li').each(function(){
			         $(this).removeClass('selected');   
			     });					
			     $(this).addClass('selected');					 
					 stuName = $('#people li.selected a').attr('name');
					 stuTxt = $('#people li.selected a').attr('title');
					 stuLoc = $('#people li.selected a').attr('rel');
					 stuLink = $('#people li.selected a').attr('href');
					 $(this).append('<span><strong>' + stuName + '</strong>' + stuTxt + '<strong class="loc">' + stuLoc + '</strong></span>');					 
			  });
			  
			  var currSelected = 0;
				var stuName = $('#people li.selected a').attr('name');
				var stuTxt = $('#people li.selected a').attr('title');
				var stuLoc = $('#people li.selected a').attr('rel');
				var stuLink = $('#people li.selected a').attr('href');
				
			  var max = $('#people li').length;
			  
			  $('#left_scroll').click(function(){
					 	 
			  })
			  
			  $('#right_scroll').click(function(){
					 
			  });

//options( 1 - ON , 0 - OFF)
        var auto_slide = 1;
        var hover_pause = 1;
        var key_slide = 1;

        //speed of auto slide(
        var auto_slide_seconds = 5000;
        /* IMPORTANT: i know the variable is called ...seconds but it's
        in milliseconds ( multiplied with 1000) '*/

        /*move the last list item before the first item. The purpose of this is
        if the user clicks to slide left he will be able to see the last item.*/
        $('#carousel_ul li:first').before($('#carousel_ul li:last'));

        //check if auto sliding is enabled
        if(auto_slide == 1){
            /*set the interval (loop) to call function slide with option 'right'
            and set the interval time to the variable we declared previously */
            var timer = setInterval('slide("right")', auto_slide_seconds);

            /*and change the value of our hidden field that hold info about
            the interval, setting it to the number of milliseconds we declared previously*/
            $('#hidden_auto_slide_seconds').val(auto_slide_seconds);
        }

        //check if hover pause is enabled
        if(hover_pause == 1){
            //when hovered over the list
            $('#carousel_ul').hover(function(){
                //stop the interval
                clearInterval(timer)
            },function(){
                //and when mouseout start it again
                timer = setInterval('slide("right")', auto_slide_seconds);
            });

        }

        //check if key sliding is enabled
        if(key_slide == 1){

            //binding keypress function
            $(document).bind('keypress', function(e) {
                //keyCode for left arrow is 37 and for right it's 39 '
                if(e.keyCode==37){
                        //initialize the slide to left function
                        slide('left');
                }else if(e.keyCode==39){
                        //initialize the slide to right function
                        slide('right');
                }
            });

        }
				$('#people li img').mouseover(function(){
	$(this).stop(false, true).fadeTo('normal', 0.5);
});
$('#people li img').mouseout(function(){
	$(this).stop(false, true).fadeTo('normal', 1.0);
});
$('#people li').click(function(){
		window.open(stuLink);
		return false;
});

$('#people li').mouseover(function(){
	$(this).css("background-image", "url(images/selected-hover.jpg)");																	 
});

$('#people li').mouseout(function(){
	$(this).css("background-image", "url(images/selected.jpg)");																	 
});


//FUNCTIONS BELLOW

//slide function
function slide(where){

            //get the item width
            var item_width = $('#carousel_ul li').outerWidth() + 24;

            /* using a if statement and the where variable check
            we will check where the user wants to slide (left or right)*/
            if(where == 'left'){
								$('#people li span').remove();
			     $('#people li').each(function(index){  
			         if($(this).is('.selected'))
			         {			             
			             currSelected = index - 1;
			             $(this).removeClass('selected');									
			             return false;			             
			         }	         		            
			     });
					 
			     if(currSelected <= -1)
                 {
                   currSelected = max - 1;
                   $('#people li').eq(currSelected).addClass('selected');
									 stuName = $('#people li.selected a').attr('name');
					 	 			 stuTxt = $('#people li.selected a').attr('title');
					 	 			 stuLoc = $('#people li.selected a').attr('rel');
									 $('#people li').eq(currSelected).append('<span><strong>' + stuName + '</strong>' + stuTxt + '<strong class="loc">' + stuLoc + '</strong></span>');
                 }else{
			       $('#people li').eq(currSelected).addClass('selected');
						 stuName = $('#people li.selected a').attr('name');
					 	 stuTxt = $('#people li.selected a').attr('title');
					 	 stuLoc = $('#people li.selected a').attr('rel');
						 $('#people li').eq(currSelected).append('<span><strong>' + stuName + '</strong>' + stuTxt + '<strong class="loc">' + stuLoc + '</strong></span>');
			     }		 				
                //...calculating the new left indent of the unordered list (ul) for left sliding
                var left_indent = parseInt($('#carousel_ul').css('left')) + item_width;
											
            }else{
							$('#people li span').remove();
			     $('#people li').each(function(index){
			         if($(this).is('.selected'))
			         {			             
			             currSelected = index + 1;
			             $(this).removeClass('selected');			             
			             return false;			             
			         }		         		            
			     });					
			     if(currSelected >= max)
                 {
                   currSelected = 0;
                   $('#people li').eq(currSelected).addClass('selected');
									 stuName = $('#people li.selected a').attr('name');
					 	 			 stuTxt = $('#people li.selected a').attr('title');
					 				 stuLoc = $('#people li.selected a').attr('rel');
									 $('#people li').eq(currSelected).append('<span><strong>' + stuName + '</strong>' + stuTxt + '<strong class="loc">' + stuLoc + '</strong></span>');
                 }else{
			       			$('#people li').eq(currSelected).addClass('selected');
									stuName = $('#people li.selected a').attr('name');
					 			  stuTxt = $('#people li.selected a').attr('title');
					 				stuLoc = $('#people li.selected a').attr('rel');
						 			$('#people li').eq(currSelected).append('<span><strong>' + stuName + '</strong>' + stuTxt + '<strong class="loc">' + stuLoc + '</strong></span>');
			     				}
                //...calculating the new left indent of the unordered list (ul) for right sliding
                var left_indent = parseInt($('#carousel_ul').css('left')) - item_width;
            }

            //make the sliding effect using jQuery's animate function... '
            $('#carousel_ul:not(:animated)').animate({'left' : left_indent},250,function(){

                /* when the animation finishes use the if statement again, and make an ilussion
                of infinity by changing place of last or first item*/
                if(where == 'left'){
										
                    //...and if it slided to left we put the last item before the first item
                    $('#carousel_ul li:first').before($('#carousel_ul li:last'));
                }else{
										
                    //...and if it slided to right we put the first item after the last item
                    $('#carousel_ul li:last').after($('#carousel_ul li:first'));
                }

                //...and then just get back the default left indent
                $('#carousel_ul').css({'left' : '-86px'});
            });													
}

			$('.acc_container').hide(); //Hide/close all containers
			$('.acc_trigger:first').addClass('active').next().show(); //Add "active" class to first trigger, then show/open the immediate next container
	
			$('.acc_trigger').click(function(){
				if( $(this).next().is(':hidden') ) { //If immediate next container is closed...
					$('.acc_trigger').removeClass('active').next().slideUp(); //Remove all "active" state and slide up the immediate next container
					$(this).toggleClass('active').next().slideDown(); //Add "active" state to clicked trigger and slide down the immediate next container
				}
			return false; //Prevent the browser jump to the link anchor
			});
			
///FOR MODAL SELECT
 if (!$.browser.opera) {

        $('select.select').each(function(){
            var title = $(this).attr('title');
            if( $('option:selected', this).val() != ''  ) title = $('option:selected',this).text();
            $(this)
                .css({'z-index':10,'opacity':0,'-khtml-appearance':'none'})
                .after('<span class="select">' + title + '</span>')
                .change(function(){
                    val = $('option:selected',this).text();
                    $(this).next().text(val);
                    })
        });

    };