/*
 +-------------------------------------------------------------------+
 |                  J S - S L I D E S H O W   (v1.5)                 |
 |                                                                   |
 | Copyright Gerd Tentler               www.gerd-tentler.de/tools    |
 | Created: Apr. 9, 2003                Last modified: Jan. 13, 2007 |
 +-------------------------------------------------------------------+
 | This program may be used and hosted free of charge by anyone for  |
 | personal purpose as long as this copyright notice remains intact. |
 |                                                                   |
 | Obtain permission before selling the code for this program or     |
 | hosting this software on a commercial website or redistributing   |
 | this software over the Internet or in any other medium. In all    |
 | cases copyright must remain intact.                               |
 +-------------------------------------------------------------------+

 This script was tested with:

 - Windows XP: Internet Explorer 6, Netscape Navigator 7, Opera 7 + 9, Firefox 2
 - Mac OS X:   Internet Explorer 5, Safari 1

 If you use another browser or operating system, this script may not work for you.
*/
//---------------------------------------------------------------------------------------------------------
// Configuration
//---------------------------------------------------------------------------------------------------------

var slsWidth = 290;                         // content width (pixels)
var slsHeight = 80;                        // content height (pixels)
var slsColor = "";                   // content background color
var slsOverflow = "hidden";                 // content scrollbars: "auto" or "hidden"
                                            // ("auto" may cause flickering with Gecko browsers)

var slsBorderWidth = 0;                     // border width (pixels)
var slsBorderStyle = "";               // border style (CSS-spec, e.g. "solid", "outset", "inset", etc.)
var slsBorderColor = "";             // border color

var slsBarHeight = 14;                      // scrollbar height (pixels)
var slsBarSpace = 2;                        // space between scrollbar and page contents (pixels)
var slsBarColor = "";                // scrollbar background color

var slsImgLeft = "cazare_delta_dunarii/config/img/left.jpg";         // left arrow: path to image
var slsImgLeftWidth = 12;                   // left arrow: image width (pixels)
var slsImgRight = "cazare_delta_dunarii/config/img/right.jpg";       // right arrow: path to image
var slsImgRightWidth = 12;                  // right arrow: image width (pixels)
var slsImgBlank = "cazare_delta_dunarii/config/img/empty.jpg";              // path to blank image

var slsIndView = false;                      // view index (true = yes, false = no)
var slsIndCount = 10;                       // max. number of visible index entries
var slsIndHeight = 15;                      // index height (pixels);
var slsIndSpace = 10;                       // space between index and scrollbar
var slsIndColor = "";                       // index background color
var slsIndFont = "Arial, Helvetica";        // index font family
var slsIndFontSize = 14;                    // index font size (pixels)

var slsSlidingMax = 20;                     // if there are more than slsSlidingMax pages, sliding will be
                                            // turned off for performance reasons

//---------------------------------------------------------------------------------------------------------
// Functions
//---------------------------------------------------------------------------------------------------------

var DOM = document.getElementById;
var OP = (navigator.userAgent.indexOf('Opera') != -1);
var IE4 = (document.all && !OP);

var slsBord, slsCont, slsArea, slsBarArea, slsIndArea, slsIV;
var slsIndStart = 0;
var slsPages = (typeof(slsContents) != 'undefined') ? slsContents.length : 0;

var slsW = slsWidth + slsBorderWidth*2;
var slsH = slsHeight + slsBorderWidth*2 + slsBarSpace + slsBarHeight;
if(slsIndView) slsH += slsIndSpace + slsIndHeight;

function slsObject(obj) {
  this.elem = DOM ? document.getElementById(obj) : document.all[obj];
  this.css = this.elem.style;
  this.width = this.elem.offsetWidth;
  this.left = 0;
  return this;
}

function slsPrevPage() {
  if(!slsSliding && slsArea.left < 0) slsJump(slsCurX + slsWidth);
}

function slsNextPage() {
  if(!slsSliding && slsArea.left > -slsArea.width+slsWidth) slsJump(slsCurX - slsWidth);
}

function slsJump(position) {
  if(!slsSliding) {
    slsNewX = slsArea.left = position;
    if(slsPages > slsSlidingMax) {
      slsArea.css.left = slsCurX = slsNewX;
      slsCheckImg();
      if(slsIndView) {
        var start = Math.ceil(slsCurX / slsWidth / slsIndCount) * slsIndCount * -1 + 1;
        slsSetIndex(start);
      }
    }
    else slsIV = setInterval('slsSlider()', 1);
  }
}

function slsCheckImg() {
  var scrollbar = 0;
  var img = document.images['slsLeft'];
  if(slsArea.left >= 0) img.src = slsImgBlank;
  else img.src = scrollbar = slsImgLeft;
  img = document.images['slsRight'];
  if(slsArea.left <= -slsArea.width+slsWidth) img.src = slsImgBlank;
  else img.src = scrollbar = slsImgRight;
  if((!scrollbar) && (slsIndArea != null)) slsBarArea.css.visibility = slsIndArea.css.visibility = 'hidden';
}

function slsSetIndex(start) {
  if(!slsSliding) {
    if(start) slsIndStart = start-1;
    var inhalt = '';
    for(var i = slsIndStart; i < slsPages && i < slsIndStart+slsIndCount; i++) {
      if(i && inhalt) inhalt += ' &middot; ';
      if(slsCurX == i * -slsWidth) inhalt += '<b>' + (i+1) + '</b>';
      else inhalt += '<a href="javascript:slsJump(' + (i * -slsWidth) +
                     ')" style="text-decoration:none">' + (i+1) + '</a>';
    }
    if(slsIndStart) inhalt += ' &middot; <a href="javascript:slsSetIndex(' + (slsIndStart-slsIndCount+1) +
                              ')" style="text-decoration:none">&lt;&lt;</a> ';
    if(i < slsPages) inhalt += ' &middot; <a href="javascript:slsSetIndex(' + (i+1) +
                               ')" style="text-decoration:none">&gt;&gt;</a>';
    slsIndArea.elem.innerHTML = inhalt;
  }
}

function slsInit() {
  //alert('Initializare');
  if(DOM || IE4) {
    if(slsPages) {
      slsBord = new slsObject('slsBorder');
      slsCont = new slsObject('slsContainer');
      slsArea = new slsObject('slsSlider');
      slsBarArea = new slsObject('slsBar');
      if(slsIndView) slsIndArea = new slsObject('slsInd');

      if(slsColor) slsCont.css.backgroundColor = slsColor;
      if(slsBarColor) slsBarArea.css.backgroundColor = slsBarColor;
      if(slsIndColor) slsIndArea.css.backgroundColor = slsIndColor;

      if(slsBorderWidth) slsBord.css.borderWidth = slsBorderWidth + 'px';
      if(slsBorderStyle) slsBord.css.borderStyle = slsBorderStyle;
      if(slsBorderColor) slsBord.css.borderColor = slsBorderColor;

      slsBord.css.width = slsWidth + 'px';
      slsBord.css.height = slsHeight + 'px';

      slsArea.width = slsWidth * slsPages;
      slsArea.css.width = slsArea.width + 'px';
      slsArea.css.position = 'absolute';

      slsCont.css.width = slsWidth + 'px';
      slsCont.css.height = slsHeight + 'px';
      slsCont.css.visibility = 'visible';

      slsBarArea.css.top = (slsHeight + slsBorderWidth*2 + slsBarSpace) + 'px';
      slsBarArea.css.height = slsBarHeight + 'px';
      slsBarArea.css.width = slsW + 'px';

      if(slsIndView) {
        slsIndArea.css.top = (slsHeight + slsBorderWidth*2 + slsBarSpace + slsBarHeight + slsIndSpace) + 'px';
        slsIndArea.css.height = slsIndHeight + 'px';
        slsIndArea.css.width = slsW + 'px';
        if(slsIndFont) slsIndArea.css.fontFamily = slsIndFont;
        if(slsIndFontSize) slsIndArea.css.fontSize = slsIndFontSize + 'px';
      }

      var content = '<table border="0" cellspacing="0" cellpadding="0" width="100%"><tr>' +
                    '<td><a href="javascript:slsPrevPage()">' +
                    '<img src="' + slsImgLeft + '" border="0" name="slsLeft" height="' + slsBarHeight + '" width="' + slsImgLeftWidth + '"></a></td>' +
                    '<td align="right"><a href="javascript:slsNextPage()">' +
                    '<img src="' + slsImgRight + '" border="0" name="slsRight" height="' + slsBarHeight + '" width="' + slsImgRightWidth + '"></a></td>' +
                    '</tr></table>';

      slsBarArea.elem.innerHTML = content;
      if(slsIndView) slsSetIndex();
      setTimeout('slsCheckImg()', 100);
    }
    else alert("No contents found.");
  }
  else alert("Sorry, this script doesn't work with your browser.");
}

window.onload = slsInit;

//---------------------------------------------------------------------------------------------------------
// Page slider
//---------------------------------------------------------------------------------------------------------

var slsCurX = slsNewX = 0;
var slsSliding = false;

function slsSlider() {
  if(slsCurX != slsNewX) {
    slsSliding = true;
    var percent = .1 * (slsNewX - slsCurX);
    if(percent > 0) percent = Math.ceil(percent);
    else percent = Math.floor(percent);
    slsCurX += percent;
    slsArea.css.left = slsCurX + 'px';
  }
  else {
    slsSliding = false;
    clearInterval(slsIV);
    slsCheckImg();
    if(slsIndView) {
      var start = Math.ceil(slsCurX / slsWidth / slsIndCount) * slsIndCount * -1 + 1;
      slsSetIndex(start);
    }
  }
}

//---------------------------------------------------------------------------------------------------------
// Set styles
//---------------------------------------------------------------------------------------------------------

document.write('<style> ' +
               '#slideShow { position:relative; width:' + slsW + 'px; height:' + slsH + 'px; } ' +
               '#slsBorder { position:absolute; top:0px; left:0px; } ' +
               '#slsContainer { position:absolute; top:0px; left:0px; ' +
               'clip:rect(0,' + slsWidth + ',' + slsHeight + ',0); ' +
               'z-index:0; overflow:hidden; visibility:hidden; } ' +
               '.slsPage { width:' + slsWidth + 'px; height:' + slsHeight + 'px; ' +
               'float:left; overflow:' + slsOverflow + '; } ' +
               '</style>');

//---------------------------------------------------------------------------------------------------------
// Build border, contents, scrollbar and index
//---------------------------------------------------------------------------------------------------------

if(slsPages) {
  document.write('<div id="slideShow">');
  if(slsIndView) document.write('<div id="slsInd" style="position:absolute; z-index:69; text-align:center"></div>');
  document.write('<div id="slsBar" style="position:absolute; z-index:69"></div>');
  document.write('<div id="slsBorder"><div id="slsContainer"><div id="slsSlider">');

  for(var i = 0; i < slsPages; i++) {
    document.write('<div class="slsPage">' + slsContents[i] + '</div>');
    //var colImg = slsContents[i].row[0].getElementsByTagName("img");
    //for(var j = 0; j < colImg.length; j++) {
      //  if (colImg[j].addEventListener){
  	//	colImg[j].addEventListener('click', change, false); 
	 //} else if (colImg[j].attachEvent){
	//	  colImg[j].attachEvent('onclick', change);
	 //}

    //}
  }
  document.write('</div></div></div></div>');
}

//---------------------------------------------------------------------------------------------------------