// JavaScript Document

var ig_winopened = false;

function ig_openWindow(url,winName, myWidth, myHeight)
{
	if(screen.width){
		if(myWidth > screen.width){
			myHeight = Math.round(myHeight*(screen.width/myWidth));
			myWidth = screen.width;
		}
		if(myHeight > screen.height){
			myWidth = Math.round(myWidth*(screen.height/myHeight));
			myHeight = screen.height;
		}
		var myLeft = (screen.width-myWidth)/2;
		var myTop = (screen.height-myHeight)/2;
	}
	
	url += "&w="+myWidth+"&h="+myHeight;
	
	features=',left='+myLeft+',top='+myTop;
	features+=',scrollbars=yes';
	winopened = window.open(url,winName,features+',width='+myWidth+',height='+myHeight);
	winopened.focus();
}

function ig_changePic(i)
{
	if(!ig_imgs[i])
		return;
	
	var name = ig_imgs[i].name;
	var tsrc = ig_imgs[i].tsrc;
	var osrc = ig_imgs[i].osrc;
	var desc = ig_imgs[i].desc;
	var id = ig_imgs[i].id;
	var w = ig_imgs[i].w;
	var h = ig_imgs[i].h;
	
	var src = ig_doc_root+"image.php?name="+name+"&img="+osrc;
	var onclk = "javascript:ig_openWindow('"+src+"','igpopup', "+w+", "+h+");";
	
	if(document.getElementById)
	{
		//document.getElementById("igPicLink").setAttribute("onclick", onclk);
		document.getElementById("igPicLink").href=onclk;
		document.getElementById("igPic").src = tsrc;
		document.getElementById("igPic").alt = name;
		
		if(document.getElementById("igname"))
			document.getElementById("igname").value = name;
		else
			document.getElementById("ig_name").innerHTML = name;
		
		if(document.getElementById("ig_remove"))
		{
			//document.getElementById("ig_remove").setAttribute("onclick", "javascript:validate_forms('"+id+"','remove')");
			document.getElementById("ig_remove").href="javascript:validate_forms('"+id+"','remove')";
		}
		
		if(document.getElementById("ig_edit"))
		{
			//document.getElementById("ig_edit").setAttribute("onclick", "javascript:validate_forms('"+id+"','update')");
			document.getElementById("ig_edit").href="javascript:validate_forms('"+id+"','update')";
		}
		
		if(i>0)
		{
			//document.getElementById("ig_first").setAttribute("onclick", "javascript:ig_changePic("+0+")");
			//document.getElementById("ig_prev").setAttribute("onclick", "javascript:ig_changePic("+(i-1)+")");
			document.getElementById("ig_first").href="javascript:ig_changePic(0);";
			document.getElementById("ig_prev").href="javascript:ig_changePic("+(i-1)+")";
			ig_display("ig_bw", "inline");
		}
		else
			ig_display("ig_bw", "none");
		
		if(i<ig_imgs.length-1)
		{
			//document.getElementById("ig_last").setAttribute("onclick", "javascript:ig_changePic("+(ig_imgs.length-1)+")");
			//document.getElementById("ig_next").setAttribute("onclick", "javascript:ig_changePic("+(i+1)+")");
			document.getElementById("ig_last").href="javascript:ig_changePic("+(ig_imgs.length-1)+")";
			document.getElementById("ig_next").href="javascript:ig_changePic("+(i+1)+")";
			//addEventHandler(document.getElementById("ig_last"), 'click', ig_changePic(ig_imgs.length-1));
			//addEventHandler(document.getElementById("ig_next"), 'click', ig_changePic(i+1));
			ig_display("ig_fw", "inline");
		}
		else
			ig_display("ig_fw", "none");
		
		if(document.getElementById("igdesc"))
			document.getElementById("igdesc").value = desc;
		else
			document.getElementById("ig_desc").innerHTML = desc;
			
	}
	else
	{
		window.location.href="?n=600&area="+ig_area+"&cat="+ig_cat+"&img="+id+"#ig_top";
	}
}

function ig_display( elementId, setTo ) {
   var theElement;
  if( document.getElementById ) {
    //DOM
    theElement = document.getElementById( elementId );
  } else if( document.all ) {
    //Proprietary DOM
    theElement = document.all[ elementId ];
  }
  if( !theElement ) {
    /* The page has not loaded, or the browser claims to
    support document.getElementById or document.all but
    cannot actually use either */
    return;
  }
  //Reference the style ...
  if( theElement.style ) { theElement = theElement.style; }
  if( typeof( theElement.display ) == 'undefined' ) {
    //The browser does not allow us to change the display style
    //Alert something sensible (not what I have here ...)
    window.alert( 'Your browser does not support this' );
    return;
  }
  //Change the display style
  theElement.display = setTo;
}

function addEventHandler(obj, eventType, handler) {
	if (obj.addEventListener) {
		obj.addEventListener(eventType, handler, true);
		return true;
	} else if (obj.attachEvent) {
		var r = obj.attachEvent("on"+eventType, handler);
		return r;
	} else {
		return false;
	}
}

