var DEBUG;(typeof(window.console) != "undefined")?DEBUG=1:DEBUG=0;//alert(DEBUG);


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

	initSqueezeBox();
 	initTags();

});
 
/* ************************************************************************* */

function initTags(){

 	$$('.single_tag').each(function(el){
		el.addEvents({
			'click': function() {
				buildThumbs(el.get('id'));
				chImage(el.get('id'));
			}
		});
	});

}

/* ************************************************************************* */

function chImage(id){

 	if ( $(id).hasClass('storage') ) {
	
		$('content').setStyle('margin-right', '0');

		$(id).removeClass('storage');
		$(id).getChildren('img').set('src', $(id).retrieve('oriImage'));

	} else {

		$('content').setStyle('margin-right', '180px');

		$$('.storage').each(function(el){
			el.removeClass('storage');
			el.getChildren('img').set('src', el.retrieve('oriImage'));
		});
		$(id).store('oriImage', $(id).getChildren('img').get('src'));
		$(id).addClass('storage');
		$(id).getChildren('img').set('src', $(id).get('alt'));
	}

}


/* ************************************************************************* */

function buildThumbs(id){

 	$$('.thumb').each(function(el){
		el.set('tween', {
			onComplete: function(){
				el.destroy();
			}
		}).fade(0);
	});

	if ( !$(id).hasClass('storage') ) {

																				// if(DEBUG==1) console.log('            id: '+id );
		var pure_kat_id = id.split("category_id_");
																				// if(DEBUG==1) console.log('   pure_kat_id: '+pure_kat_id );
																				// if(DEBUG==1) console.log('pure_kat_id[1]: '+pure_kat_id[1] );
		var tempInt = pure_kat_id[1].toInt();
		var tempName = 'kat_' + pure_kat_id[1] + '_list';

																				// if(DEBUG==1) console.log('       tempName: '+tempName );
		var id_list = eval( tempName );
																				// if(DEBUG==1) console.log('       eval id_list: '+id_list );

		id_list.each(function(item, index){
			var prod_id = eval('prod_detail_' + item);
			
			var imageContainer = new Element('div');
			
			var the_ID = prod_id.get('id');
			var the_Name = prod_id.get('name');
			var the_Text = prod_id.get('description');
			var the_Price = prod_id.get('price');
			var the_Image = prod_id.get('image');
			var big_Image = prod_id.get('big_image');
			var image_w = prod_id.get('image_w');
			var image_h = prod_id.get('image_h');
			
			var orderlink = new Element('a', {
				'href'	: '#orderform',
				'rel'	: 'mtness',
				'id'	: 'big_img' + the_ID,
				'class' : 'orderlink'
			});

 			var image = new Element('img', { 
				'src'	: the_Image,
				'width' : 0,
				'height': image_h,
				'id'	: 'img' + the_ID,
				'class'	: 'tipz',
				'alt'	: the_Name + ' :: ' + the_Price,
				'rel'	: big_Image,
				'title'	: ' :: ' + the_Price
			});
			if( Browser.Engine.trident4 ) {
				image.set({
				'src'	: the_Image+'?'+$random(0,4096),
				'rel'	: big_Image+'?'+$random(0,4096)
				});
			}

			imageContainer.set({ 
				'class'	:'thumb zerow pointer inline'
			}); 
			
			image.inject( orderlink );

			orderlink.inject( imageContainer );
			
			imageContainer.inject( $(id), 'after' );

			var bildbreite = prod_id.get('image_w');
			image.morph({width: bildbreite});
		});

		createOrderLinks();

		var tips = function(){ initTips(); };
		tips.delay(512);

		SqueezeBox.assign($$( 'a[rel=mtness][href^=#]' ), { 
			onOpen: function(){
//																					if(DEBUG==1) console.log(' rel=mtness onOpen ' );
				if( Browser.Engine.trident ) {
					$('sbox-content').getElement('.article-image').set( 'src', $('orderform').getElement('.article-image').get('src')  );
					$('sbox-content').getElement('.article-title').set( 'value', $('orderform').getElement('.article-title').get('value')  );
					$('sbox-content').getElement('.article-price').set( 'value', $('orderform').getElement('.article-price').get('value')  );
				}                                                                                 
				sendform( this );
			},
			size: {x: 740, y: 500},
			sizeLoading: {x: 740, y: 500},
			marginInner: {x: 60, y: 60},
			overlayOpacity: 0.2
		});

		return false;
	}

}

/* ************************************************************************* */

function createOrderLinks() {

	$$('.orderlink').each(function(el){
		el.addEvent(
			'click', function() {

				article_image = $('orderform').getElement('.article-image'); 
				article_title = $('orderform').getElement('.article-title'); 
				article_price = $('orderform').getElement('.article-price');

//				if( article_title != '' ) article_title.empty();
//				if(article_price != '' ) article_price.empty();
				
				article_image.set('src', el.getFirst().get('rel') );

				var content = el.getFirst().get('alt').split(' :: ');

				article_title.set('value', content[0] );
				article_price.set('value', content[1]+' €' );
			}   
		);
	});

	return false;
}

/* ************************************************************************* */

function initTips(){
	//erstmal alle ollen weg
	$$('.tipzOK').each(function(element) {
		element.destroy();
	});
	//store titles and text
	//console.log(showTips);

		
	//store titles and text
	$$('img.tipz').each(function(element,index) {
		var content = element.get('title').split('::');
		element.store('tip:title', content[0]);
		element.store('tip:text', content[1]);
	});

	//create the tooltips
	var tipz = new Tips('.tipz',{
		className	: 'tipzOK',
		offset		: {'x': 4, 'y': 4}
	});

	tipz.addEvents({
		'show': function(tip) {
			tip.fade('in');
		},
		'hide': function(tip) {
			tip.fade('out');
		}	   
	});

}

/* ************************************************************************* */

function initSqueezeBox() {

	SqueezeBox.initialize();
	SqueezeBox.assign($$( 'a[rel=boxed][href^=#]' ), { 
		onOpen: function(){
//																				if(DEBUG==1) console.log(' rel=boxed onOpen ' );
			sendform( this );
		},
		size: {x: 370, y: 500},
		sizeLoading: {x: 370, y: 500},
		marginInner: {x: 60, y: 60},
		overlayOpacity: 0.2
	});
}

/* ************************************************************************* */

function sendform( form ) {
	var form = $('sbox-content').getElement('form');
	if ( form ) {
		form.addEvent('submit', function(e) {
			e.stop();

			var jsonRequest = new Request.JSON({
				url: 'http://www.haus05.net/ajax/',
				onComplete: function(oRsp){

				form.innerHTML = oRsp.result;

				console.log(oRsp.result);

				}
			}).post(form);

		});
	}
}