/*
Image roulation functions
Copyright (c) 2009 Ylab, http://www.ylab.nl
version 1.0
*/

function slideNext(jSelector){
	if(hasFirebug){return;}
	var curr = $(jSelector + ' .dynamic:visible').css({zIndex:2});
	var next = $(jSelector + ' .dynamic:visible ~ .dynamic');
	if(next.length==0){
		next = $(jSelector + ' .dynamic');
	}
	
	// ini and zoom new image
	$(next[0]).css({
		zIndex:1,
		width: '948px',
		height: '378px'
	}).show().animate({
		width: '849px',
		height: '338px'
	},5000);
	
	//fadeOut old image
	curr.fadeOut(2500);
}

function addFirstSlide(src, alt){
	if(src != this.defaultSrc){
		var jThis = $(this);
		var img = $('<img alt="' + alt + '" />').attr({src:src}).addClass('dynamic').hide().css(this.childCss);
		jThis.append(img);
	}
}

function addSlide(src, alt){
	if(src != this.defaultSrc){
		var jThis = $(this);
		var img = $('<img alt="' + alt + '" />').attr({src:src}).addClass('dynamic').hide().css(this.childCss);
		jThis.append(img);
	}
}

function jSlide(jSelector, w, h){
	var jThis = $(jSelector);
	var jImg  = $(jSelector + ' img').addClass('dynamic');
	jThis.css({position:'relative',overflow:'hidden',width:w+'px',height:h+'px'});
	jThis[0].childCss = {position:'absolute', top:jThis.css('paddingTop'), left:jThis.css('paddingLeft'), width: w+'px', height: h +'px'};
	jThis[0].addItem = addSlide;
	jThis[0].addFirstItem = addFirstSlide;
	return jThis[0];
}