﻿function makePOSTRequest(url, parameters, type) 
{

  http_request = false;
  if (window.XMLHttpRequest) { //Mozilla,Safari,...
	 http_request = new XMLHttpRequest();
	 if (http_request.overrideMimeType) {
		http_request.overrideMimeType('text/html');
	 }
  } 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) {
		 return false;
  }
 
  
  switch(type)
  {
     case "1":http_request.onreadystatechange = displaymainImage;
              break;
  }  
     

  http_request.open('POST', url, true);
  http_request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  http_request.setRequestHeader("Content-length", parameters.length);
  http_request.setRequestHeader("Connection", "close");
  http_request.send(parameters);
  
  }
  
  
  function Image_main(hid,cid,Rowid,totalcount)
  {   
    var poststr="";    
    for (i=1; i <=totalcount; i++) 
    {    
        if(((i == 1)||(i%11==0))&&(Rowid==i)) 
        {                     
            document.getElementById("TIMAGE"+ i).className = " floatlt ";
               document.getElementById("TIMAGE"+ i).style.filter="";
             document.getElementById("TIMAGE"+ i).style.opacity="";
            }
        else if(((i == 1)||(i%11==0))&&(Rowid!=i))
        {  
            document.getElementById("TIMAGE"+ i).className = " floatlt "; 
             document.getElementById("TIMAGE"+ i).style.filter="alpha(opacity=70)";
             document.getElementById("TIMAGE"+ i).style.opacity="0.6";  
            }       
        else if (Rowid!=i)
        {
            document.getElementById("TIMAGE"+ i).className = "floatlt martop3 ";
             document.getElementById("TIMAGE"+ i).style.filter="alpha(opacity=70)";
             document.getElementById("TIMAGE"+ i).style.opacity="0.6";
            }
        else
        {
            document.getElementById("TIMAGE"+ i).className = "floatlt martop3";
             document.getElementById("TIMAGE"+ i).style.filter="";
             document.getElementById("TIMAGE"+ i).style.opacity="";
            }
           
//            document.getElementById("TIMAGE"+ i).style.filter="alpha(opacity=70)";  
//       document.getElementById("TIMAGE"+ i).style.opacity="0.6";  
    }
   poststr=poststr+"HID="+hid +"&cid="+cid +"&type=LImage&Rowid="+Rowid +"&totalcount="+ totalcount;       
   makePOSTRequest('/AjaxPhotoGallery.aspx', poststr, "1");  
  }
  
  
  function displaymainImage()
  {
     if (http_request.readyState == 4)
     {
	     if (http_request.status == 200)
	      {
		    result = http_request.responseText;		
		    var res_split = result.split("~~~");  
		    document.getElementById("divmainImage").innerHTML = res_split[0];		  
		    document.getElementById("divphotoheader").innerHTML=res_split[1];  
		    document.getElementById("divpaging").innerHTML=res_split[2];  
	      }	      
	 }
  }
  
  
  function selectDropdown()
{
     
     $(document).ready(function() {

    $(".dropdown dt a").click(function() {
    $(".dropdown dd ul").toggle();
    });

    $(".dropdown dd ul li a").click(function() {
    var text = $(this).html();
    $(".dropdown dt a span").html(text);
    $(".dropdown dd ul").hide();
    //$("#result").html("Selected value is: " + getSelectedValue("sample"));
    });

    function getSelectedValue(id) 
    {
    return $("#" + id).find("dt a span.value").html();
    }

    $(document).bind('click', function(e) {
    var $clicked = $(e.target);
    if (! $clicked.parents().hasClass("dropdown"))
    $(".dropdown dd ul").hide();
    });
    });
}
  
