var w,h,o,w2,h2;
var cPhoto='';
var fotos=new Array();
var titulos=new Array();
var foto_actual=0;
var cant_fotos=0;
function PhotoBox(PhotoUrl,titulo,num) {
	foto_actual=num;
	Preload(foto_actual+1);
	Preload(foto_actual-1);

	if( typeof( window.innerWidth ) == 'number' ) {
		//Non-IE
		w = window.innerWidth;
		h = window.innerHeight;
	    o = window.scrollTop;
	} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
		//IE 6+ in 'standards compliant mode'
		w = document.documentElement.clientWidth;
		h = document.documentElement.clientHeight;
		o = document.documentElement.scrollTop;
	} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
		//IE 4 compatible
		w = document.body.clientWidth;
		h = document.body.clientHeight;
		o = document.body.scrollTop;
	}
	
	
	if( typeof( window.pageYOffset ) == 'number' ) {
		//Netscape compliant
		o = window.pageYOffset;
	} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
	//DOM compliant
		o = document.body.scrollTop;
	} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
	//IE6 standards compliant mode
		o = document.documentElement.scrollTop;
	}

	
	
//    o=document.documentElement.scrollTop;
    w2=document.body.scrollWidth;
    h2=document.body.scrollHeight;
	cPhoto=PhotoUrl;

	if (h>h2) h2=h;
    MyOverlay=findObj('Overlay');
    MyOverlay.style.width=w2+'px';
    MyOverlay.style.height=h2+o+'px';
    
    if (window.createPopup) { 
       MyOverlay.style.filter='alpha(opacity=90)' 
    } else {
       MyOverlay.style.opacity='0.9' 
    }
    
    MyOverlay.style.display='block';
    MyLoading=findObj("Loading");
    MyLoading.style.left=(w-36)/2+'px';
    MyLoading.style.top=(h-36)/2+o+'px';
    MyLoading.style.display='block';
    MyImage=new Image();
    MyImage.onload=function() {
        l=(w-500)/2;
        t=(h-560)/2+o;
        MyLoading.style.display='none';
        x=(480-MyImage.width)/2;
        hi='<div id="Image" style="background-image: url('+PhotoUrl+');" onclick="HidePhoto();"></div>';
        ho='<a class="LinkText" onclick="PhotoBack();"></a> ';
        ho+='<a class="LinkText" onclick="PhotoNext();"></a>';
        //ho='<a href="" class="LinkText">Send to Friend</a>';
        //ho+=' | <a href="" class="LinkText">Send to Phone</a>';
        //ho+=' | <a href="" class="LinkText">Download Picture</a>';
        //ho+=' | <a href="Cover.aspx?PhotoID='+ID+'" class="RowText">Album Cover</a>';
        //ho+=' | <a href="../cover/Photo.aspx?PhotoID='+ID+'&Title=" class="RowText">Add to Spotlight</a>';
        //mandar por correo
		//hi+='<div id="PhotoID">';
        //hi+= '<span class="padding"><a class="LinkText font1b" onclick="share();">Mandar a Amigo</a><span>';
        //hi+= '</div>';
        
		hi +='<div class="right"><b id="cap">'+titulo+'</b>'+ ho+'</div>';
  
        MyPhoto=findObj('Photo');
        MyPhoto.style.left=l+'px';
        MyPhoto.style.top=t+110+'px';

        MyPhoto.style.width='550px';
        MyPhoto.style.display='block';
        MyPhoto.innerHTML=hi;

//        MyBanner=findObj('Banner');
//        if(MyBanner){
//        MyBanner.style.left=(w-748)/2+'px';
//        MyBanner.style.top=t+'px';
//        MyBanner.style.display='block';
//        showBanner();} 

//        MyShortcuts=$('Shortcuts');
//        MyShortcuts.style.left=l+'px';
//        MyShortcuts.style.top=t+540+'px';
//        MyShortcuts.style.display='block';
        
        // Close
        MyClose=findObj("Close");
        MyClose.style.left=l+550-4+'px';
        MyClose.style.top=t+116+'px';
        MyClose.style.display='block';
		MyClose.onclick=function(){HidePhoto();}
        //PreloadNext
//        Next=Current+1; if (Next>photos.length-1) Next=1;
//        Preload(Next);
   }
    
    MyImage.src=PhotoUrl;
}


function PhotoNext(){
	if(foto_actual==(cant_fotos-1)){
		foto_actual=0;
	}else{
		foto_actual++;
	}
	ShowPhoto();
}

function PhotoBack(){
	if(foto_actual==0){
		foto_actual=cant_fotos-1;
	}else{
		foto_actual--;
	}
	ShowPhoto();
}

function ShowPhoto() {
//	alert(foto_actual);
	MyImage=findObj("Image");
	PhotoUrl=fotos[foto_actual];
	MyImage.style.backgroundImage='url('+PhotoUrl+')';
//	findObj("PhotoID").innerHTML='PhotoID '+PhotoID+' |<span class="padding"><a class="LinkText font1b" onclick="download();">Bajar Foto</a><span>';
//	findObj("PhotoID").innerHTML+=' |<span class="padding"><a class="LinkText font1b" onclick="share();">Mandar a Amigo</a><span>';
	findObj("cap").innerHTML = titulos[foto_actual];
	Preload(foto_actual+1);
	Preload(foto_actual-1);
}



function HidePhoto() {
    BoxOn=0;
//    resetBanner(); 
//    findObj("Shortcuts").style.display='none';
    findObj("Photo").style.display='none';
    findObj("Loading").style.display='none';
    findObj("Close").style.display='none';
    findObj("Overlay").style.display='none';
//    hide("downloader");  
    hide("sharer"); 
}

function hide(id){
    if(!findObj(id)) return;
    findObj(id).style.display="none";
    findObj(id).style.visiblility = "hidden";
}


function Preload(Num) {
	if(Num==-1){
		Num=cant_fotos;
	}
	if(Num==cant_fotos){
		Num=0;
	}
	PhotoUrl=fotos[Num];
	MyImage=new Image();
	MyImage.src=PhotoUrl;
}


function share(){
   var l = parseInt(findObj("Photo").style.left) + 50;
   var t = parseInt(findObj("Photo").style.top) + 50;
   var w = parseInt(findObj("Photo").style.width);
   findObj("sharer").style.left = (l+w-400) + "px";
   findObj("sharer").style.top = t+50+"px";
   
   show("sharer");
}

function show(id){ 
   if(!findObj(id)) return;
    findObj(id).style.display="block";
    findObj(id).style.visiblility = "visible";
} 



function shareit(){
	var email = findObj("fromEmail").value;
	if(!validateEmail(email) ){
		findObj("fromem").style.display="inline";
		return false;     
	}else{
		findObj("fromem").style.display="none";
	} 
   
	var toemails = findObj("toEmails").value; 
	var comentario = findObj("comment").value;
	var es = toemails.split(',');
	for(i=0 ; i<es.length; i++){
		if(!validateEmail(es[i]) ){
			findObj("toem").style.display="inline";
			return false;     
		} 
	}
	
	findObj("toem").style.display="none";

	EnviarFotoAmigo(email,toemails,comentario,cPhoto);

}

 function shareOnSuccess(result,context){
        alert('Enviado');
       hide("sharer"); 
}
    
function onFailed(error){
   hide("downloader"); 
   hide("sharer"); 
}
/*

PreloadImages();
document.onkeydown = kd;
document.onkeypress = kp;
document.oncontextmenu = nr;
$addHandler(window,"load",function()
{
    $addHandler($get("lnkSend"),"click",send); 
    $addHandler($get("lnkCancel"),"click",function(){hide("downloader");});  
    $addHandler($get("lnkShare"),"click",shareit); 
    $addHandler($get("lnkCancel2"),"click",function(){hide("sharer");});   
    $addHandler($get("Loading"),"click",HidePhoto); 
    $addHandler($get("Close"),"click",HidePhoto);  
    $addHandler($get("Overlay"),"click",HidePhoto);  
   
   if(curPhoto>0)
{
   PhotoBox(curPhoto);
} 
});*/