/*
	Example demonstrating usage of the Ajax-ready Sliding Gallery
	Licenses:
	(c) Creative Commons 2006
	http://creativecommons.org/licenses/by-sa/2.5/		
	
	Free to use with my prior permission
	Author: Kevin Hoang Le | http://pragmaticobjects.org
	Date: 2006-06-30
*/

var mainPage = Class.create();
mainPage.prototype = {
	gallery : 0,
	BOX_WIDTH : 840,
	SCROLL_AMOUNT : 150,  //image width
	//SCROLL_AMOUNT : 0, //use individual width
	DISPLAY_IMAGES : 5,
	BACK_IMG : "pics/ico_ff_passiv_li.gif",
	BACK_HOVER_IMG : "pics/ico_ff_aktiv_li.gif",
	BACK_DISABLED_IMG : "pics/ico_ff_nicht.gif",
	FORWARD_IMG : "pics/ico_ff_passiv_re.gif",
	FORWARD_HOVER_IMG : "pics/ico_ff_aktiv_re.gif",
	FORWARD_DISABLED_IMG : "pics/ico_ff_nicht.gif",
	category : 0,
	initialize : function() {
			this.gallery = new gallerySlide(this.BOX_WIDTH, this.SCROLL_AMOUNT, this.DISPLAY_IMAGES, this.BACK_IMG,
			this.BACK_HOVER_IMG, this.BACK_DISABLED_IMG, this.FORWARD_IMG, this.FORWARD_HOVER_IMG,
			this.FORWARD_DISABLED_IMG, "#737373", "#e2001a", this.imageClickEvt);
			
      this.category = {
            "item" :  [
{ "id" : "img1" , "img" : "foto_s/y_nina1_s.jpg", "largeImg" : "foto/y_nina1_l.jpg" },
{ "id" : "img2" , "img" : "foto_s/y_nina2_s.jpg", "largeImg" : "foto/y_nina2_l.jpg" },
{ "id" : "img3" , "img" : "foto_s/y_nina3_s.jpg", "largeImg" : "foto/y_nina3_l.jpg" },
{ "id" : "img4" , "img" : "foto_s/y_nina4_s.jpg", "largeImg" : "foto/y_nina4_l.jpg" },
{ "id" : "img5" , "img" : "foto_s/y_nina5_s.jpg", "largeImg" : "foto/y_nina5_l.jpg" },
{ "id" : "img6" , "img" : "foto_s/y_marieBraun_s.jpg", "largeImg" : "foto/y_marieBraun_l.jpg" },
{ "id" : "img7" , "img" : "foto_s/y_marie_s_neu.jpg", "largeImg" : "foto/y_marie_l_neu.jpg" },
{ "id" : "img8" , "img" : "foto_s/y_marie5_s_neu.jpg", "largeImg" : "foto/y_marie5_l_neu.jpg" },
{ "id" : "img9" , "img" : "foto_s/y_marie4_s_neu.jpg", "largeImg" : "foto/y_marie4_l_neu.jpg" },
{ "id" : "img10" , "img" : "foto_s/y_marie3_s_neu.jpg", "largeImg" : "foto/y_marie3_l_neu.jpg" },
{ "id" : "img11" , "img" : "foto_s/y_CDurban3_s.jpg", "largeImg" : "foto/y_CDurban3_l.jpg" },
{ "id" : "img12" , "img" : "foto_s/y_CDurban1_s.jpg", "largeImg" : "foto/y_CDurban1_l.jpg" },
{ "id" : "img13" , "img" : "foto_s/y_mark_s.jpg", "largeImg" : "foto/y_mark_l.jpg" },
{ "id" : "img14" , "img" : "foto_s/y_petrosKreta_s.jpg", "largeImg" : "foto/y_petrosKreta_l.jpg" },
{ "id" : "img15" , "img" : "foto_s/y_kreta_s.jpg", "largeImg" : "foto/y_kreta_l.jpg" },
{ "id" : "img16" , "img" : "foto_s/y_mariegabriela_s.jpg", "largeImg" : "foto/y_mariegabriela_l.jpg" },
{ "id" : "img17" , "img" : "foto_s/y_petros_s.jpg", "largeImg" : "foto/y_petros_l.jpg" },
{ "id" : "img18" , "img" : "foto_s/y_marie2_s_neu.jpg", "largeImg" : "foto/y_marie2_l_neu.jpg" },
{ "id" : "img19" , "img" : "foto_s/y_couple_s.jpg", "largeImg" : "foto/y_couple_l.jpg" },
{ "id" : "img20" , "img" : "foto_s/y_antje_neu_s.jpg", "largeImg" : "foto/y_antje_neu_l.jpg" },
{ "id" : "img21" , "img" : "foto_s/y_meditation_s.jpg", "largeImg" : "foto/y_meditation_l.jpg" },
{ "id" : "img22" , "img" : "foto_s/y_haende_s.jpg", "largeImg" : "foto/y_haende_l.jpg" },
{ "id" : "img23" , "img" : "foto_s/y_kretaretreat_s.jpg", "largeImg" : "foto/y_kretaretreat_l.jpg" },
{ "id" : "img24" , "img" : "foto_s/y_kretaretreat2_s.jpg", "largeImg" : "foto/y_kretaretreat2_l.jpg" },
{ "id" : "img25" , "img" : "foto_s/y_meditation2_s.jpg", "largeImg" : "foto/y_meditation2_l.jpg" }
            ]
        };

        this.gallery.render(this.category);
		new Effect.Appear($("largeImage"));
		//preload images with CSS
		this.category.item.each(function(item, i) {
			var image = document.createElement("img");
			image.src = item.largeImg;
			image.style.display = 'none';
			$("preload").appendChild(image);
		});
	},	
	imageClickEvt : function(item, i, obj) {		
		new Effect.Opacity($("aa"),
			{
				duration: 0.5, 
				transition:Effect.Transitions.linear,
				from: 0.5,
				to: 0.0,
				afterFinish:function(effect) {					
					$("aa").src = item.largeImg;
					new Effect.Appear($("aa"));
				}
			});
	}
}