/**
* Artikel Box auf der Startseite
**/
function showNewsArticle( pNum ){
  var error = '';
  var tmpS = tmpB = '';
  
  // Hide all News
  for(var i = 1; i <= 3; i++){
    tmpS = 'small_' + i;
    tmpB = 'big_' + i;
    SHOW(tmpS);
    HIDE(tmpB);
  }
  // Show the actual one
  tmpS = 'small_' + pNum;
  tmpB = 'big_' + pNum;
  HIDE(tmpS);
  SHOW(tmpB);
}
/**
* Einen Nes Artikel aufrufen...
**/
function getNewsArticle( pWhich ){
  if( pWhich != '' ){
    document.location.href = '/index.php?id=1804&no_cache=1&tx_ttnews[tt_news]=' + pWhich + '&tx_ttnews[backPid]=1346'; 
  }
  ECHO( 'getNewsArticle: ' + pWhich );
}
 
/**
* Galerie Function, die die Bilder in einem extra Bereich anzeigt
**/
function showGalleryItem( pPath, pAlt ){

  var output = '';
  var target = '';
  var target2 = '';
  var offsetTop = '';
  var browser = checkBrowser();
  output += 'Browser: ' + browser + "<br>";
  
  target = document.getElementById( 'photoBoxContainer' );
  offsetTop = target.offsetTop;
  
  if( browser == 'IE7' ){
    // IE 7
    offsetTop = offsetTop + 8;
  }else if( browser == 'MOZ' ){
    // Firefox
    
  }else{
    // IE < 7
    
  }
  
  try{
    target2 = document.getElementById( 'photoBoxLarge' );
    if( target2 == null ){
      var tmp = '';
      tmp += '<div id="' + 'photoBoxLarge' + '" class="' + 'photoBoxLarge' + '" onclick="showGalleryItemVeryLarge( \'collapse\' )">' + "\n";
      tmp += '<img id="' + 'photoBoxImage' + '" class="pic" />';
      tmp += '</div>' + "\n";
      document.getElementsByTagName('body')[0].innerHTML += tmp;
    }
    output += 'photoBoxLarge' + ": " + document.getElementById( 'photoBoxLarge' ) + "\n";
  }catch( e ){
    output += "ERROR: " + 'photoBoxLarge' + ": " + document.getElementById( 'photoBoxLarge' ) + "\n";
    output += "ERROR: " + e + "\n";
    alert( e );
  }
  target2 = document.getElementById( 'photoBoxLarge' );
  target3 = document.getElementById( 'photoBoxImage' );
  target4 = document.getElementById( 'picAltText' );
  target5 = document.getElementById( 'photoBox' );
  
  target2.style.top = offsetTop + "px";
  target3.src = pPath;
  target3.className = "pic";

  target4.innerHTML = pAlt;
  target2.style.display = 'block';

  setStyle = window.setTimeout("resetGalleryStyle()", 100);
  
}

function resetGalleryStyle(){
  target3 = document.getElementById( 'photoBoxImage' );
  target3.className = "pic";
  window.clearTimeout( setStyle );
  
  ECHO("resetGalleryStyle");
}

function showGalleryItemVeryLarge( pHow ){
  if( document.getElementById( 'photoBoxLarge' ) ){
    var target2 = document.getElementById( 'photoBoxLarge' );
  }
  if( document.getElementById( 'photoBox' ) ){
    var target5 = document.getElementById( 'photoBox' );
  }
  if( document.getElementById( 'photoBoxImage' ) ){
    var target3 = document.getElementById( 'photoBoxImage' );
  }
  if( pHow == 'enlarge' ){
    if( target2 ){
      target2.className = 'photoBoxVeryLarge';
    }
    if( target3 ){
      target3.className = 'picLarge';
    }
    //HIDE( 'photoBox' );
  }else{
    if( target2 ){
      target2.className = 'photoBoxLarge';
    }
    if( target3 ){
      target3.className = 'pic';
    }
    //SHOW( 'photoBox' );
    //HIDE( 'photoBoxLarge' );
  }
}

function hideGallery(){
  try{
    target2 = document.getElementById( 'photoBoxLarge' );
    target4 = document.getElementById( 'picAltText' );
  }catch(e){   }
  
  if( target2 && target2.className != 'photoBoxVeryLarge' ){
    HIDE( 'photoBoxLarge' );
    target4.innerHTML = '';
  }
}

function getNextHeftList( ){
  var tmpECHO = '';
  var differenz = maxArticle - currentArticle;
  var seiten = Math.ceil( maxArticle / 8 );
  var newCurrentArticle = currentArticle + 8;
  var count = 0;
  var output = '';
  var outputFromTo = '';
  var target = document.getElementById('heftArchive');
  var targetFromTo = document.getElementById('bigTeaserFromTo');
  if( aktuelleSeite < seiten ){
    aktuelleSeite++;
  }else{
    return;
  }
  
  if( aktuelleSeite <= seiten ){
    for(var i = (currentArticle + 1); i <= newCurrentArticle; i++){
      if ( count % 2 !=0 ){
        // ungerade
        if( i < (maxArticle-1) ){
          tmpTxtClosed  = heftArchiv[ i ]['title'];
        }else{
          tmpTxtClosed  = '';
        }
        tmpLinkClosed = heftArchiv[ i ]['link'];
        if( tmpTxtOpen != '' ){
          output += getBoxRow( tmpTxtOpen, tmpLinkFree, tmpLinkText, tmpTxtClosed, tmpLinkClosed );
        }
        // tmpECHO += ( "A: " + count + ": " + heftArchiv[ i ]['title'] + "<br>" );
      }else{
        // gerade
        if( i < (maxArticle-1) ){
          tmpTxtOpen = heftArchiv[ i ]['title'];
        }else{
          tmpTxtOpen = '';
        }
        tmpLinkFree = heftArchiv[ i ]['link'];
        tmpLinkText = heftArchiv[ i ]['linktext'];
        // tmpECHO += ( "B: " + count + ": " + heftArchiv[ i ]['title'] + "<br>" );
      }
      count++;
    }
    
    // Fill the from to section
    if( newCurrentArticle > maxArticle ){
      tmp = maxArticle;
    }else{
      tmp = newCurrentArticle + 1;
    }
    outputFromTo = ( currentArticle + 2) + "-" + tmp;
    
  }


  if( aktuelleSeite <= seiten ){
    target.innerHTML = output;
    targetFromTo.innerHTML = outputFromTo;
    currentArticle = currentArticle + 8;
  }
  
  ECHO( tmpECHO );
}

function getPreviousHeftList( ){
  var tmpECHO = '';
  var differenz = maxArticle - currentArticle;
  var seiten = Math.ceil( maxArticle / 8 );
  var newCurrentArticle = currentArticle - 8;
  var count = 0;
  var output = '';
  var outputFromTo = '';
  var target = document.getElementById('heftArchive');
  var targetFromTo = document.getElementById('bigTeaserFromTo');
  
  ECHO( "currentArticle: " + currentArticle + "-" + newCurrentArticle );
  
  if( aktuelleSeite == 1 || currentArticle == 7 ){
    currentArticle = 7;
    return;
  }else if( aktuelleSeite > 1 ){
    if( (currentArticle - 15) < 0 ){
      currentArticle = 1;
    }else{
      currentArticle = currentArticle - 15;
    }
    aktuelleSeite--;
  }
  
  ECHO( "currentArticle: " + currentArticle + "-" + newCurrentArticle );
  
  if( aktuelleSeite >= 1 ){
    for(var i = currentArticle; i <= newCurrentArticle; i++){
      if ( count % 2 ==0 ){
        // gerade
        if( i >= 0 ){
          tmpTxtOpen = heftArchiv[ i ]['title'];
        }else{
          tmpTxtOpen = '';
        }
        tmpLinkFree = heftArchiv[ i ]['link'];
        tmpLinkText = heftArchiv[ i ]['linktext'];
        // tmpECHO += ( "B: " + count + ": " + heftArchiv[ i ]['title'] + "<br>" );
      }else{
        // ungerade
        if( i >= 0 ){
          tmpTxtClosed  = heftArchiv[ i ]['title'];
        }else{
          tmpTxtClosed  = '';
        }
        tmpLinkClosed = heftArchiv[ i ]['link'];
        output += getBoxRow( tmpTxtOpen, tmpLinkFree, tmpLinkText, tmpTxtClosed, tmpLinkClosed );
        // tmpECHO += ( "A: " + count + ": " + heftArchiv[ i ]['title'] + "<br>" );
      }
      count++;
    }
    
    // Fill the from to section
    if( newCurrentArticle < 0 ){
      tmp = 1;
    }else{
      tmp = newCurrentArticle + 1;
    }
    outputFromTo = (currentArticle + 1) + "-" + tmp;
    
  }

  if( aktuelleSeite >= 1 ){
    currentArticle = newCurrentArticle;
    target.innerHTML = output;
    targetFromTo.innerHTML = outputFromTo;
  }
  
  ECHO( tmpECHO );
}

function getBoxRow( pTxtOpen, pLinkFree, pLinkText, pTxtClosed, pLinkClosed ){
  output  = '';
  output += '    <div class="heftArchiveRow">' + "\n";
  if( aktuelleSeite == 1 || loginStatus ){
    output += '      <div class="heftArchivFreeLeft">' + "\n";
    output += '        <p>' + "\n";
    output += '          ' + pTxtOpen + '<br /><a href="' + pLinkFree + '" title="' + pLinkText + '" style="vertical-align: bottom">' + pLinkText + '</a>' + "\n";
  }else{
    output += '      <div class="heftArchivPremLeft">' + "\n";
    output += '        <p>' + "\n";
    output += '          ' + pTxtOpen + '<br />' + "\n";   
  }
  output += '        </p>' + "\n";
  output += '      </div>' + "\n";
  if( pTxtClosed != '' ){
    if( loginStatus ){
      output += '      <div class="heftArchivFreeRight">' + "\n";
      output += '        <p>' + "\n";
      output += '          ' + pTxtClosed + '<br /><a href="' + pLinkClosed + '" title="' + pTxtClosed + '" style="vertical-align: bottom">' + pLinkText + '</a>' + "\n";
      output += '        </p>' + "\n";
      output += '      </div>' + "\n";
    }else{
      output += '      <div class="heftArchivPremRight">' + "\n";
      output += '        <p>' + "\n";
      output += '          ' + pTxtClosed + "\n";
      output += '        </p>' + "\n";
      output += '      </div>' + "\n";
    }
  }
  output += '    </div>' + "\n";
  return output;
}

function showDogsByLetter( pNum, pTarget ){
  var imagePath = '/sandkasten/fileadmin/templates/ph2/img/';
  var tmp = '';
  tmp += "pNum: " + pNum + "<br>";
  tmpTarget = document.getElementById('bigAlphabeticalMenu');
  tmpTargets = tmpTarget.getElementsByTagName('a');
  
  for( var i = 0; i < 26; i++ ){
    if( pTarget == tmpTargets[ i ] ){
      tmpTargets[ i ].className = 'active';
    }else{
      tmpTargets[ i ].className = '';
    }
    //ECHO( "tmpTargets: " + tmpTargets[ i ].onclick );
  }  
  
  for( var i = 1; i <= 26; i++){
    if( i == pNum ){
      tmp += "!!! pNum: " + pNum + ": " + i  + "<br>";
      if( document.getElementById( 'dogs_' + i + '_1' ) ){
        document.getElementById( 'dogs_' + i + '_1' ).style.display = 'block';
      }
      if( document.getElementById( 'dogs_' + i + '_2' ) ){
        document.getElementById( 'dogs_' + i + '_2' ).style.display = 'block';
      }
    }else{
      if( document.getElementById( 'dogs_' + i + '_1' ) ){
        document.getElementById( 'dogs_' + i + '_1' ).style.display = 'none';
      }
      if( document.getElementById( 'dogs_' + i + '_2' ) ){
        document.getElementById( 'dogs_' + i + '_2' ).style.display = 'none';
      }
    }    
  }
  
  letter = new Object();
  letter["1"] = "A";
  letter["2"] = "B";
  letter["3"] = "C";
  letter["4"] = "D";
  letter["5"] = "E";
  letter["6"] = "F";
  letter["7"] = "G";
  letter["8"] = "H";
  letter["9"] = "I";
  letter["10"] = "J";
  letter["11"] = "K";
  letter["12"] = "L";
  letter["13"] = "M";
  letter["14"] = "N";
  letter["15"] = "O";
  letter["16"] = "P";
  letter["17"] = "Q";
  letter["18"] = "R";
  letter["19"] = "S";
  letter["20"] = "T";
  letter["21"] = "U";
  letter["22"] = "V";
  letter["23"] = "W";
  letter["24"] = "X";
  letter["25"] = "Y";
  letter["26"] = "Z";
  //alert( '/fileadmin/daten/ph2/2.0_Hunderassen_A-Z/Header-' + letter[pNum] + '-Hunderassen.jpg' );
  // /fileadmin/daten/ph2/2.0_Hunderassen_A-Z/Header-'.$my_letter.'-Hunderassen.jpg
  //alert( '/fileadmin/templates/ph2/img/teaser_image_' + pNum + '.jpg' );
  document[ 'wide_image' ].src = '/fileadmin/daten/ph2/2.0_Hunderassen_A-Z/Header-' + letter[pNum] + '-Hunderassen.jpg';
  //document[ 'wide_image' ].src = '/fileadmin/templates/ph2/img/teaser_image_' + pNum + '.jpg';
  //document[ 'wide_image' ].src = '/fileadmin/templates/ph2/img/teaser_image_' + i + '.jpg';
}

function fvbfBoxLoad( pId, pTarget ){
  var name = '';
  var imagePath = 'fileadmin/templates/ph2/img/fvbf_box/';
  // var urlPath = 'fileadmin/templates/ph2/snippets_startseite_tcbox/';
  var urlPath = '/startseite_cache/';
  var myURL = '';
  
  if( pId != '' ){
    switch ( pId ) {
      case 1:
        name = 'Fotos';
        myURL = 'ph2_tc_fotobox.html';
        break;
      case 2:
        name = 'Videos';
        myURL = 'neueste_videos_startseite.html';
        break;
      case 3:
        name = 'Blogs';
        myURL = 'neueste_blogs_startseite.html';
        break;
      case 4:
        name = 'Forum';
        myURL = 'neueste_forum_startseite.html';
        break;
      default:
        alert("Fehler im Switch: " + pId);
        break;
    }
    // Div Classes
    document.getElementById('fvbfBoxNav1').className = "fvbfBoxNav1" + name + "On";
    document.getElementById('fvbfBoxNav3').className = "fvbfBoxNav3" + name + "On";
    document.getElementById('fvbfBoxNav5').className = "fvbfBoxNav5" + name + "On";
    document.getElementById('fvbfBoxNav7').className = "fvbfBoxNav7" + name + "On";
    document.getElementById('fvbfBoxNav9').className = "fvbfBoxNav9" + name + "On";
    // Reiter
    // img/fvbf_box/fvbf_box_blogs_on_02.gif
    // img/fvbf_box/fvbf_box_forum_on_02.gif
    document.getElementById('fvbfBoxReiter_1').src = imagePath + "fvbf_box_" + name.toLowerCase() + "_on_02.gif";
    document.getElementById('fvbfBoxReiter_2').src = imagePath + "fvbf_box_" + name.toLowerCase() + "_on_04.gif";
    document.getElementById('fvbfBoxReiter_3').src = imagePath + "fvbf_box_" + name.toLowerCase() + "_on_06.gif";
    document.getElementById('fvbfBoxReiter_4').src = imagePath + "fvbf_box_" + name.toLowerCase() + "_on_08.gif";
    // load snippet
    getURL( urlPath + myURL, pTarget );
  }
}

function test(){
  var tmpECHO = '';
  tmpECHO += ( "getNextHeftList&nbsp;&nbsp;&nbsp;maxArticle: " + maxArticle + "&nbsp;&nbsp;&nbsp;" + '    currentArticle: ' + currentArticle + " -> Seiten: " + aktuelleSeite + "/" + Math.ceil( maxArticle / 8 ) + "<br>" );
  ECHO( tmpECHO );
}

function toggle( pNum ){ 
	//alert( pNum );
	if( document.getElementById( pNum ).style.display=="none" )
	{
	    document.getElementById( pNum ).style.display="block";	 
		
		document[ pNum + '1' ].src = "fileadmin/templates/ph2/img/comment_fold.gif";
	}
	else
	{
	    document.getElementById( pNum ).style.display="none";	 

		document[ pNum + '1' ].src = "fileadmin/templates/ph2/img/comment_expand.gif";
	}
	
	
  tmpS = 'comment_' + pNum;
//  tmpB = 'big_' + pNum;
  HIDE(tmpS);
//  SHOW(tmpB);
}


function myStartUp(){
  var tmp = '';
  tmp += '<!-- DEBUG & ERROR Bereiche -->';                                                                                                                       
  tmp += '<style type="text/css">';
  tmp += '  #ErrorArea{ position: absolute; top: 10px; left: 820px; width: 420px; height: auto; padding: 5px; overflow: visible; color: #CC0000; font: normal 10px Arial; }';
  tmp += '  #DebugArea{ position: absolute; top: 50px; left: 820px; width: 420px; height: auto; padding: 5px; overflow: visible; color: Black; font: normal 10px Arial; border: 1px dotted #B9D1D3; background-color : white; }';
  tmp += '  .testCSS  { padding: 10px; background-color: Yellow; color: Red; font: bold 11px sans; }';
  tmp += '</style>';
  tmp += '<div id="ErrorArea"></div>';
  tmp += '<div id="DebugArea">';
  tmp += '  <div style="border-bottom: 1px solid #C80000; text-align:center; margin-bottom: 5px; color:black"><b>JS DEBUGGER by DN</b></div>';
  tmp += '  <div id="bereich"></div>';
  tmp += '</div>';                                                                                                                          
  tmp += '<!-- /DEBUG & ERROR Bereiche -->';
  document.getElementsByTagName('body')[0].innerHTML += tmp;
  INIT(true);
  //showGalleryItem( 'http://neu.partner-hund.de/uploads/pics/ruebe_auf_ruegen_haus_01_tn.jpg', 'mein text' )
}
//addEvent(window, 'load', myStartUp);