var zoom='height';
var zoomValue=100;
var rotate=0;
var step_page=2;
var $=jQuery;
$(document).ready(function(){
    $('#book img#page').contextmenu(function(e){
        e.preventDefault();
        e.stopPropagation();
    });
    $('#book img#page1').contextmenu(function(e){
        e.preventDefault();
        e.stopPropagation();
    });
});
function UnHide( itemId, obj)
{
	if(document.getElementById(itemId).style.display=='block')
	{
        	document.getElementById(itemId).style.display='none';
                obj.src='images/plus.png';
        }
        else
        {
        	document.getElementById(itemId).style.display='block';
	        obj.src='images/minus.png';
        }
        return false;
}

function getClientHeight()
{
    return document.documentElement.clientHeight;
}
function SetSizeElements(galery_height)
{
    document.getElementById('book').style.height=(getClientHeight()-103)+'px';
    document.getElementById('zmist').style.height=(getClientHeight()-103)+'px';
    if(document.getElementById('zmist').style.display=='none')
    {
        document.getElementById('book').style.width=(document.body.clientWidth-5)+'px';
        document.getElementById('imgdescript').style.width=document.getElementById('book').style.width;
        document.getElementById('page').style.height=(getClientHeight()-108)+'px';
        document.getElementById('page').style.width='';

    }
    else
    {
        document.getElementById('book').style.width=(document.body.clientWidth*0.8-5)+'px';
        document.getElementById('imgdescript').style.width=document.getElementById('book').style.width;
        document.getElementById('zmist').style.width=(document.body.clientWidth*0.2)+'px';
        document.getElementById('page').style.height=(getClientHeight()-108)+'px';
        document.getElementById('page').style.width='';
    }
    /*if(jQuery('#book').width()<1000)
        alert(12);*/
    if(zoom=='height')
    {
        document.getElementById('page').style.height=(getClientHeight()-108+galery_height)+'px';
        document.getElementById('page').style.width='';
        if(jQuery('#page_count').val()==1)
        {
            jQuery('#page1').hide();
            step_page=1;
        }
        else
        {
            jQuery('#page1').show();
            step_page=2;
            if((jQuery('#page').width()*2+50)>=jQuery('#book').width())
                {
                    jQuery('#page1').hide();
                    step_page=1;
                }
        }
        jQuery('#page1').css('height',(getClientHeight()-108)+'px');
        jQuery('#page1').css('width','');
    }
    if(zoom=='width')
    {
        document.getElementById('page').style.width=(document.getElementById('book').clientWidth-30)+'px';
        document.getElementById('page1').style.display='none';
        document.getElementById('page').style.height='';
    }
}

function goToPage(page,num_page,id,type)
{
        if(rotate<0) rotate=270;
        if(rotate>270) rotate=0;
        if(flagMove==0)
        {
                if(page>num_page)
                        page=num_page;
                if(page<1)
                        page=1;
                if(zoom=='height')
                {
                    if(page>1)
                    {
                        if(page==num_page)
                        {
                            jQuery('#page1').hide();
                            step_page=1;
                        }
                        else
                        {
                            jQuery('#page1').show();
                            step_page=2;
                        }
                    }
                    else
                    {
                        jQuery('#page1').hide();
                        step_page=1;
                    }
                }

		//document.getElementById('page').src='';
        /*jQuery('#page').addClass('loaded');
        jQuery('#page1').addClass('loaded');*/
        jQuery.ajax({
            'url':'view/page_view.php',
            'type':'POST',
            'data':'rotate='+rotate+'&page='+page+'&type='+type+'&id='+id,
            success:function(img){
                if(zoomValue>=200)
                    img=img.replace('/jpg/','/jpg_original/');
                jQuery('#page').attr('src',img);
                jQuery('#page').removeClass('loaded');
                if((jQuery('#page').width()*2+50)>=jQuery('#book').width())
                {
                    jQuery('#page1').hide();
                    step_page=1;
                }
                document.getElementById('book').scrollTop=0;
                document.getElementById('book').scrollLeft=0;
                //alert(jQuery('#page').width());
                //alert(jQuery('#book').width())
            }
        });
        jQuery.ajax({
            'url':'view/page_view.php',
            'type':'POST',
            'data':'rotate='+rotate+'&page='+(page+1)+'&type='+type+'&id='+id,
            success:function(img){
                if(zoomValue>=200)
                    img=img.replace('/jpg/','/jpg_original/');
                jQuery('#page1').attr('src',img);
                jQuery('#page1').removeClass('loaded');
                document.getElementById('book').scrollTop=0;
                document.getElementById('book').scrollLeft=0;
            }
        });
        //sendQueryImg('view/page_view.php','rotate='+rotate+'&page='+page+'&type='+type+'&id='+id,'page');
        //sendQueryImg('view/page_view.php','rotate='+rotate+'&page='+(page+1)+'&type='+type+'&id='+id,'page1');
		sendQueryDiv('view/page_view.php','showdescript=1&type='+type+'&page='+page+'&id='+id,'imgbibdescript') 
        document.getElementById('page_count').value=page;
        }
         flagMove=0;
    }

var flagMove=0;
function $(v) { return(document.getElementById(v)); }
function agent(v) { return(Math.max(navigator.userAgent.toLowerCase().indexOf(v),0)); }
function xy(e,v) { return(v?(agent('msie')?event.clientY+document.body.scrollTop:e.pageY):(agent('msie')?event.clientX+document.body.scrollLeft:e.pageX)); }
         
function dragOBJ(d,e) {
    function drag(e) {
        if(!stop) {
            d.scrollTop=document.getElementById('page').height-(xy(e,true)+oY-eY);
//            d.scrollLeft=$(d).width()*(xy(e)+oX-eX)/$(d).width();
            d.scrollLeft=document.getElementById('page').width-(xy(e)+oX-eX);
//            console.log(xy(e)-$(d).offset().left);
            flagMove=1;
        }
    }
    var oX=parseInt($("#page").width()-d.scrollLeft),oY=parseInt(document.getElementById('page').height-d.scrollTop),eX=xy(e),eY=xy(e,1),tX,tY,stop;
    if(!agent('msie')){
        document.onmousemove=drag;
    }
    document.onmouseup=function(){
        stop=1;
        document.onmousemove='';
        document.onmouseup='';
    };
}
function SetZoom(side, value=100)
{
    console.log(window.location)
    $('#zoomvalue').val(value+'%');
    var zoom=1;
        zoom=value/100
        if(side=='width')
        {
/*                document.getElementById('page').style.width=((document.getElementById('book').clientWidth-30)*zoomValue)+'px';
                document.getElementById('page').style.height='';
                jQuery('#page1').hide();
                step_page=1;
                zoom='width';*/
            zoom=(document.getElementById('book').clientWidth-20)/document.getElementById('page').width;
            console.log(document.getElementById('book').clientWidth-20,document.getElementById('page').width,zoom,zoomValue);
            zoomValue=parseInt(zoom*zoomValue);
            zoom=zoomValue/100;
            $('#zoomvalue').val(zoomValue+'%');
            side='height';
        }
        if(side=='height')
        {
                {
                    var src=$('#page').attr('src');
                    var newSrc=src.replace('/jpg_original/','/jpg/');
                    if(src!=newSrc){
                        $('#page').attr('src',newSrc);
                        console.log('Newsrc');
                    }
                }
                document.getElementById('page').style.height=((getClientHeight()-108)*zoom)+'px';
                document.getElementById('page').style.width='';
                jQuery('#page1').show();
                step_page=2;
                jQuery('#page1').css('height',((getClientHeight()-108)*zoom)+'px');
                jQuery('#page1').css('width','');
                zoom='height';

                if((jQuery('#page').width()*2+50)>=jQuery('#book').width())
                {

                    jQuery('#page1').hide();
                    step_page=1;
                }
        }
}