var username = document.getElementById('the_username').value;
var filename = document.getElementById('the_filename').value;
var comment = document.getElementById('the_comment').value;

var http_request;
var filename;
var no_of_comments;
function make_xml_req(str1, str2) {
      http_request = false;

      filename = str1;
      no_of_comments = str2;

      if (window.XMLHttpRequest) { // Mozilla, Safari,...
         http_request = new XMLHttpRequest();
         if (http_request.overrideMimeType) {
            http_request.overrideMimeType('text/xml');
         }
      } else if (window.ActiveXObject) { // IE
         try {
            http_request = new ActiveXObject("Msxml2.XMLHTTP");
         } catch (e) {
            try {
               http_request = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e) {}
         }
      }
      if (!http_request) {
         alert('Cannot create XMLHTTP instance');
         return false;
      }
      http_request.onreadystatechange = alertContents;
      http_request.open('GET','./getComment.php?filename=' + str1 , true);
      http_request.send(null);

}

function alertContents(){
if (http_request.readyState == 4) {
         if (http_request.status == 200) {

            var xmldoc = http_request.responseXML;
            var root = xmldoc.getElementsByTagName('root').item(0);

 	    var final_html = "";
            for (var iNode = 0; iNode < root.childNodes.length; iNode++) {
               var node = root.childNodes.item(iNode);
               for (i = 0; i < node.childNodes.length; i++) {
                  var sibl = node.childNodes.item(i);
                  var len = parseInt(sibl.childNodes.length / 2);
                  var arr = new Array(len);
                  var cnt = 0;
                  final_html += "<table id='curve' width='525' border='0' cellspacing='5' bgcolor='#CCCCFF' style='margin-top:05px;'>";
                  for (x = 0; x < sibl.childNodes.length; x++) {
		     
		     	var sibl2 = sibl.childNodes.item(x);
	                     var sibl3;
	                     sibl3 = sibl2.childNodes.item(0);
			     if (x == 0) {
			     	final_html += "<tr>";
				final_html += "<td valign='middle'>";
			        final_html += "<font face='Antiqua' size='2' color='330099'>By ";
				final_html += sibl3.data;
				final_html += "</font>&nbsp;&nbsp;&nbsp;";
			     } else if (x == 1) {
				final_html += "<font face='Antiqua' size='2' color='666699'>On ";
				final_html += sibl3.data;
				final_html += "</font>";
				final_html += "</td></tr>";
			     } else if (x == 2) {
				final_html += "<tr>";
				final_html += "<td valign='middle'>";
				final_html += "<font face='Antiqua' size='3' color='black'>";
				final_html += sibl3.data;
				final_html += "</font>";
				final_html += "</td></tr>";
			     }
                  }
		 final_html += "</table>";
               }
             }
		document.getElementById('ajx_comment').innerHTML = final_html;
		document.getElementById('comment_link').innerHTML = "<a  href=\"#\" onClick=\"javascript:showZik('" + filename +"', 'reduce', '"+ no_of_comments+"');\"><font color=\"red\" size=\"4\" face=\"Times Roman\" >-Comments"+no_of_comments+"</font></a>";
	  	//self.scrollTo(0,150);
		//window.scrollBy(0,150);
		location.href = "#comment_goto";
           } else {
            	alert('There was a problem with the request.  '+ http_request.responseXML);
           }
      }
}

function showZik(str1, str2, str3) {
        if (str2 == "expand") {
		make_xml_req(str1,str3);
		document.getElementById('ajx_comment').innerHTML = "Loading....";
	} else if (str2 == "reduce") {
		document.getElementById('ajx_comment').innerHTML = "";
                document.getElementById('comment_link').innerHTML = "<a  href=\"#\" onClick=\"javascript:showZik('" + str1 +"', 'expand', '"+str3+"');\"><font color=\"red\" face=\"Times Roman\" Size=\"4\">+Comments"+str3+"</font></a>";
	} else {
		alert("Error...");	 
	}
}

var tagfilename;
var tagname;

function addTag(filename){
	tagfilename = filename;
	document.getElementById('tags').innerHTML = "<div id=\"tag__\"> <font face=\"Times Roman\" size=\"2\">Enter tags:</font> <input id=\"tag_name\" type=\"text\" name=\"tag_names\"/> <input type=\"button\" value=\"Add\" onClick=\"javascript:add_Tag('"+filename+"')\"/>";
}

function add_Tag(filename) {

var tag_name = document.getElementById('tag_name').value;
var xmlhttp;

if (window.XMLHttpRequest)
  {
  // code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else if (window.ActiveXObject)
  {
  // code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
else
  {
  alert("Your browser does not support XMLHTTP!");
  }

xmlhttp.onreadystatechange=function()
{
if(xmlhttp.readyState==4)
  {
        displayTags(filename);
	document.getElementById('tags').innerHTML = "<a href=\"#\" onClick=\"javascript:addTag('"+filename+"')\"><font face=\"Times Roman\" size=\"2\">Tags</font></a>";
  }
}

xmlhttp.open("GET","addTags.php?filename="+filename+"&tags="+tag_name,true);
xmlhttp.send(null);

}

function displayTags(filename) {
var xmlhttp;
if (window.XMLHttpRequest)
  {
  // code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else if (window.ActiveXObject)
  {
  // code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
else
  {
  alert("Your browser does not support XMLHTTP!");
  }
xmlhttp.onreadystatechange=function()
{
if(xmlhttp.readyState==4)
  {
        document.getElementById('tags').innerHTML = "<a href=\"#\" onClick=\"javascript:addTag('"+filename+"')\"><font size=\"2\">Tags</font></a><font size=\"2\">: " + xmlhttp.responseText + "</font>";
  }
}
xmlhttp.open("GET","getTags.php?filename="+filename,true);
xmlhttp.send(null);
}


function addToFavourite(str1,str2,str3) {
	 var xmlhttp;
if (window.XMLHttpRequest)
  {
  // code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else if (window.ActiveXObject)
  {
  // code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
else
  {
  alert("Your browser does not support XMLHTTP!");
  }
xmlhttp.onreadystatechange=function()
{
if(xmlhttp.readyState==4)
  {
    if (xmlhttp.responseText == "AddSuccess") {
        document.getElementById('ajx').innerHTML = "<a href=\"#\" onClick=\"javascript:addToFavourite('"+ str1 +"','"+ str2 +"','remove')\" ><font face=\"Times Roman\" size=\"3\" color=\"red\">-Favourites</font></a>";
    }else if (xmlhttp.responseText == "RemoveSuccess"){
        document.getElementById('ajx').innerHTML = "<a href=\"#\" onClick=\"javascript:addToFavourite('"+ str1 +"','"+ str2 +"','add')\" ><font face=\"Times Roman\" Size=\"3\" color=\"red\">+Favourites</font></a>";
    }else {
        showZik(str1,'expand',str2);
    }
     
  }
}
if (str3 == "add"){

xmlhttp.open("GET","addToFav.php?userid="+str1 +"&picid="+str2,true);
document.getElementById('ajx').innerHTML = "Adding....";
} else if (str3 == "remove") {
xmlhttp.open("GET","delFav.php?userid="+str1 +"&picid="+str2,true);
document.getElementById('ajx').innerHTML = "Removing....";
} else if (str3 == "comment") {
var username = document.getElementById('the_username').value;
var filename = document.getElementById('the_filename').value;
var comment = document.getElementById('the_comment').value;

xmlhttp.open("GET", "addComment.php?comments="+comment+"&filename="+filename+"&username="+username,true);
}
xmlhttp.send(null);
}

function dummySearch(query){

document.getElementById('searchtext').value = query;

fuckTheSearch();

}
var http_req;

function fuckTheSearch() {

if (window.XMLHttpRequest)
  {
  // code for IE7+, Firefox, Chrome, Opera, Safari
  http_req=new XMLHttpRequest();
  }
else if (window.ActiveXObject)
  {
  // code for IE6, IE5
  http_req=new ActiveXObject("Microsoft.XMLHTTP");
  }
else
  {
  alert("Your browser does not support XMLHTTP!");
  }


http_req.onreadystatechange=searchContents;
var searchText = document.getElementById('searchtext').value;
http_req.open("GET","searchPic.php?searchtext="+searchText,true);

http_req.send(null);
document.getElementById('thumbs').innerHTML = "<img src=\"loader.gif\" />";
}

function searchContents()
{
if (http_req.readyState == 4) {
         if (http_req.status == 200) {
document.getElementById('zik').innerHTML = http_req.responseText;

$('div.navigation').css({'width' : '300px', 'float' : 'left'});
                        $('div.content').css('display', 'block');

                        // Initially set opacity on thumbs and add
                        // additional styling for hover effect on thumbs
                        var onMouseOutOpacity = 0.67;
                        $('#thumbs ul.thumbs li').css('opacity', onMouseOutOpacity)
                                .hover(
                                        function () {
                                                $(this).not('.selected').fadeTo('fast', 1.0);
                                        },
                                        function () {
                                                $(this).not('.selected').fadeTo('fast', onMouseOutOpacity);
                                        }
                                );

                        $(document).ready(function() {
                                // Initialize Advanced Galleriffic Gallery
                                var galleryAdv = $('#gallery').galleriffic('#thumbs', {
                                        delay:                  2000,
                                        numThumbs:              18,
                                        preloadAhead:           10,
                                        enableTopPager:         true,
                                        enableBottomPager:      true,
                                        imageContainerSel:      '#slideshow',
                                        controlsContainerSel:   '#controls',
                                        captionContainerSel:    '#caption',
                                        loadingContainerSel:    '#loading',
                                        renderSSControls:       true,
                                        renderNavControls:      true,
                                        playLinkText:           'Play Slideshow',
                                        pauseLinkText:          'Pause Slideshow',
                                        prevLinkText:           '&lsaquo; Previous',
                                        nextLinkText:           'Next &rsaquo;',
                                        nextPageLinkText:       'Next &rsaquo;',
                                        prevPageLinkText:       '&lsaquo; Prev',
                                        enableHistory:          true,
                                        autoStart:              false,
                                        onChange:               function(prevIndex, nextIndex) {
                                                $('#thumbs ul.thumbs').children()
                                                        .eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
                                                        .eq(nextIndex).fadeTo('fast', 1.0);
                                        },
                                        onTransitionOut:        function(callback) {
                                                $('#caption').fadeOut('fast');
                                                $('#slideshow').fadeOut('fast', callback);
                                        },
                                        onTransitionIn:         function() {
                                                $('#slideshow, #caption').fadeIn('fast');

                                        },
                                        onPageTransitionOut:    function(callback) {
                                                $('#thumbs ul.thumbs').fadeOut('fast', callback);
                                        },
                                        onPageTransitionIn:     function() {
                                                $('#thumbs ul.thumbs').fadeIn('fast');
                                        }
                                });
                        });

//location.reload(true);

}
}

}

function shareThis() {



}

function showAlert() {
        var country = "Fiji";
        var city = "Suva";
        alert('The city of ' + city + ' is located in ' + country + '.');
}