// JavaScript Document
var textcache = "textcache";
var browser = navigator.userAgent.toLowerCase();
if (document.location.href.search("index")!=0) { var docurl=document.location.href.slice(0, document.location.href.search("index"));}
else {var docurl=document.location.href;}
var docurlchecker=docurl.slice(docurl.length-1, docurl.length)
if (docurlchecker!="/") {docurl+="/"}
if (docurl.search("test")!=-1) {var schneidemarker1=docurl.search("test")+5;} else {var schneidemarker1=docurl.search("and-i")+10;}
var rootpath=docurl.slice(0, schneidemarker1);
var smallURL=docurl.slice(schneidemarker1, docurl.length);
var ebene1=smallURL.slice(0, smallURL.search("/"));
if(ebene1=="") {ebene1="home"}
var ebene2=smallURL.slice(ebene1.length+1, smallURL.length);
var ebene2ohne=ebene2.slice(0, ebene2.search("/"));

//mailadressen im nachhinein rendern gegen spambots
function spammail(user, domain, suffix) { 
document.write('<a href="' + 'mailto:' + user + '@' + domain + '.' + suffix + '">' + user + '@' + domain + '.' + suffix + '</a>'); 
} 

//Funktion bei Mouseout von Thumbnail
function gal_out(saywhat, thumbhandle)
{
 document.getElementById("pic").src = "start.jpg";
 if (saywhat.indexOf("_off")!=-1) {var schneidemarker = saywhat.length - 8;}
 if (saywhat.indexOf("_on")!=-1) {var schneidemarker = saywhat.length - 7;}
 thumbhandle.src = saywhat.slice(0, schneidemarker) + "_off.jpg";
 if (thumbRow[0].textfeld!="") {document.getElementById("textfeld").style.visibility = "visible";};
}

//Funktion bei Mouseover von Thumbnail
function gal_in(saywhat, thumbhandle)
{
 if (saywhat.indexOf("_off")!=-1) {var schneidemarker = saywhat.length - 8;}
 if (saywhat.indexOf("_on")!=-1) {var schneidemarker = saywhat.length - 7;}
 var bildflip = saywhat.slice(0, schneidemarker) + ".jpg";
 thumbhandle.src = saywhat.slice(0, schneidemarker) + "_on.jpg";
 document.getElementById("pic").src = bildflip;
 document.getElementById("textfeld").style.visibility = "hidden";
}

function checkit()
{
if(count_images==count_loaded) { //wenn mit laden fertig
		for(i=0;i<thumbRow.length;i++) {
		document.getElementById("tmbRow"+i).style.visibility="visible"; //thumbnailrows werden eingeblendet
		}
		document.getElementById("textfeld").innerHTML=thumbRow[0].textfeld; //passendes textfeld wird eingeschalten
	 }
else { 
	for(i=0;i<thumbRow.length;i++) {
		for(i2=0;i2<thumbRow[i].images.length;i2++) {
			if(All_Images[i].bigones[i2].loaded==false && All_Images[i].bigones[i2].complete==true) 
			{count_loaded++; All_Images[i].bigones[i2].loaded = true}
			document.getElementById('loading').innerHTML=Math.round(count_loaded/count_images * 100)+'% <div id="loadingbar"></div>';
			document.getElementById('loadingbar').style.width=Math.round(count_loaded/count_images * 100);
			if(All_Images[i].thumb_on[i2].loaded==false && All_Images[i].thumb_on[i2].complete==true) 
			{count_loaded++; All_Images[i].thumb_on[i2].loaded = true}
			document.getElementById('loading').innerHTML=Math.round(count_loaded/count_images * 100)+'% <div id="loadingbar"></div>';
			document.getElementById('loadingbar').style.width=Math.round(count_loaded/count_images * 100);
			if(All_Images[i].thumb_off[i2].loaded==false && All_Images[i].thumb_off[i2].complete==true) 
			{count_loaded++; All_Images[i].thumb_off[i2].loaded = true}
			document.getElementById('loading').innerHTML=Math.round(count_loaded/count_images * 100)+'% <div id="loadingbar"></div>';			
			document.getElementById('loadingbar').style.width=Math.round(count_loaded/count_images * 100);
			}
		}
	timerID = setTimeout("checkit()",5)
	}
}

// Preloading images and write thumbnails
function writeGallery(){ 
	document.getElementById("contentwrapper").innerHTML='<div id="piclayer"><img src="start.jpg" alt="big picture" id="pic"><div id="textfeld"><div id="loading"></div></div></div><div id="tmbRow0" class="thumbrows"></div><div id="tmbRow1" class="thumbrows"></div><div id="tmbRow2" class="thumbrows"></div><div id="tmbrow3" class="thumbrows"></div><div id="linking"></div>';
	document.getElementById("textfeld").style.backgroundImage="url('http://"+document.domain+"/transparent.png')";
//	document.getElementById("loading").style.backgroundImage="url('http://"+document.domain+"/loader.gif')";
	if (thumbRow[0].textfeld!="") {document.getElementById("textfeld").style.visibility = "visible";}
	document.getElementById("download").innerHTML='<a href="'+rootpath+ebene1+'/'+ebene2+'www.and-i.net_'+ebene2ohne+'.zip"><img id="downloadImage" src="'+rootpath+'download.gif" alt="download these jewelry / fashion pics in high resolution"> download these pics</a>';
	document.getElementById("downloadImage").src="http://"+document.domain+"/download.gif";
	loaded = new Array()
	count_images=0;
	count_loaded=0;
	ThumbStr = new Array();
	All_Images = new Array();
	for(i=0;i<thumbRow.length;i++)
		{ // je nachdem wieviele thumbReihen existieren (def. im thumbRow array) mach das
		ThumbStr[i]="";
		count_images+=eval(thumbRow[i].images.length*3);
		All_Images[i] = new Array();
		All_Images[i].bigones = new Array();
		All_Images[i].thumb_on = new Array();
		All_Images[i].thumb_off = new Array();
		for(i2=0;i2<thumbRow[i].images.length;i2++) //je nachdem wieviel bildeinträge im array sind
			{
				All_Images[i].bigones[i2]= new Image();
				All_Images[i].bigones[i2].src=rootpath+ebene1+"/"+ebene2+thumbRow[i].images[i2]+".jpg";
				All_Images[i].bigones[i2].loaded = false;
				All_Images[i].thumb_on[i2]= new Image();
				All_Images[i].thumb_on[i2].src=rootpath+ebene1+"/"+ebene2+thumbRow[i].images[i2]+"_on.jpg";
				All_Images[i].thumb_on[i2].loaded = false;
				All_Images[i].thumb_off[i2]= new Image();
				All_Images[i].thumb_off[i2].src=rootpath+ebene1+"/"+ebene2+thumbRow[i].images[i2]+"_off.jpg";
				All_Images[i].thumb_off[i2].loaded = false;
				ThumbStr[i]+='<img src="'+All_Images[i].thumb_off[i2].src+'" class="thumbrows_img" onMouseOver="gal_in(this.src, this);" onMouseOut="gal_out(this.src, this);" /><br />'; 
			}
			document.getElementById("tmbRow"+i).innerHTML=ThumbStr[i];
		}
		if(typeof(window['thumbRow[0].linking'])!='undefined') {document.getElementById("linking").innerHTML = thumbRow[0].linking;}
		checkit(); // checkt den ladezustand
		
}

//mootools image slideshow intro

var Fader = new Class({
        Implements: Options,
        options: {
                pause: 5000,
                duration: 5000,
                loop: true,
                onComplete: Class.empty,
                onStart: Class.empty
        },
        initialize: function(container,options) {
                this.setOptions(options);
                this.container = $(container);
				
				// zeigt den container an
				this.container.style.visibility="visible";
				
                this.imgs = this.container.getElements('img');
                this.imgs.setStyles({
                        'position':'absolute',
                        'top':0,
                        'left':0,
                        'opacity':0,
			'z-index':15
                });
                this.imgs[0].setStyle('opacity',1);
                this.el = new Element('div',{'styles': {
                        'position':'relative',
			'z-index':15
            }});
            this.el.injectInside(this.container);
            this.el.adopt(this.imgs);
                this.next = 0;
                this.stop();
        },
        start: function() {
                this.show();
                this.periodical = this.show.bind(this).periodical(this.options.pause);
        },
        stop: function() {
                $clear(this.periodical);
        },
        show: function() {
                if (!this.options.loop && this.next==this.imgs.length-1) this.stop();
                this.next = (this.next==this.imgs.length-1)?0:this.next+1;
                var prev = (this.next==0)?this.imgs.length-1:this.next-1;
				this.imgs.set('tween', {duration: '4000'});	

                this.imgs[this.next].fade('in');
                this.imgs[prev].fade('out');
				//var FadeOut = function(){ this.imgs[prev].setStyle('opacity', 0); };
				//FadeOut.delay(5000);
				
        }

}); 

/*
Script: modalizer.js
	Defines Modalizer: functionality to overlay the window contents with a semi-transparent layer that prevents interaction with page content until it is removed

License:
	http://www.clientcide.com/wiki/cnet-libraries#license
*/
var Modalizer = new Class({
	defaultModalStyle: {
		display:'block',
		position:'fixed',
		'text-align':'center',
		top:0,
		left:0,	
		'z-index':5000,
		'background-color':'#333',
		opacity:0.8
	},
	setModalOptions: function(options){
		this.modalOptions = $merge({
			width:(window.getScrollSize().x),
			height:(window.getScrollSize().y),
			elementsToHide: 'select, embed' + (Browser.Engine.trident ? '': ', object'),
			hideOnClick: true,
			modalStyle: {},
			updateOnResize: true,
			layerId: 'modalOverlay',
			onModalHide: $empty,
			onModalShow: $empty
		}, this.modalOptions, options);
		return this;
	},
	layer: function(){
		if (!this.modalOptions.layerId) this.setModalOptions();
		return $(this.modalOptions.layerId) || new Element('div', {id: this.modalOptions.layerId}).inject(document.body);
	},
	resize: function(){
		if (this.layer()) {
			this.layer().setStyles({
				width:(window.getScrollSize().x),
				height:(window.getScrollSize().y)
			});
		}
	},
	setModalStyle: function (styleObject){
		this.modalOptions.modalStyle = styleObject;
		this.modalStyle = $merge(this.defaultModalStyle, {
			width:this.modalOptions.width,
			height:this.modalOptions.height
		}, styleObject);
		if (this.layer()) this.layer().setStyles(this.modalStyle);
		return(this.modalStyle);
	},
	modalShow: function(options){
		this.setModalOptions(options);
		this.layer().setStyles(this.setModalStyle(this.modalOptions.modalStyle));
		if (Browser.Engine.trident4) this.layer().setStyle('position','absolute');
		this.layer().removeEvents('click').addEvent('click', function(){
			this.modalHide(this.modalOptions.hideOnClick);
		}.bind(this));
		this.bound = this.bound||{};
		if (!this.bound.resize && this.modalOptions.updateOnResize) {
			this.bound.resize = this.resize.bind(this);
			window.addEvent('resize', this.bound.resize);
		}
		if ($type(this.modalOptions.onModalShow)  == "function") this.modalOptions.onModalShow();
		this.togglePopThroughElements(0);
		this.layer().setStyle('opacity', 0);
		this.layer().setStyle('display','block');
		this.layer().fade(0.8);
		return this;
	},
	modalHide: function(override, force){
		if (override === false) return false; //this is internal, you don't need to pass in an argument
		this.togglePopThroughElements(1);
		if ($type(this.modalOptions.onModalHide) == "function") this.modalOptions.onModalHide();
		this.layer().setStyle('display','none');
		if (this.modalOptions.updateOnResize) {
			this.bound = this.bound||{};
			if (!this.bound.resize) this.bound.resize = this.resize.bind(this);
			window.removeEvent('resize', this.bound.resize);
		}
		return this;
	},
	togglePopThroughElements: function(opacity){
		if (Browser.Engine.trident4 || (Browser.Engine.gecko && Browser.Platform.mac)) {
			$$(this.modalOptions.elementsToHide).each(function(sel){
				sel.setStyle('opacity', opacity);
			});
		}
	}
});


var lightGallery = new Class({
 	Implements: [Events, Options],
    initialize: function(doc){
		
	if(!$('lg_layer')) {  //if layer exist abfrage
		new Element('div', {id: 'lg_layer'}).inject(document.body);
		new Element('div', {id: 'lg_layer_drag'}).inject('lg_layer');
		new Element('h3', {html: doc.getElementsByTagName("title")[0].childNodes[0].nodeValue}).inject('lg_layer_drag');
		new Element('div', {id: 'lg_layer_close'}).inject('lg_layer_drag');
		new Element('img', {src: '/_scripts/closebox.png'}).inject('lg_layer_close');	
		new Element('div', {id: 'lg_layer_scroller'}).inject('lg_layer');

//layer mal einblenden
		$('lg_layer').set('opacity', 0);
		$('lg_layer').fade(1);

//trim layer size on window
		$('lg_layer').setStyle('height', eval(window.getSize().y-65));
		$('lg_layer_scroller').setStyle('height', eval(window.getSize().y-160));


		var dragElement = $('lg_layer_drag');
 
		var dragContainer = $('body');
		//now we set up our Drag.Move object
		var myDrag = new Drag.Move('lg_layer' , {
					// Drag.Move Options
					   // set up our container element with the container element var
				handle: dragElement,
				container: dragContainer 
			});


//add shadows
		if (Browser.Engine.webkit420) {
				$('lg_layer').setStyle('-box-shadow', '0 0 10px rgba(0, 0, 0, 0.7)');
			} else if (!Browser.Engine.trident4) {
				var shadow = new Element('div', {'class': 'remooz-bg-wrap'}).inject($('lg_layer'));
				['n', 'ne', 'e', 'se', 's', 'sw', 'w', 'nw'].each(function(dir) {
					new Element('div', {'class': 'remooz-bg remooz-bg-' + dir}).inject(shadow);
				});
				shadower = new Fx.Tween(shadow, {
					'property': 'opacity',
					'chain': 'cancel'
				}).set(1);
			}

//window resize listener
		window.addEvent('resize', function(){$('lg_layer').setStyle('height', eval(window.getSize().y-65)); $('lg_layer_scroller').setStyle('height', eval(window.getSize().y-160));});

//close clicker
		$('lg_layer_close').addEvent('click', function(a){
				var myFadeout = new Fx.Tween('lg_layer', {property: 'opacity'});
				myFadeout.start(1,0).chain(function(){$('lg_layer').dispose()});
				});
		
		} else { var schonda=true; }//if layer exist ende abfrage
		
//load images
		$('lg_layer').getElement('h3').set('html', doc.getElementsByTagName("title")[0].childNodes[0].nodeValue);
		if(schonda) { $('lg_layer_scroller').getElements('img').dispose() }

//wegen ie müssen wir die images zuerst zusammenfassen
			var imgs = new Array();
			var cont = 0;
			for(cont=0; cont<=doc.getElementsByTagName("url").length-1; cont++) {
				imgs[cont] = doc.getElementsByTagName("url")[cont].childNodes[0].nodeValue;

			}


		var myImages = new Asset.images(imgs, {
	        onProgress: function(counter,index) {  
				new Element('div', {id: 'progress-bar'}).inject('lg_layer_scroller');
				//progressbar style
				 var progressBar = new dwProgressBar({  
					 container: $('progress-bar'),  
					 startPercentage: 0,  
					 speed:750,  
					 boxID: 'progrbox',  
					 percentageID: 'progrperc',  
					 displayID: 'progrtext',  
					 displayText: true  
				 });   
        	     progressBar.set((counter+1) * (100 / myImages.length));  
    	     },  																   
		    onComplete: function(){
				$('progress-bar').dispose();
     		   	myImages.each(function(h){
						new Element('img', {src: h.get('src')}).inject('lg_layer_scroller');
				});
		    }	
		
		});

	}
	
});



var reqxml = new Request({  
						 method: 'get',  
						 //wenn von externer domain geladen wird
						 url: rootpath + "_includes/readimages-press.asp", 
						 onRequest: function() {   },    //hier evtl. ladeicon einfügen
						 onSuccess: function(){ 
							var Doc = reqxml.response.xml;
							lightGallery.implement(new Modalizer);
							lg = new lightGallery(Doc);
						 },
						onFailure: function() { alert('error');  }
					});	



var pressgallery = function(){

$('pressgallery').addEvents({

				mouseenter : function(a){
					a.stop();
					this.getElements('div').each(function(s){
									s.get('tween').cancel();
									var myFade = new Fx.Tween(s);
									myFade.addEvent('complete', function() {});
									myFade.start('opacity', 0.5);
								});
					this.getElements('div').fade(0.5);
					

				},
				mouseleave : function(a){ 
					a.stop();	
					this.getElements('div').each(function (x){
						var myFade = new Fx.Tween(x);
						myFade.addEvent('complete', function() {});
						myFade.start('opacity', 1);
					});


				}

		});

$('pressgallery').getElements('div').each( function(x){
		var urly = x.getElement('a').href;
		urly = "/" + urly.slice(urly.search(ebene1), urly.length) + "/";
		x.addEvents({
				click : function(c){
				reqxml.send('url='+urly);

				},

				mouseenter : function(c){
					this.get('tween').cancel();
					this.set('opacity', 1);
				},
				mouseleave : function(c){ 
					this.fade(0.5);
				}

		});
		var clone = x.getElement('img').clone();
		clone.replaces(x.getElement('a'));
	});											
 
}



window.addEvent('domready',function() {

if ($('flashMe')) { var f = new Fader('flashMe'); f.start(); }
					
if ($('pressgallery')) { pressgallery(); }
											  
if (typeof(window['thumbRow'])!="undefined") {writeGallery();}
					
$('logoschrift').getElements('img').each(function(r) {
			r.addEvents({
				mouseenter : function(c){
					this.get('tween').cancel();
					this.set('opacity', 0.6);
				},
				mouseleave : function(c){ 
					this.fade(1);
				}						
			});
});

});