var clock;
var clockglobal;
var imagecontainer;
var imageindex = 0;
var blocked = false;
var contactformsent = false;

function DisplayImages() {
	var imagearray = GetImageArray();
	var div = new Array(8);
	var arc = new Array(8);
	
	for(var i = 0; i < imagearray.length; i++) {
		imagearray[i].style.border = 'none';
		arc[i] = document.createElement('a');
		arc[i].setAttribute('href', 'images/img/raptor-2.jpg');	
		arc[i].setAttribute('rel', 'lightbox');	
		arc[i].setAttribute('title', 'Beispieltext Beispieltext Beispieltext');
		arc[i].appendChild(imagearray[i]);
		
		div[i] 		= document.createElement('div');
		div[i].id = 'div'+i;
		//div[i].appendChild(imagearray[i]);
		div[i].appendChild(arc[i]);		
	}
	
	for(i = 0; i < div.length; i++) {
		imagecontainer.appendChild(div[i]);
	}
	
	HideImages();
	clock = window.setInterval("ShowImage()", 2000)
}

function ShowImages() {
	//image = 'div'+imageindex++;
	//if(imageindex == 8) window.clearInterval(clock);
	
	var images = imagecontainer.getElementsByTagName('div');
	var image;
	
	for(var i = 0; i < images.length; i++) {			
		image = images[i].getElementsByTagName('div');
		
		for(var x = 0; x < image.length; x++)
			new Effect.Appear(image[x].id, {duration: 0.5, queue: {position: 'end', scope: 'produkte'}});
		
		//new Effect.Fade(images[i].id, {duration: 0.5, queue: {position: 'end', scope: 'produkte'}});
	}
	
	var qprodukte = Effect.Queues.get('produkte');
	qprodukte.interval = 2000;
}

function HideImages() {
 	imagecontainer = document.getElementById('imagecontainer_items');
	if(imagecontainer == null) imagecontainer = document.getElementById('imagecontainer');
	
	var images = imagecontainer.getElementsByTagName('div');
	var image;
	
	for(var i = 0; i < images.length; i++) {
		image = images[i].getElementsByTagName('div');
		
		for(var x = 0; x < image.length; x++)			
			image[x].style.display = 'none';
	}
}

function DeleteImages() {
	var images = imagecontainer.getElementsByTagName('div');

	for(image in images) {		
		imagecontainer.removeChild(images[image]);
	}
}

function HighlightImage(imageid) {
	//var image = document.getElementById(imageid);
	//image.width = image.width + 6;
	//image.height = image.height + 6;
	new Effect.Scale(imageid, 102, {duration: 0.2, scaleFromCenter: true});
	//window.setTimeout('DisplayImage(\''+imageid+'\')', 300);
}

function RefreshImage(imageid) {
	new Effect.Scale(imageid, 98, {duration: 0.2, queue: 'end'});
}

function DisplayImage(imageid) {
	var image = document.getElementById(imageid);
	new Effect.Appear(image.id, {duration: 0.1});
}

function ScaleImage(image, size, height, width) {
	if(!blocked) {
		blocked = true;		
		
		/*
		Element.hide(image.id);
		new Effect.Appear(image.id, {queue: 'end', duration:0.2});
		*/
		
		/*
		new Effect.Scale(image.id, size, {duration: 0.2, scaleFromCenter: false, queue: 'start', transition:Effect.Transitions.sinoidal});
		//new Effect.Scale(image.id, 90, {duration: 0.3, scaleFromCenter: false, queue: 'end', transition:Effect.Transitions.sinoidal});
		*/
		new Effect.Highlight(image, {startcolor:'#ff99ff', endcolor:'#999999'});
		
		/*
		new Effect.Scale(image.id, size, {duration: 0.3, scaleFromCenter: false, scaleMode: {originalHeight: height, originalWidth:width}, transition:Effect.Transitions.sinoidal});
		new Effect.Scale(image.id, 100, {duration: 0.3, scaleFromCenter: true, scaleMode: {originalHeight: 147, originalWidth: 103}, transition:Effect.Transitions.sinoidal, queue: "end"});
		*/
		
		blocked = false;		
	}	
}

/*
function ScaleImage(image, size) {
	new Effect.Scale(image.id, 100, {duration: 0.3, scaleFromCenter: true, scaleMode: {originalHeight: 167, originalWidth:123}, transition:Effect.Transitions.sinoidal});
	new Effect.Scale(image.id, 100, {duration: 0.3, scaleFromCenter: true, scaleMode: {originalHeight: 147, originalWidth: 103}, transition:Effect.Transitions.sinoidal, queue: "end"});
}
*/



function load() {
	if (GBrowserIsCompatible()) {
    
    // Marker erstellen 
    function createMarker(point,html) {
    var marker_pb = new GMarker(point);    

    // Zeige Info Fenster bei Klick
    GEvent.addListener(marker_pb, 'mouseover', function() { marker_pb.openInfoWindowHtml(html);});
    return marker_pb;
    }

    // Karte auf Gizeh Pyramiden ausrichten, Zoom und Navigationsleiste anzeigen, Kartentyp festlegen
    var map_pb = new GMap2(document.getElementById("map"));    
    map_pb.addControl(new GLargeMapControl());
    map_pb.addControl(new GMapTypeControl());
   // map_pb.setCenter(new GLatLng(51.729894,8.7225091), 12, G_NORMAL_MAP);
   map_pb.setCenter(new GLatLng(51.729729,8.722510), 12, G_NORMAL_MAP);


    // Icon mit Info-Fenster 
    var point_pb = new GLatLng(51.729550,8.722510);
    var marker_pb = createMarker(point_pb,'Heinrich Hecker AG & Co. Kommanditgesellschaft<br/>Stedener Feld 10<br/>33104 Paderborn')
    map_pb.addOverlay(marker_pb);
    }
}