function move(photoInfo, arrayOfPhotoIds, arrayOfHomeWorkIds, pageSize, tdId, offsetName, isRight, courseID, sortType, pageNumber){
    var td = $(tdId);
    var currentOffset = eval(offsetName);
    var html = "";
    var count = 0;
    var uniqueString = offsetName.substr(9);
    var leftButton = document.getElementById("lftBtn"+uniqueString);    
    var rightButton = document.getElementById("rhtBtn"+uniqueString);
    if (isRight){
        if (currentOffset + pageSize >= arrayOfPhotoIds.length) {                        
            return;
        }
        currentOffset += pageSize;
        count = pageSize + currentOffset;
        leftButton.disabled = false;
        if(count >= arrayOfPhotoIds.length)
            rightButton.disabled = true;
    }
    else {
        if(currentOffset == 0) { return; }
        rightButton.disabled = false;
        count = currentOffset;
        if (count < pageSize){
            count = pageSize;
        }
        currentOffset -= pageSize;
        if (currentOffset < 0){
            currentOffset = 0;
        }
        if(currentOffset == 0) { leftButton.disabled = true; }
    }
    count = (count <= arrayOfPhotoIds.length) ? count : arrayOfPhotoIds.length;
    //alert("Count=" + count + ", offset=" + currentOffset)
    if(isCritiqueView) {
        for (var i = currentOffset ; i < count; ++i ) {
            html = html + "<div class='floatLeft'><a target='_blank' href='http://" + webServer + "common/PhotoFetch.ashx?PhotoId=" + arrayOfPhotoIds[i] + "&Size=2' >" +
                    "<img alt='Image' class='critiqueImage' src='" + photoUrl + arrayOfPhotoIds[i] + "' /></a>"
                    + "<br/>" + photoInfo[arrayOfPhotoIds[i]][3]
                    + "<br/>&copy; " + photoInfo[arrayOfPhotoIds[i]][4]
                    + "<br/>" + photoInfo[arrayOfPhotoIds[i]][1] + " Pic " + photoInfo[arrayOfPhotoIds[i]][2]
                    + "<br> <input type='checkbox' name='grp[]' value='" + arrayOfPhotoIds[i] + "'/> group"
                    + "</div>";
        }    
    }
    else {
        for (var i = currentOffset ; i < count; ++i ) {
            html = html + "<div class='floatLeft'><a href='http://" + webServer + "instructor/Critique.aspx?HomeworkId=" + arrayOfHomeWorkIds[i] + "&courseID=" + courseID + "&sortType=" + sortType + "&pageNumber=" + pageNumber + "' >" +
                    "<img alt='Image' class='critiqueImage' src='" + photoUrl + arrayOfPhotoIds[i] + "' /></a>"
                    + "<br/>" + photoInfo[arrayOfPhotoIds[i]][3]
                    + "<br/>&copy; " + photoInfo[arrayOfPhotoIds[i]][4]
                    + "<br/>" + photoInfo[arrayOfPhotoIds[i]][1] + " Pic " + photoInfo[arrayOfPhotoIds[i]][2]
                    + "</div>";
        }
    }
    if (html != "") {
        td.innerHTML = html;
    }
    eval(offsetName + " = " + currentOffset );
}

// ��������� �������.
function ShowUnavailableAlert(item) {
    alert(item.Text + " will be available on " + item.Value);
}

var popUp;

function SetControlValue(controlID, newDate, isPostBack)
{
    popUp.close();
    document.forms[0].elements[controlID].value=newDate;
    __doPostBack(controlID,'');
}

function OpenPopupPage (pageUrl, controlID, isPostBack)
{

    pageUrl = 'http://' + webServer + '/' + pageUrl;
    popUp=window.open(pageUrl+'?controlID='+controlID+'&isPostBack='+ isPostBack,'popupcal', 'width=250,height=300,left=200,top=250'); 
}

function ShowImage(imageId)
{
    var img = document.getElementById("ctl00_mainContent_imgExample");
    img.src = "http://" + webServer + "/common/ImageFetch.ashx?Size=1&ImageId=" + imageId;
}

PositionX = 50;
PositionY = 50;

// Set these value approximately 20 pixels greater than the
// size of the largest image to be used (needed for Netscape)

defaultWidth  = 820;
defaultHeight = 820;

// Set autoclose true to have the window close automatically
// Set autoclose false to allow multiple popup windows

var AutoClose = true;

// Do not edit below this line...
// ================================
if (parseInt(navigator.appVersion.charAt(0))>=4){
var isNN=(navigator.appName=="Netscape")?1:0;
var isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}
var optNN='scrollbars=no,width='+defaultWidth+',height='+defaultHeight+',left='+PositionX+',top='+PositionY;
var optIE='scrollbars=no,width=150,height=100,left='+PositionX+',top='+PositionY;
function popImage(imageURL,imageTitle){
if (isNN){imgWin=window.open('about:blank','',optNN);}
if (isIE){imgWin=window.open('about:blank','',optIE);}
with (imgWin.document){
writeln('<html><head><title>Loading...</title><style>body{margin:0px;}</style>');writeln('<sc'+'ript>');
writeln('var isNN,isIE;');writeln('if (parseInt(navigator.appVersion.charAt(0))>=4){');
writeln('isNN=(navigator.appName=="Netscape")?1:0;');writeln('isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}');
writeln('function reSizeToImage(){');writeln('if (isIE){');writeln('window.resizeTo(100,100);');
writeln('width=250-(document.body.clientWidth-document.images[0].width);');
writeln('height=100-(document.body.clientHeight-document.images[0].height);');
writeln('window.resizeTo(width,height);}');writeln('if (isNN){');       
writeln('window.innerWidth=document.images["George"].width;');writeln('window.innerHeight=document.images["George"].height;}}');
writeln('function doTitle(){document.title="'+imageTitle+'";}');writeln('</sc'+'ript>');
if (!AutoClose) writeln('</head><body bgcolor=000000 scroll="no" onload="reSizeToImage();doTitle();self.focus()">')
else writeln('</head><body bgcolor=000000 scroll="no" onload="reSizeToImage();doTitle();self.focus()" onblur="self.close()">');
writeln('<img name="George" src='+imageURL+' style="display:block"></body></html>');
close();    
}}


function printable(linkto) {
  var head = document.getElementsByTagName("head")[0];
  var links = head.getElementsByTagName('link');
  var printMode;
  var print_file_css="print.css";
  if (linkto.innerHTML.toLowerCase().indexOf('print') >= 0) {
    linkto.innerHTML = "Screen Version";
    printMode = false;
  }
  else {
    linkto.innerHTML = "Printable Version";
    printMode = true;
  }
  var path = "";
  var link;
  for (var i = 0; i < links.length; ++i) {
    link = links[i];
    if (link.rel == 'stylesheet' && link.type == 'text/css') {
      if (link.href.indexOf(print_file_css) >= 0) {
        path = link.href.substring(0, link.href.indexOf(print_file_css));
        link.parentNode.removeChild(link);
      }
    }
  }
  link = document.createElement("link");
  link.setAttribute('href', path + print_file_css);
  link.setAttribute('rel', 'stylesheet');
  link.setAttribute("type", "text/css");
  if (printMode) {
    link.setAttribute("media", "print");
  }
  head.appendChild(link);
  return false;
}   

function OnGroupCritiqueClick(checkbox) {
  var form = checkbox.form;
  var somethingChecked = false;
  for (var i = 0; i < form.elements.length; ++i) {
    var element = form.elements[i];
    if (element.name == checkbox.name) {
      if (element.checked) {
        somethingChecked = true;
        break;
      }
    }   
  }
  if(somethingChecked)
    OnAnyChecked(checkbox);
  else
    OnNoChecked();
}