/*----------------------------------------------------------------------------|
|                            ShowHidePages                                    |
|-----------------------------------------------------------------------------|
|                         Created by Michal Adamczyk                          |
|-----------------------------------------------------------------------------|
| Created 2007-05-28       
|
| This function helps to show/hide elements by its id
| You have to define elements (for example <div id="Page_".$i></div> 
| - $i is a counter)

| 1. inlcude file:
    
    <script type="text/javascript" src="[(base_url)]manager/media/script/ShowHidePages.js"></script>

|
| 2. Put this lines before you call functions next(pageCount) 
| and prev(pageCount):

<script type="text/javascript">
    lastShownPage = 1;
    SelectedPage = 1;
</script>

| 3. Then put elements like this on your page:

 <a href="javascript: next(pageCount)"> next </a>
 <a href="javascript: prev(pageCount)"> prev </a>
 
|
| pageCount is a number of pages which we want to hide/show
| Default div id is "Page_", but you can define your own id as second parameter of
| functions next(); prev();]
| For example: next(9, "tmp_")
| 
|----------------------------------------------------------------------------*/

var showPage = function(pageNo,pageCount,param )
{ 
    var i,selectedPage,currentPageNo; 
    if(!param)
        param = "Page_";
        
    for(i=1;i<=pageCount;i++)
    {
        selectedPage = document.getElementById(param+i);
        if(selectedPage)
        {
            selectedPage.style.display='none';
        } 
    }
    selectedPage = document.getElementById(param+pageNo);
    selectedPage.style.display='block';
    if(lastShownPage<pageNo)
    { 
        lastShownPage = pageNo;
    }
}

function showElem(id){
	elem = document.getElementById(id);
	if(elem){
		elem.className = "shown";
	}	
}

function hideElem(id){
	elem = document.getElementById(id);
	if(elem){
		elem.className = "hidden";
	}	
}

function next(pageCount,param){
	showElem("prevBtn");
//	if(nBtn){
	//	nBtn.className = "";
	//}
    if (SelectedPage<pageCount){
        SelectedPage++;
    }
    if(SelectedPage==pageCount){ 
    	hideElem("nextBtn");
    }
    showPage(SelectedPage,pageCount,param);
}

function prev(pageCount,param){
	showElem("nextBtn");
    if (SelectedPage>1){
        SelectedPage--;
    }
    if(SelectedPage==1){
    	hideElem("prevBtn");
    }
    showPage(SelectedPage,pageCount,param);
}


function showhide(el_id) 
{
    selectedElement = document.getElementById(el_id);
    if(selectedElement)
    {
        if (selectedElement.style.display == 'none' || (!selectedElement.style.display))
            selectedElement.style.display = 'block';
        else
            selectedElement.style.display = 'none';
    }   
}

function setClass(objId,className){
	elem = document.getElementById(objId);
	if(elem){
		elem.className = className;
	}
}

function copyDIV(fromDIV, toDIV,styleClass)
{
    //alert('1' + document.getElementById(toDIV).innerHTML);
    //alert('2' + document.getElementById(fromDIV).innerHTML);
    document.getElementById(toDIV).innerHTML = document.getElementById(fromDIV).innerHTML;
    if(styleClass){
    	document.getElementById(toDIV).className=styleClass;
    }
    //document.getElementById(toDIV).innerHTML = 'ala ma kota';
}
//-->