window.addEvent( 'domready', function() {
									  
	bannerImagesSubpage = ['http://romina.pl/upload/images/banner/1.jpg',
						   'http://romina.pl/upload/images/banner/2.jpg',
						   'http://romina.pl/upload/images/banner/3.jpg',
						   'http://romina.pl/upload/images/banner/4.jpg',
						   'http://romina.pl/upload/images/banner/5.jpg'];
									  
	bannerLinksSubpage = ['http://romina.pl',
						  'http://romina.pl',
						  'http://romina.pl',
						  'http://romina.pl',
						  'http://romina.pl'];
	
	/* marking that jQuery works */
	$$( 'body' ).addClass( "mooTools" );
	
	if($('cena')) changePrice();
	
	labelToInput( 'f_s_query' );
	labelToInput( 'f_n_name' );
	labelToInput( 'f_n_mail' );
	
	if($('koszyk_cena')){
		changeCart();
		$('f_c_payment').addEvent('change', function(){
			changeCart();
		});
		$('f_c_delivery').addEvent('change', function(){
			changeCart();
		});
	}
	
	
	if( $$( '#mainContent > div.feedback' ).length ) {
		
		var feedback = $$( '#mainContent > div.feedback' )[0];
		var headers = feedback.getChildren( 'h3' );
		var contents = feedback.getChildren( 'div.feedback-in' );
		var feedbackNav = new Element( 'ul' ).set( 'class', 'feedbackNav' );
		feedbackNav.inject( feedback, 'top' );
		
		headers.each( function( el, index ) {
			el.addClass( 'h' );
			new Element( 'li' ).set( { 'text': el.get( 'text' ), 'index': index } ).addEvent( 'click', function() {
			
				contents.addClass( 'h' );
				contents[ index ].removeClass( 'h' );
				
				feedbackNav.getChildren( 'li' ).removeClass( 'active' );
				$( this ).addClass( 'active' );
			
			}).inject( feedbackNav );
		});
		
		feedbackNav.getChildren( 'li' )[1].fireEvent( 'click' );
		
	}
	
	if ( $( 'mainBanner' ) ) {
		new slideShow ( $( 'mainBanner' ), bannerImagesSubpage, bannerLinksSubpage );
	}
	

	if($$('#sort select').length) $$('#sort select').each(function(o){
		o.addEvent('change', function(){
			$('sort').submit();
		});
	});
	
	if ( $('f_id_size') ) {
		$('f_id_size').addEvent('change', function(){
			
			$$('#opisy .size-in').each(function(el){
				$(el).addClass('hidden');
			
			});		
			
			$('opisy-'+$(this).options[$(this).selectedIndex].value).removeClass('hidden');
			
			changePrice();
		
		});
	}
	
	if( $('f_id_color') ) {
		$('f_id_color').addEvent('change', function(){
				$$('.itemDetails .pics').each(function(el){
					$(el).addClass('hidden');
				});
				$('zdjecia-'+$(this).options[$(this).selectedIndex].value).removeClass('hidden');
				changePrice();
		});
	}
	
});

var slideShow = function ( wrapper, images, links ) {
	
	/* list of images urls */
	var imagesArray = images;
	var linksArray = links;
	/* images wrapper */
	var container = wrapper;
	
	var lastImageIndex = images.length - 1;
	var imagesList = new Element( 'ul', { 'id': 'slideshow-images' } );
	var imagesControl = new Element( 'ul', { 'id': 'slideshow-controls' } );	
	var currentItem;
	var timer = 0;
	
	var initiate = function() {
		
		preloadedImages = new Asset.images( imagesArray, {
			onComplete: function() {
				
				prepareContainer();
				activateItem( 0 );
				window.setInterval( animate, 1000 );
				
			}
		});
		
	};
	
	var prepareContainer = function() {
		
		/* hiding default content */
		container.getChildren().setStyle( 'display', 'none' );
		
		/* append images and controls */
		imagesList.inject( container );
		imagesControl.inject( container );
		
		for ( var i = 0; i <= lastImageIndex; i++ ) {
			
			/* inject images */
			var imagesListItem = new Element( 'li', {
				'class': 'disactive'
			} ).inject( imagesList );
			var imagesListLink = new Element( 'a', {
				'href': linksArray[ i ]
			} ).inject( imagesListItem );
			preloadedImages[ i ].inject( imagesListLink );
			
			/* create controls */
			new Element( 'li', {
				'class': 'disactive',
				'index': i,
				'text': i+1,
				'events': {
					'click': function() {
						activateItem( $( this ).getProperty( 'index' ) );
					}
				}
			} ).inject( imagesControl );
			
		}
		
		new Element( 'li', {
			'class': 'prev',
			'events': {
				'click': function() {
					activatePreviousItem();
				}
			}
		} ).inject( imagesControl, 'top' );
		
		new Element( 'li', {
			'class': 'next',
			'events': {
				'click': function() {
					activateNextItem();
				}
			}
		} ).inject( imagesControl );
		
	};
			
	var activateItem = function( index ) {
		
		if( index != currentItem ) {
			
			/* hide active elements */
			imagesControl.getChildren( '.active' ).removeClass( 'active' ).addClass( 'disactive' );
			imagesList.getChildren( '.active' ).removeClass( 'active' ).addClass( 'disactive' );
			
			/* show activated elements */
			imagesControl.getChildren()[ parseInt(index)+1 ].removeClass( 'disactive' ).addClass( 'active' );
			imagesList.getChildren()[ index ].removeClass( 'disactive' ).addClass( 'active' );
			
			timer = 0;
			currentItem = index;
		}
		
	};
	
	var activateNextItem = function() {
		
		if ( currentItem < lastImageIndex ) {
			activateItem( parseInt( currentItem ) + 1 );
		}
		else {
			activateItem( 0 );
		}
		
	};
	
	var activatePreviousItem = function() {
		
		if ( currentItem > 0 ) {
			activateItem( parseInt( currentItem ) - 1 );
		}
		else {
			activateItem( lastImageIndex );
		}
		
	};
	
	var animate = function() {
		
		timer += 1;
		
		if ( timer > 6 ) {
			
			timer = 0;
			activateNextItem();
			
		}
		
	};
	
	initiate();
	
};

function changeCart(){
	var c=parseFloat($('koszyk_cena').innerHTML);
	var przesylka=parseFloat($('f_c_delivery').options[$('f_c_delivery').selectedIndex].getProperty('rel'));
	var pobranie=0;
	if($('f_c_payment').options[$('f_c_payment').selectedIndex].getProperty('value')=='odbior_osobisty')
		pobranie = parseFloat($('f_c_payment').options[$('f_c_payment').selectedIndex].getProperty('rel'));
	
	$('delivery_price').innerHTML=przesylka+pobranie;
	$('total_price').innerHTML=przesylka+pobranie+c;
}

function changePrice(){
	var rozmiar=$('f_id_size').options[$('f_id_size').selectedIndex].value;
	var kolor=$('f_id_color').options[$('f_id_color').selectedIndex].value;
	
	var zapytanie = odnosnik+"advajax/cena_rodzaju/"+kolor+"/"+rozmiar;
    advAJAX.post({
          url : zapytanie,
          parameters : {

    	},
		          onLoading : function(obj) {

                       display_loading();

        },
		  onSuccess : function(obj) {

          	  hide_loading();
          	  $('cena').innerHTML=obj.responseText;
          	 }
     });
    
    var zapytanie = odnosnik+"advajax/dostepnosc/"+kolor+"/"+rozmiar;
    advAJAX.post({
          url : zapytanie,
          parameters : {

    	},
		          onLoading : function(obj) {

                       display_loading();

        },
		  onSuccess : function(obj) {

          	  hide_loading();
          	  $('dostepnosc').innerHTML=obj.responseText;
          	 }
     });
    
    
}


function labelToInput ( id )
{
	/* input */
	i = $( id );
	
	if( i ) {	
		/* setting default value */
		i.setProperty( 'originalValue', i.getPrevious( 'label[for='+id+']' ).get( 'text' ).toLowerCase() );
		i.set( 'value', i.getProperty( 'originalValue' ) );
		
		/* click on input events */
		i.addEvent( 'focus', function() {
			if ( $( this ).get( 'value' ).toLowerCase() == $( this ).getProperty( 'originalValue' ) ) {
				$( this ).set( 'value', '' );
			}		
		});	
		i.addEvent( 'blur', function() {		
			if ( $( this ).get( 'value' ) == '' ) {
				$( this ).set( 'value', $( this ).getProperty( 'originalValue' ) );
			}		
		});
	}
}

function textToInput ( id, text )
{
	/* input */
	i = $( id );
	
	if ( i ) {
		/* setting default value */
		i.setProperty( 'originalValue', text );
		i.set( 'value', i.getProperty( 'originalValue' ) );
		
		/* click on input events */
		i.addEvent( 'focus', function() {
			if ( $( this ).get( 'value' ).toLowerCase() == $( this ).getProperty( 'originalValue' ) ) {
				$( this ).set( 'value', '' );
			}		
		});	
		i.addEvent( 'blur', function() {		
			if ( $( this ).get( 'value' ) == '' ) {
				$( this ).set( 'value', $( this ).getProperty( 'originalValue' ) );
			}		
		});
	}
}
var curPhoto=0;

function display_loading () {Loading();}

function hide_loading() {
    destroyLoading();
}

function zaznacz_wszystkie(obiekt) {
	ile=obiekt.length;
	i=0;
	while (i < ile) {
		obiekt.options[i].selected=1;
		i=i+1;
	}

}
function odznacz_wszystkie(obiekt) {
	ile=obiekt.length;
	i=0;
	while (i < ile) {
		obiekt.options[i].selected=0;
		i=i+1;
	}
}

function showNext(){
	var images=$$('.itemDetails .info .pic a');
	var ilosc=images.length;
	if(ilosc <= (curPhoto+1)) return false;
	for(i=0; i < ilosc; i++){
		if(i==(curPhoto+1))	images[i].setStyle('display', 'block');
		else images[i].setStyle('display', 'none');
	}
	curPhoto++;
	refreshButtons(ilosc);
}

function showPrev(){
	var images=$$('.itemDetails .info .pic a');
	var ilosc=images.length;
	if(curPhoto==0) return false;
	for(i=0; i < ilosc; i++){
		if(i==(curPhoto - 1))	images[i].setStyle('display', 'block');
		else images[i].setStyle('display', 'none');
	}
	curPhoto--;
	refreshButtons(ilosc);	
}

function refreshButtons(ilosc){
	if(curPhoto==(ilosc - 1)) $('next-photo').setProperty('src', odnosnik+'system/application/views/img/ikony/arrow_right_off.gif');
	else $('next-photo').setProperty('src', odnosnik+'system/application/views/img/ikony/arrow_right.gif');
	
	if(curPhoto==0) $('prev-photo').setProperty('src', odnosnik+'system/application/views/img/ikony/arrow_left_off.gif');
	else $('prev-photo').setProperty('src', odnosnik+'system/application/views/img/ikony/arrow_left.gif');	
}

