// PLM JavaScript Document Basic JS in combination with jQuery

//function open window not used jet
function openNewWindow(URLtoOpen, windowName, windowFeatures)
{ newWindow=window.open (URLtoOpen, windowName, windowFeatures);}


function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function changeImages() {
	if (document.images && (preloadFlag == true)) {
		for (var i=0; i<changeImages.arguments.length; i+=2) {
			document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
		}
	}
}

var preloadFlag = false;
function preloadImages() {
	if (document.images) {
		
		/* paths always relative to document!! */
		impressum_o = newImage("bilder/impressum-o.gif");
		disclaimer_o = newImage("bilder/disclaimer-o.gif");

		map_o = newImage("bilder/map-o.gif");
		download_o = newImage("bilder/download-o.gif");

		profil_o = newImage("bilder/profil.gif");
		produkte_o = newImage("bilder/produkte.gif");
		gmp_o = newImage("bilder/gmp.gif");
		plagiat_o = newImage("bilder/plagiat.gif");
		technik_o = newImage("bilder/technik.gif");
		download_o = newImage("bilder/download.gif");
		leistung_o = newImage("bilder/leistung.gif");
		aktuell_o = newImage("bilder/aktuell.gif");
		design_o = newImage("bilder/design.gif");
		beruf_o = newImage("bilder/beruf.gif");
		kontakt_o = newImage("bilder/kontakt.gif");
		sitemap_o = newImage("bilder/sitemap.gif");

		pfeil_o = newImage("bilder/pfeil-o.gif");

		titel1 = newImage("bilder/topnav1.gif");
		titel2 = newImage("bilder/topnav2.gif");
		titel3 = newImage("bilder/topnav3.gif");
		titel4 = newImage("bilder/topnav4.gif");
		titel5 = newImage("bilder/topnav5.gif");
		titel6 = newImage("bilder/topnav6.gif");
		titel8 = newImage("bilder/topnav8.gif");
		titel9 = newImage("bilder/topnav9.gif");
		
		
		preloadFlag = true;
	}
}


	
$(document).ready(function() {
						   
  /* index tagCload show function */
  $('#keywords').hover(function () {
	  $(this).css('color', '#b7b6b6').css('cursor', 'pointer');
   }, function() {
	  $(this).css('color', '#5e8c9a');
  });
  		
 $('#keywords').click(function () {
	  $('.description').css('top', '380px');
	 // $('.description').fadeIn(1500);
	
  });
  $('#close').hover(function () {
	  $(this).css('color', '#b7b6b6').css('cursor', 'pointer');
   }, function() {
	  $(this).css('color', '#5e8c9a');
  });
 $('#close').click(function () {
	  $('.description').css('top', '1000px');
	 // $('.description').fadeIn(1500);
	
  });
	/* apply a class of firstChild to elements to fake the first-child pseudo-selector for IE6  */ 
	$('#contentWrapper > .mainContent:first').addClass('firstChild') ; 
	
/* AKTUELL weiter lesen funktion */
 $('span.mehr').each(function (index) {
	 $(this).before('<span class="ellipsis">&hellip;</span>');	
	 $(this).before('<span class="mehrLink">>> weiter </span>');		
	 
	 $(this).css('display', 'none');
	 //$(this).css('visibility', 'hidden');
	 
    });
 
  /* mehr link function */
  $('.mehrLink').hover(function () {
	  $(this).css('color', '#b7b6b6').css('cursor', 'pointer');
   }, function() {
	  $(this).css('color', '#004c64');
  });
  
  
 $('.mehrLink').click(function () {
	  $('span.ellipsis').css('display', 'inline');
	 // $('span.ellipsis').css('visibility', 'visible');
	  $('span.mehr').css('display', 'none');
	 // $('span.mehr').css('visibility', 'hidden');
	  $('.mehrLink').css('display', 'block');
	 
	  $(this).css('display', 'none').next().css('display', 'inline');
	  $(this).parent().find('span.ellipsis').css('display', 'none');
	  //$(this).parent().find('span.ellipsis').css('visibility', 'hidden');
  });
  
 
 /* STARTSEITEN ANIMATION*/
 
 $('#zertifiziert').hide();
// $('#zertifiziert').fadeTo('fast', 0.5);
// $('#draggable').hide();
// $('#zertifiziert').css('background', 'none');
//	$('#zertifiziert').css('display', 'none');
// $('#zertifiziert img').css('display', 'none');
// $('#zertifiziert2').hide();
// $('#zertifiziert2').css('display', 'none');
 
 /*$('#zertifiziert').fadeIn('slow');
 $('#zertifiziert2').slideDown('slow');*/
/* $('#zertifiziert').fadeIn('slow').click(function() {
	 $('#zertifiziert2').slideDown('slow');
	 }); */
/*	$('#zertifiziert').fadeTo('slow', 1.0, function() {
	 $(this).next().css('display', 'block').css('border-bottom', 'solid 1px #ffffff');
	 });*/ /* testers works */
	
/*	$('#zertifiziert').hide().fadeTo('slow', 1.0, function() {
	 $(this).next().css('display', 'block');
	 }); */
	
	/*$('#zertifiziert').animate({				   
		opacity: 1
	},"slow", function() {
      $(this).next().css('display', 'block');
    }); */
	

		
//	$('#wrap').hide();
	
	//$('#mainWrap').slideDown('slow');
						   
						   
	//$('#line').css('display', 'none');
	$('#line').css({'margin-left': '100px'}).hide();
	//$('#logoFSC').css('display', 'none');
	$('#logoFSC').hide();
	$('#logoPEFC').css('display', 'none');
	$('#zertifiziertArrows').css('display', 'none');
	
/*	$('#zertifiziert').fadeTo('slow', 1.0, function() {
	 $(this).next().css('display', 'block');
	 }); */
	//$('#zertifiziert').fadeIn('slow', 1.0);
	
	//$('#line').animate({left: 50}, 'slow');
//	$('#zertifiziert').fadeIn('slow', 1.0);
//	$('#zertifiziert').css({'background-image':'url(../de/bilder/zertifiziertBg.gif)', 'visibility':'visible'}).fadeIn('slow', 1.0);
//	$('#zertifiziert').fadeIn('slow', 1.0);

	//$('#zertifiziert img').css('display', 'inline');
	
	//  $('#draggable').animate({height: 'show'}, 'slow'); 
//	 $('#zertifiziert').animate({height: 'show'}, 'slow'); 
//	 $('#zertifiziert').slideDown('slow'); 
//	 $('#zertifiziert').animate({width: 'show'}, 900); // nice
//	 $('#zertifiziert').animate({opacity: 0.4}, 'slow'); //any fading does't work; 
	//$('#zertifiziert').animate({width: 'show', opacity: 1}, 'slow'); 
//	$('#zertifiziert').fadeIn('slow');
	$('#zertifiziert').fadeIn(1500);
	/*$('#zertifiziert').fadeIn(1500,function() {
		$('#mainWrap').slideDown('slow');
	}); */
	
	/*  $('#wrap').animate({height: 'show'},1000,function() {
		$('#zertifiziert').fadeIn(1500);
	}); */
	  
	/*$('#line').animate({ 
        width: "70%",
        opacity: 0.4,
        marginLeft: "0.6in",
        fontSize: "3em", 
        borderWidth: "10px"
      }, 1500 ); */
	
	$('#line').animate({ 
        width: "80%",
		//width: "60%",
		//width: "380px",
        opacity: 0.4,
		marginLeft: "0.4in"
      }, 1500, function() {
		  $(this).next().slideDown('slow');
		  $(this).next().next().slideDown('slow', function() {
   			// $(this).next().slideDown('slow');
			  $(this).next().animate({width: 'show'},'slow');
			 //$('#zertifiziert').css('display', 'block'); // works, but no nice fade
			 
		});
		 
	 	}); 

/* $('#zertifiziert').animate({				   
		opacity: 1
	},"slow", function() {
      $(this).next().css('display', 'block');
	  
	  $('#line').animate({ 
        width: "80%",
        opacity: 1.0,
        marginLeft: "0.4in"
      }, 1500, function() {
		  
		  $(this).next().slideDown('slow');
		  $(this).next().next().slideDown('slow', function() {
   			 $(this).next().slideDown('slow');
		});
		 
	 	});
 }); */

/*$("div.headline:eq(" + old_headline + ")").animate({top: -205},"slow", function() {
    $(this).css('top', '210px');
}); */

	$("#zertifiziertArrows").hover(
      function () {
		$('#zertifiziertArrows').css('cursor', 'pointer');
		$('#zertifiziertArrows').css({'background-image':'url(../faltschachteln/bilder/zertifiziertArrows-o.gif)'});
	  }, 
      function () {
		$('#zertifiziertArrows').css('cursor', 'default');
        $('#zertifiziertArrows').css({'background-image':'url(../faltschachteln/bilder/zertifiziertArrows.gif)'});
      }
	);
	
	$("#zertArrowsBack").hover(
      function () {
		$('#zertArrowsBack').css('cursor', 'pointer');
		$('#zertArrowsBack').css({'background-image':'url(../faltschachteln/bilder/zertArrowsBack-o.gif)'});
	  }, 
      function () {
		$('#zertifiziertArrows').css('cursor', 'default');
        $('#zertArrowsBack').css({'background-image':'url(../faltschachteln/bilder/zertArrowsBack.gif)'});
      }
	);


/* bottom navigation button arrow up */
	
	$('#bottomArrow').css('display', 'block');
	$('#bottomArrow').css('cursor', 'pointer');
	//$('#mainWrap').css('display', 'none');
	//$('#mainWrap').fadeIn('slow');
	// $('#mainWrap').css('top', '175px');
	
	var p = $('#mainWrap');
	/*var pp = $('#bottomArrow p:first');
	var offset = p.offset();
	pp.html( "offset left: " + offset.left + ", offset top: " + offset.top );*/
	
	// here in these settings  offset and position return same values
	/*var ppp = $('#bottomArrow p:last'); 
	var position = p.position();
	ppp.html( "position left: " + position.left + ", position top: " + position.top );*/
		
//	$('#mainWrap').scrollTop(0);	
	
	/*$(window).scroll(function () { 
     //$('#mainWrap').css('display', 'inline').fadeOut('slow');
	// $('#mainWrap').slideDown('slow');
	
	 // alert('window scrolling');
    }); */
	
/*	$('#mainWrap').scroll(function () { 
      //$("#mainWrap").css("display", "inline").fadeOut("slow");
	 
	// alert('mainWrap scrolling');
	  var offset = p.offset();
	pp.html( "after scroll: offset left: " + offset.left + ", offset top: " + offset.top );
    }); */
	
	
	$("#bottomArrow").click(
      function () {
		 //  var position = $('#mainWrap').css('top');
		  // alert('position ' + position);
		// $('#mainWrap').css('left', '175px'); // works!
		// $('#mainWrap').css('top', '175px'); // this doesn't work!
		//$('#mainWrap').css('top', '375px');
		// $('#mainWrap').fadeOut(1500);
		// $('#mainWrap').css('top', '175px'); 
		// relative movement; takes current position as start value
		/*$('#mainWrap').animate({ 
        top: "+=175"
      }, 1500 ); */
		/*var pp = $('#bottomArrow p:first');
		var offset = p.offset();
		pp.html( "after click: offset left: " + offset.left + ", offset top: " + offset.top );*/
	//	$('#mainWrap').fadeTo("slow", 0.7);
	//	$('#mainWrap').slideDown('slow');	
		
		$('#mainWrap').scrollTop(0);	
      }
	);
	
	 $("#bottomArrow").click(
      function () {
				
			//$('#pane1').scrollTop(0);	
			$("body").scrollTop(0);	// disable when scroll-pane is implemented!!!!! Not needed anymore
			
		//	$(".scroll-pane").scrollTo(0);	 //no go
		//	$(".scroll-pane").scrollTop(0);
      }
	);	  
		  
	
	//$('#pane1 .text .textHeight').text( "scrollTop:" + p.scrollTop() );
	
});