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);
    }
}

/* ===============================================================
 * Object GC (2010-03-30 mp)
 * ---------------------------------------------------------------
 * Getting Google Tracking Session Codes 
 * and put them into the contact mail form 
 * as hidden fields to send
 * ---------------------------------------------------------------
 */
var GC = {
	session: null,
	elements: null,

	initialize: function(elements, form) {
		this.elements = elements;
		this.form = form;
		this.gsession = this.convert(document.cookie, '__utmz=', ';');
		this.prepareSession();
		this.setItems();
	},

	prepareSession: function() {
		this.session = new Array();
		for(var item in this.elements) {
			var sessionKey = this.elements[item][1].concat('=');
			var value = this.convert(this.gsession, sessionKey, '|');
			this.session[item] = value;
		};
		this.validate();
	},

	setItems: function() {
		for(var item in this.elements) {
			$(item).setAttribute('value', this.elements[item][0].concat(': ').concat(this.session[item]));
		};
	},

	validate: function() {
		for(var item in this.elements) {
			if(item == 'gcgclid' || item == 'gcsegment') {
				switch(item) {
					case 'gcgclid':
						if(this.session['gcgclid'] != '-') {
							this.session['gcsource'] = 'google';
							this.session['gcmedium'] = 'cpc';
						};
						break;
					case 'gcsegment':
						var segment = this.convert(document.cookie, '__utmv=', ';');
						if(segment != '-') {
							var segmentex = /[1-9]*?\.(.*)/;
							segment = segment.match(segmentex);
							this.session['gcsegment'] = segment[1];
						};
						break;
				};				
			};			
		};		
	},

	index: function(element) {
		for(i = 0; i < $(this.form).length; i++) {
			if($(this.form)[i].id.toString() == element) {
				return i;
			};
		};
	},

	convert: function(l, n, s) {
		if(!l || l == "" || !n || n == "" || !s || s == "") return "-";
		var i, i2, i3, c = "-";
		i = l.indexOf(n);
		i3 = n.indexOf("=") + 1;
		if(i > -1) {
			i2 = l.indexOf(s, i); if(i2 < 0) { i2 = l.length; }
			c = l.substring((i + i3), i2);
		}
		return c;
	}
};

/* ===============================================================
 * Object ACC (2010-04-06 mp)
 * ---------------------------------------------------------------
 * Accordion Object for arranging elements 
 * in an accordion context
 * ---------------------------------------------------------------
 */
var ACC = {
	initialize: function() {
		var verticalAccordion = new accordion('accordion', {
			resizeSpeed: 6,
			classNames: {
				toggle: 'acc-header',
				toggleActive: 'acc-active',
				content: 'acc-content'
			},
			defaultSize: {
				height: null,
				width: null
			},
			direction: 'vertical',
			onEvent: 'click'
		});
		verticalAccordion.activate($$('#accordion .acc-header')[0]);
	}
};

Event.observe(window, "load", function() {	
	if($('emailForm')) {
		GC.initialize({
			'gcsource':		['Quelle', 'utmcsr'], 
			'gcmedium':		['Medium', 'utmcmd'],
			'gcterm':			['Keyword', 'utmctr'],
			'gccontent':	['Inhalt', 'utmcct'],
			'gccampaign':	['Kampagne', 'utmccn'],
			'gcsegment':	['Segment', ''],
			'gcgclid':		['gclid', 'utmgclid']},
			'emailForm');
	}
	//ACC.initialize();
});