﻿function popup(url) {
  newwindow = window.open(url, "Gallery", "location = 1, status = 0, height = 450, width = 460, resizable = 0");
  if (window.focus) {
    newwindow.focus()
  }
  return false;

}

function changeRating(event) {
  var rating = 1;
  
  var  x = 0;
  
  if(event.layerX) {
    x = event.layerX - 545;
  } else {
    x = event.x - 545;
  }
  
  if(x > 1*(17+4)) rating = 2;
  if(x > 2*(17+4)) rating = 3;
  if(x > 3*(17+4)) rating = 4;
  if(x > 4*(17+4)) rating = 5;
  
  document.getElementById("ratingValue").value = rating;
  
  //document.getElementById("commentFormName").value = event.layerX;
  
  document.getElementById("ratingPic").src = "/content/s3/images/stars/" + rating + ".gif"
}

function loadComments() {

  var xmlUrl = "/asp/getcomments.asp?picid=" + $('#pictureId').attr('value');

     $.ajax({
       type: "GET",
       url: xmlUrl,
       dataType: "xml",
       success: function(xml) {
       
         var commentCount = 0;
       
         $(xml).find('comment').each(function(){
           var datetime = $(this).attr('datetime');
           var name = $(this).attr('name');
           var text = $(this).text();
           
           if(commentCount > 0) {
              $('<img alt="" src="/content/s3/images/page/comment-line.gif"/>').appendTo('#commentContainer');
           }
           $('<div><span class="float-left"><strong>Comment by '+name +'</strong></span><span class="float-right">'+datetime+'</span><p>'+text+'</p></div>').appendTo('#commentContainer');
           
           commentCount++;
           
         }); //close each(
       }
     }); //close $.ajax(

}

function loadRating() {

  var xmlUrl = "/asp/getrating.asp?picid=" + $('#pictureId').attr('value') + "&rand=" + Math.random()+9999;

     $.ajax({
       type: "GET",
       cache: false,
       url: xmlUrl,
       dataType: "xml",
       success: function(xml) {
       
         $(xml).find('pic_rating').each(function(){
           var rating = $(this).text();
           
           $("#ratingPic").attr("src","/content/s3/images/stars/"+Math.round(rating)+".gif");
           
         }); //close each(
       }
     }); //close $.ajax(

}

function validateComment() {

  var returnValue = true;

  if($("#commentFormName").attr("value") == "") {
    $("#commentFormName").css("borderColor","red");
    returnValue = false;
  } else {
    $("#commentFormName").css("borderColor","#A6C2DB");
  }
  
  if($("#commentFormText").attr("value") == "") {
    $("#commentFormText").css("borderColor","red");
    returnValue = false;
  } else {
    $("#commentFormText").css("borderColor","#A6C2DB");
  }
  
  return returnValue ;
}

function validateSend() {

  var returnValue = true;

  if($("#sendName").attr("value") == "") {
    $("#sendName").css("border","1px solid red");
    returnValue = false;
  } else {
    $("#sendName").css("border","1px solid #969696");
  }
  
  if($("#sendEmail").attr("value") == "") {
    $("#sendEmail").css("border","1px solid red");
    returnValue = false;
  } else {
    $("#sendEmail").css("border","1px solid #969696");
  }
  
  if($("#sendFriendName").attr("value") == "") {
    $("#sendFriendName").css("border","1px solid red");
    returnValue = false;
  } else {
    $("#sendFriendName").css("border","1px solid #969696");
  }
  
  if($("#sendFriendEmail").attr("value") == "") {
    $("#sendFriendEmail").css("border","1px solid red");
    returnValue = false;
  } else {
    $("#sendFriendEmail").css("border","1px solid #969696");
  }
  
  return returnValue ;
}