// VÖLKwerbung JavaScript Document 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) {
		munich_o = newImage("../bilder/scrollDn-o.gif");
		nav1_o = newImage("../bilder/scrollUp.gif");
		menu1_o = newImage("../bilder/ulSquare.gif");
		
		preloadFlag = true;
	}
}
	
$(document).ready(function() {
  
    /* sample function for animation; now in use*/
 $('#mainWrapper').css('display','none');					   
  var mainAnimation = function() {

	   $('#mainWrapper').animate({width: 'show'}, 'slow'); 
		
  };	
  mainAnimation();
  
});




$(document).ready(function(){

	/* PORTFOLIO button functions (buch, cd, kino, bauschild, gebäude, display, bastelbogen, leichtobjekt */
   $('.smallImage ').css('display','inline');
   $('.smallImage img').hover(function() {
		var $imageSm = $(this);
		var $imageSmID = $(this).attr('id');
		var $titel = $(this).attr('alt');
		var $description = $(this).parent('a').text();
		//			alert($printTitel + ", " + $printDescription);
		var $imageSm = $(this);
		var $imageSmID = $(this).attr('id');
		// alert($imageID);
		var $currentLg = $('#largeImage').css('background-image');
		if (this.id == $imageSmID) {
			// alert("this.id = " + $imageSmIDLogo + " $currentLgImage = " + $currentLgImage);
			 $(this).css('background-color', '#ffffff');
			 $(this).css('border-color', '#B5142F');
			 $(this).fadeTo("fast", 0.5);
			// assign path to large piture
			var $imageSmPath = $imageSm.attr('alt');
			var imageLgPath = $imageSmPath;
			var $imgLg = $('#largeImage');
			var $imgLgBG = $imageSm.css('background-image') //gets just url
			alert("$imgLgBG: " + $imgLgBG + ";    $currentLg: " + $currentLg);
			if ($imgLgBG != $currentLg) {
				$imgLg.animate({width: 0}, 'fast', function() {
				$imgLg.css('background', $imgLgBG).css('background-color', '#e5e2da').css('background-repeat', 'no-repeat').css('background-position', 'center center');
				$imgLg.animate({width: 560}, 'normal');
					// fadeIn text description 
					var $text = $titel;
					$('.mainFloatDescription').html($text + '<br />' + $description);
				});
			}
		}
  }, function() {
	$('.smallImage img').fadeTo("fast", 1);
	$('.smallImage img').css('background-color', '#e5e2da');
	$('.smallImage img').css('border-color', '#000078');
	
  });	
   
	/* PORTFOLIO set up scroller in X direction (left/rigth) variables for scroller to right position on hover */				   
	$('.smallButton').css('overflow-y', 'hidden');
	$('.smallImage').css('overflow', 'visible'); // won't override overflow auto
	$('#scrollerX p img').css('position', 'absolute'); // have to position element with absolute or relative to animate!!
	$('#scrollerX p img').css('left', '-100');
	// var $smLogoHeight = $('.smallLogoButton').css('height');	// is always auto (320px)!
//	var $visibleWidth = 147; // (48+1) * 3
	var $visibleWidth = 126; // (41+1) * 3
//	var $smHeight = $('.smallImage').css('height');	
	var $nrSm = $('.smallImage img').length;
	//alert($nrSm);
	if ($nrSm <= 3) {
		$('#scrollerX').css('display', 'none');
	};
	// there are all smallImages in one row
	var $smWidth = ($nrSm * (41 + 1));
	//var $smWidth = ($nrSm * 41);
	//alert($smWidth);
	var $endPosition = $smWidth - $visibleWidth;
	//alert('$endPosition: ' + $endPosition);
	var $newPositon = 0;
	/* set up toggle mechanism*/
	var toggleRight = 'images/scrollRight.gif';
 	var toggleLeft = 'images/scrollLeft.gif';
	$('#scrollerX').hover(function() {
		// nice transition on hover/mouseover
		//alert($imgArrow);
		$('#scrollerX p img').animate({left: 0}, 'slow');
		$('#scrollerX p').css('cursor', 'pointer');

 	 }, function() {
			$('#scrollerX p').css('cursor', 'default');
			$('#scrollerX p img').animate({left: -100}, 'slow');
		
 	 });
		$('#scrollerX').mousedown(function() {
		
	//	var $newPositon = $smWidth - $visibleWidth;
	//	alert($newPositon);
			var $currentPos = $('.smallImage').css('position', 'absolute');
			var $currentPos = $('.smallImage').css('top').slice(0,-2);
			//alert('$currentPos: ' + $currentPos);
		var toggleSource = $('#scrollerX p img').attr('src');
	
		if (toggleSource == toggleRight) {	
			if ($newPositon <= $endPosition) {
			$newPositon = $newPositon + $visibleWidth;
			//alert('$newPositon: ' + $newPositon);
			 $('.smallImage').animate({left: -$newPositon}, 'slow', function() {
				// $('#scrollerX p img').attr('src', toggleLeft);	
				// $('#scrollerX p').slideDown(1000);
			});
			 	//$('#scrollerX p img').attr('src', toggleLeft);	
				//$('#scrollerX p').slideDown(1000);
	 		} else {
				$('#scrollerX p img').attr('src', toggleLeft);	
				$('.smallImage').animate({left: 0}, 'slow', function() {
				 $('#scrollerX p img').attr('src', toggleRight);
				 //$('#scrollerX p').slideDown(1000);
				 $newPositon = 0;
	 	  });
				
			}
		// } else {
			 //if ($newPositon >= 0) {
		  	
		 	//	$('#scrollerX p img').attr('src', toggleRight);
			//	alert('$newPositon: ' + $newPositon);
			 //}
		 
		 }; 
 	 });


   	/* PRINT portfolio button functions (anzeige, prospekt, web)  */	
   //$('.smallImagePrint ').css('display','inline');
  // $('.smallImagePrint p').css('display','none');
   $('.smallImagePrint span').mouseover(function() {
	//$('.smallImagePrint h5').css('color', '#B5142F');
	//alert(rotateInProgress);
		//var $imageSmID = $(this).$('h5:parent').text();
		var $imageSmID = $(this).parent('a').find('li:eq(0)').text();
		//alert($imageSmID);
		var $printTitel = $(this).text();
		var $printDescription = $(this).parent('a').find('li:eq(1)').text();
		var $printImage = $(this).parent('a').find('li:eq(2)').text();
		//alert($printImage);
		//		alert($printTitel + ", " + $printDescription);
		var $currentLgImage = $('#largeImage').css('background-image');
		var $imageLGID = $('#largeImage img').attr('id');
	//	alert("$printImage: " + $printImage + ";    $imageLGID: " + $imageLGID);
		if ($printImage != $currentLgImage) {
			var $largeImg = $('#largeImage'); 
			//var $newPath = 'url(http://www.voelk-online.de/newland/' + $printImage + ')';	//assigns absolute path to work correctly
			var $newPath = 'url(../' + $printImage + ')';
			//alert($newPath);
				$largeImg.animate({width: 0}, 'fast', function() {
				 $largeImg.css('background', $newPath).css('background-color', '#e5e2da').css('background-repeat', 'no-repeat').css('background-position', 'center center');
				//$('#image0').attr('src', $printImage).css('display', 'inline'); 
				$largeImg.animate({width: 560}, 'normal');
					// fadeIn text description 
					var $printText = $printTitel;
					$('.mainFloatDescription').html($printText + '<br />' + $printDescription);
				});
			}
	
  });
  

 


	/* LOGO set up scroller in Y direction (down) variables for scroller to right position on hover */				   
	$('.smallLogoButton').css('overflow-y', 'hidden');
	$('.smallImageLogo').css('overflow', 'visible'); // won't override overflow auto
	$('#scrollerYLogo p img').css('position', 'absolute'); // have to position element with absolute or relative to animate!!
	// var $smLogoHeight = $('.smallLogoButton').css('height');	// is always auto (320px)!
//	var $visibleHeight = 319; // height is the same everywhere, defined it already
	var $smLogoHeight = $('.smallImageLogo').css('height');	
	var $nrSmLogo = $('.smallImageLogo img').length;
	// there are 5 smallImages in one row
	var $smLogoRows = Math.ceil($nrSmLogo / 5);	
	//alert($smLogoRows);
	var $smLogoHeight = ($smLogoRows * (28 + 1));	
	// alert($smLogoHeight + " ; nr of logos: " + $nrSmLogo + " ; nr of rows: " + $smLogoRows); 
	//$('.subNavButton').hover(function() {
	/* set up toggle mechanism*/
	var toggleUpLogo = 'images/scrollUp.gif';
 	var toggleDownLogo = 'images/scrollDn.gif';
	$('#scrollerYLogo').hover(function() {
		// nice transition on hover/mouseover
		$('#scrollerYLogo p').css('cursor', 'pointer');
		$('#scrollerYLogo p img').animate({top: 16}, 'slow');

 	 }, function() {
			$('#scrollerYLogo p').css('cursor', 'default');
			$('#scrollerYLogo p img').animate({top: 0}, 'slow');
		
 	 });
	$('#scrollerYLogo').mousedown(function() {
		// nice transition on hover/mouseover
		//$('#scrollerYLogo p').slideUp(1000);
		var $currentPosLogo = $('.smallImageLogo').css('position', 'absolute');
		var $currentPosLogo = $('.smallImageLogo').css('top').slice(0,-2);
		//alert($currentPosLogo);
		var $newPosLogo = $smLogoHeight - $visibleHeight;
		var toggleSourceLogo = $('#scrollerYLogo img').attr('src');
		//alert("toggleSourceLogo is:" + toggleSourceLogo);
		if (toggleSourceLogo == toggleDownLogo) {
			 //alert("toggleSourceLogo is:" + toggleSourceLogo);
			 $('.smallImageLogo').animate({top: -$newPosLogo}, 'slow', function() {
				 $('#scrollerYLogo p img').attr('src', toggleUpLogo);	
				// $('#scrollerYLogo p').slideDown(1000);

	 		});	
		
		 } else {
			  $('.smallImageLogo').animate({top: 0}, 'slow', function() {
				 $('#scrollerYLogo p img').attr('src', toggleDownLogo);	
				// $('#scrollerYLogo p').slideDown(1000);
	 		});	
		 
		 }; 
// 	  }, function() {
		//$('#scrollerYLogo p').css('background-color', 'transparent');
	//	$('#scrollerYLogo p').slideToggle(1000);
		//$('#scrollerYLogo p').slideDown(1000);
//		$('#scrollerYLogo p').slideDown(1000);
			//	 preventDefault();
  });	 	
	
	/* LOGO portfolio button functions  */	
   $('.smallImageLogo ').css('display','inline');
   $('.smallImageLogo img').hover(function() {
	//alert(rotateInProgress);
		var $imageSmLogo = $(this);
		var $imageSmIDLogo = $(this).attr('id');
		var $logoTitel = $(this).attr('alt');
		var $logoDescription = $(this).parent('a').text();
		//			alert($logoTitel + ", " + $logoDescription);
		var $currentLgImage = $('#largeImageLogo').css('background-image');
		if (this.id == $imageSmIDLogo) {
			 //alert("this.id = " + $imageSmIDLogo + " $currentLgImage = " + $currentLgImage);
			 $(this).css('background-color', '#ffffff');
			 $(this).css('border-color', '#B5142F');
			 $(this).fadeTo("fast", 0.5);
			// assign path to large piture
			var $imageSmPathLogo = $imageSmLogo.attr('alt');
			var imageLgPathLogo = $imageSmPathLogo;
			var $imgLgLogo = $('#largeImageLogo');
			var $imgLgBG = $imageSmLogo.css('background-image') //gets just url
		//	alert($imgLgBG);
			if ($imgLgBG != $currentLgImage) {
				$imgLgLogo.animate({width: 0}, 'fast', function() {
				$imgLgLogo.css('background', $imgLgBG).css('background-color', '#e5e2da').css('background-repeat', 'no-repeat').css('background-position', 'center center');
				$imgLgLogo.animate({width: 460}, 'normal');
					// fadeIn text description 
					var $logoText = $logoTitel;
					$('.mainFloatDescription').html($logoText + '<br />' + $logoDescription);
				});
			}
			/* if large image shows on hover, click handler not needed */
			/* $(this).click(function() {
				alert($imgLgLogo.attr('src'));
			  $('#largeImageLogo').fadeTo('fast', 1, function() {
	   	 	}); 
	
		});*/

		}
	
  }, function() {
	$('.smallImageLogo img').fadeTo("fast", 1);
	$('.smallImageLogo img').css('background-color', '#e5e2da');
	$('.smallImageLogo img').css('border-color', '#000078');
	
  });	
   
	 
	/* LOGO orig set up scroller in Y direction variables for scroller to right position on hover */				   
/*	$('.smallLogoButton').css('overflow-y', 'hidden');
	$('.smallImageLogo').css('overflow', 'visible'); 
	var $visibleHeight = 319;
	var $smLogoHeight = $('.smallImageLogo').css('height');	
	var $nrSmLogo = $('.smallImageLogo img').length;
	var $smLogoRows = Math.ceil($nrSmLogo / 5);	
	var $smLogoHeight = ($smLogoRows * (28 + 1));	
	var toggleUp = 'bilder/scrollUp.gif';
 	var toggleDown = 'bilder/scrollDn.gif';
	$('.subNavButton').click(function() {
	var $currentPosition = $('.smallImageLogo').css('position', 'absolute');
	var $currentPosition = $('.smallImageLogo').css('top').slice(0,-2);
	var $newPositon = $smLogoHeight - $visibleHeight;
	var toggleSource = $('#scrollerY p img').attr('src');
	if (toggleSource == toggleDown) {
		 alert("toggleSource is:" + toggleSource);
		 $('.smallImageLogo').animate({top: -$newPositon}, 'slow', function() {
				 $('#scrollerY p img').attr('src', toggleUp);															
	 	});	
		
	 } else {
		  $('.smallImageLogo').animate({top: 0}, 'slow', function() {
				 $('#scrollerY p img').attr('src', toggleDown);															
	 	});	
		 
	 }; 
 	 }); 
	 */


});