// firebug degradation
/*if (!window.console || !console.firebug) {
    var names = ["log", "debug", "info", "warn", "error", "assert", "dir", "dirxml", "group", "groupEnd", "time", "timeEnd", "count", "trace", "profile", "profileEnd"];
    window.console = {};
    for (var i = 0; i < names.length; ++i){
        window.console[names[i]] = function() {}
	}
}*/

$(document).ready(function() {
	
	$('#brand_search_form').submit(function(e){
		e.preventDefault();
		brandSearch();
	});
	
	initAjax();
	
	highlightAndShowDescription();
	
	/*$("#stars-wrapper2").stars({
	    inputType: "select",
	    oneVoteOnly: true
	});*/

	// Retrieve instance
	/*var instance = $("#stars-wrapper2").data("stars");
	// Read options
	var currID    = instance.options.checked; // Get current ID
	var currValue = instance.options.value; // Get current Value
	var currTitle = instance.options.title; // Get current Title
	var cancValue = instance.options.cancelValue; // Get Cancel value
	// Remove Cancel button
	instance.$cancel.remove();
	// Append new, static star - don't ask why ;-)
	var $newStar = instance.$stars.eq(0).clone()
		.removeClass(instance.options.starOnClass).css({cursor: "default"})
		.insertAfter(instance.$stars.eq(instance.options.items-1));*/


/**************************** INFINITE SCROLLER ****************************/
	/*if($('#products').length && $('#pagers').length){
		var product_page = 0;
		var per_page = 36;
		var stop_reloading = false;
		var busy_reloading = false;
		$(window).scroll(function(){
	        if (!stop_reloading && !busy_reloading && $(window).scrollTop()+$(window).height() >= $('#pagers').offset().top){
	        	product_page++;
	        	busy_reloading = true;
	        	$.get(location.href+(product_page*per_page)+'/', function(data){
	        		if(!$(data).find('#products').length){
	        			stop_reloading = true;  
	        		}
	        		$('#products').append($(data).find('#products'));
	        		busy_reloading = false;
	        	});
	        }
		});
	}*/
	
/**************************** ANGEBOTE / PRICE_CUT SUBSCRIBE ****************************/
	$('#submit_mail').click(function(){
		var data = $('#subscription').serialize();
		data += "&ajax=true";
		$.post(base_url+"angebote/subscribe/", data,
			function(data){
		    	if(data.status === true){
		    		$('#subscribe').html('Du wirst ab sofort kostenlos &uuml;ber neue Angebote informiert.');
		    	} else {
		    		$('#subscribe').html('Leider konnte Dein Mail-Auftrag nicht erstellt werden.');
		    	}
  			}, "json");
		return false;
	});

/**************************** PRODUCT ****************************/
	if($('#action_list').length){
		//$('#subscribe').css('visibility','hidden');
		$('#subscribe').toggle();
		$('#preisalarm').click(function(){
			$('#subscribe').toggle();
		});
		$('#action_list').find('span').hover(
			function(){
				$(this).find('img').css('width','47px').css('height','47px');
			},
			function(){
				$(this).find('img').css('width','48px').css('height','48px');
		});
	}

/**************************** COLOR ****************************/
var color_names = new Array();
color_names['red'] = 'rot';
color_names['orange'] = 'orange';
color_names['yellow'] = 'gelb';
color_names['green'] = 'gr&uuml;n';
color_names['blue'] = 'blau';
color_names['violet'] = 'violett';
color_names['brown'] = 'braun';
color_names['black'] = 'schwarz';
color_names['grey'] = 'grau';
color_names['white'] = 'wei&szlig;';
$('#colors li').hover(
	function(){
		$(this).css('cursor', 'pointer');
		$('#color_name').html(color_names[$(this).attr('id')]);
	},
	function(){
		$('#color_name').html('');
	}
).click(function(){
	if($('#color').attr('value') === $(this).attr('id')){
		$('#color').attr('value', '');
		$(this).css('border', '0').css('marginTop', '0');
	} else {
		$('#colors li').css('border', '0').css('marginTop', '0');
		$('#color').attr('value', $(this).attr('id'));
		$(this).css('border', '2px solid #000000').css('marginTop', '-4px');
	}
});

/**************************** LOGO ****************************/
	/*$('#logo').hover(
		function(){
			$(this).css('cursor', 'pointer');
			$(this).animate({
					top: '-10px'
				}, 800, 'swing', function() {
				});
		},
		function(){
		$(this).css('cursor', 'default');
			$(this).animate({
					top: '-100px'
				}, 800, 'swing', function() {
				});
		}

	);*/
/**************************** PRODUCT ****************************/
if ($('#product_image').length && $('#product_link').length) {
	$("#product_image").click(function(){
		window.open($('#product_link').attr('href'));
	}).hover(function(){
		$(this).css('cursor','pointer');
	});
}
/**************************** ZOOM ****************************/
/*var options = {
    zoomWidth: 300,
    zoomHeight: 350,
    xOffset: 10,
    yOffset: 0,
    lens:false,
    title:true,
    showPreload: false
};
$(".zoom").jqzoom(options);*/
/*var options = {imgSource:'rel'};
$(".zoom:has(img)").bezoom(options);

var options = {imgSource:'data'};
$("#product_image").bezoom(options);*/

/**************************** INPUT /  PASSWORDS ****************************/
/*var html = '<input id="pw-clear" type="text" name="pw" value="Passwort" />';
var name = $('#password').attr('name');
var value = $('#password').attr('value');
var id = $('#password').attr('id');

$('#password').after(html).remove();
$('#pw-clear').focus(function(){
	var html = '<input type="password" name="'+name+'" value="'+value+'" id="'+id+'"/>';
	$(this).after(html).remove().focus();
	//$('input:password').dPassword();
	$('#password').dPassword();
});
*/
$('#username').attr('value', 'Benutzername');
$('#username').focus(function(){
	if($(this).attr('value') === 'Benutzername'){
		$(this).attr('value', '');
	}
}).blur(function(){
	if($(this).attr('value') === ''){
		$(this).attr('value', 'Benutzername');
	}
});

$('#password').attr('value', 'Passwort');
$('#password').focus(function(){
	if($(this).attr('value') === 'Passwort'){
		$(this).attr('value', '');
	}
}).blur(function(){
	if($(this).attr('value') === ''){
		$(this).attr('value', 'Passwort');
	}
});

/*****************	QUICKLIST  *********************************************/
// create quicklist dom
$('.ql_container').html('	<div class="ql_top"></div>'+
'	<div id="quicklist">Hier kanst Du Deine Lieblingsartikel zwischenspeichern.</div>'+
'	<div class="ql_info">'+
'		<div id="quicklist_weitere"></div>'+
'		<div id="quicklist_show"></div>'+
'	</div>'+
'	<div class="ql_bottom"></div>');

//Slide up and down on click
$(".ql_bottom").mouseover(function(){$(this).css('cursor', 'pointer')}).click(function(){
	//console.log('clicked');
	//$(this).next("#quicklist").slideToggle("slow");
	$("#quicklist").slideToggle("slow");
});



// entfernen buttons in in/show_quicklist/ anzeigen
$('#quicklist_main a').each(function(i){
	showQLRemover($(this));
/*	$(this).mouseleave(function(){
		$(this).find('.adder').remove();
	});
	 $(this).mouseenter(function(){
	 	console.log('enter');
	 	$(this).append('<span class="adder" style="margin-left:-10px;color:#ffffff;background-color:#333333;">&nbsp;-&nbsp;</span>');
	 	var href  = $(this).attr('href');
	 $(this).find('.adder').each(function(k){
	 	$(this).mouseover(function(){$(this).css('cursor', 'pointer')}).click(function(event){
	     	event.preventDefault();
	     	that = $(this);
			that.html('<img src="'+base_url+'bttns/loading_flat.gif">');
			$.post(base_url+'in/rem/', { slug: href },
			  function(responseData){
			  	if(responseData.error === false){
					//that.html('gespeichert!').attr('class', 'remembered');
					that.html('').attr('class','');
					that.mouseover(function(){that.css('cursor', '');});
					remFromQuickList(href);
				} else {
					// TODO
					console.log('Fehler');
				}

			  }, "json");
	 	});
	 });
	});*/
});


// merken buttons auf produktlisten anzeigen
$('#products a').each(function(i){
	$(this).mouseleave(function(){
		$(this).find('.adder').remove();
	});
    $(this).mouseenter(function(){
	var pos = $(this).position();

	var marginLeft = $(this).find('img').css('margin-left');
	marginLeft = marginLeft.substring(0, marginLeft.length-2)-0;
	var marginTop = $(this).find('img').css('margin-top');
	marginTop = marginTop.substring(0, marginTop.length-2)-0;

	var y = Math.ceil(pos.top-0)-13+marginTop;
	var x = Math.ceil(pos.left-0)+$(this).find('img').width()-13+marginLeft;

    $(this).append('<span class="adder" style="position:absolute;left:'+x+'px;top:'+y+'px;color:#ffffff;background-color:#333333;">&nbsp;+&nbsp;</span>');
 	var href  = $(this).attr('href');
	 $(this).find('.adder').each(function(k){
	 	$(this).mouseover(function(){$(this).css('cursor', 'pointer')}).click(function(event){
	     	event.preventDefault();
	     	that = $(this);
			that.html('<img src="'+base_url+'bttns/loading_flat.gif">');

			$.post(base_url+'in/add/', { slug: href },
			  function(responseData){
			  	if(responseData.error === false){
					//that.html('gespeichert!').attr('class', 'remembered');
					that.html('').attr('class','');
					that.mouseover(function(){that.css('cursor', '');});
					addToQuickList(responseData);
				} else {
					// TODO
					//console.log('Fehler');
				}

			  }, "json");
	 	});
	 });
	});

});




// showing products in quicklist
$('#quicklist').each(function(i){
	$.postJSON(base_url+'in/get_quicklist/', {}, function(responseData){
		if(responseData.empty === false){
	  		//console.log('not empty');
    		for(property in responseData.items) {
				img_small = responseData.items[property].img_small;
	  			addToQuickList(responseData.items[property]);
	  			//$('#quicklist').prepend('<img src="'+img_small+'">');
	  		}
	  	} else {
	  		//TODO
	  		//console.log('empty');
	  	}
	});
});

// adding to quicklist
$('.remember').mouseover(function(){$(this).css('cursor', 'pointer')}).click(function(event){
	//event.preventDefault();
	that = $(this);
	that.html('<img src="'+base_url+'bttns/loading_flat.gif">');
	$.post(base_url+'in/add/', { pid: $(this).attr('id') },
	  function(responseData){
	  	if(responseData.error === false){
			that.html('gespeichert!').attr('class', 'remembered');
			that.mouseover(function(){that.css('cursor', '');});
			addToQuickList(responseData);
		} else {
			// TODO
			//console.log('Fehler');
		}

	  }, "json");
});

/************************ FEEDBACK **********************************************/

var feedbackContent =
'<div style="width:550px;">Hilf&apos; uns doch ModeSuche noch besser zu machen! Wir freuen uns auf dein <b>Feedback</b>.'+
'<div id="typeSelector"><b>W&auml;hle hier den Typ Deiner Nachricht:</b> <span>Idee</span> // <span>Frage</span> // <span>Problem</span></div>'+
'<form id="feedback_form" action="<?=base_url()?>feedback/" method="post">'+
'  <label for="nachricht">Deine Nachricht</label><textarea class="big wide" name="nachricht" rows="4"></textarea>'+
'  <label for="adresse">Deine Mail-Adresse</label><input class="text_field big wide" type="text" name="adresse" value="" />'+
'  <label for="name">Dein Name</label><input class="text_field big wide" type="text" name="name" value="" />'+
'  <input class="big_button"  type="submit" name="submit" id="submit" value="abschicken"/>'+
'  <input type="hidden" name="typ" id="typ" value="idee"/>'+
'</form></div>';
	 $('#feedback').click(function(e){
        e.preventDefault();

		// JS im iframe
		$(document).bind('reveal.facebox', function() {
			//$(document).unbind('reveal.facebox');
			//console.log($('#typeSelector span').size());
			$('#typeSelector span').mouseover(function(){
				$(this).css('cursor','pointer');
			});

			$('#typeSelector span:first').css('background', 'transparent url('+base_url+'css/tip-pimped.gif) no-repeat -2px -3px');
			$('#typeSelector span').click(function(){
				$('#typeSelector span').css('background', '');
				$(this).css('background', 'transparent url('+base_url+'css/tip-pimped.gif) no-repeat -2px -3px');

				$('#typ').attr('value', $(this).html());
			});
			$('#submit').click(function(ev){
		        ev.preventDefault();
		        //console.log('sending');
				var values = $("#feedback_form").serialize();
				$.ajax({
					type: "GET",
					url: base_url+'feedback_remote/',
					cache:false,
					data: values,
					dataType:'jsonp',
					success: function(resp) {
						if(resp === 'kk'){
							$('#facebox .content').html('<h1>Deine Nachricht wurde &uuml;bermittelt. Danke!</h1>Falls Du eine Mail-Adresse angegeben hast werden wir uns melden.')
						}
					}       // end success function
				});     // end ajax call
			}); // end on submit

			/*$.ajax({
				dataType: 'jsonp',
				jsonp: 'jsonp_callback',
				url: 'http://localhost/devtips_jsonp/jsonp.php',
				success: function (data) {
					alert(data.Paul);
				},
			});*/

		}); // end JS im iframe

		var iframe = '<div style="width:550px; margin:0px;padding:0px;"><iframe width="550" height="500" src="'+base_url+'/feedback_remote/"></iframe></div>';
		jQuery.facebox(iframe);



		//jQuery.facebox({ ajax: 'http://google.de/' })
		/*jQuery.facebox(function($) {
      		jQuery.get('http://google.de/', function(data) { jQuery.facebox(data) })
	    })*/

     });
//	$('a.iframe').facebox()

});


/**************************** MORE QUICKLIST ****************************/
function showQLRemover(item){
	item.unbind('mouseenter');
	item.find('.adder').unbind('click');
	item.mouseleave(function(){
		item.find('.adder').remove();
	});
	item.mouseenter(function(){
		//console.log('enter '+$(this).attr('href'));
		var pos = $(this).position();

		var y = Math.ceil(pos.top-0)-10;
		var x = Math.ceil(pos.left-0)+$(this).find('img').width()-10;
	    item.append('<span class="adder" style="position:absolute;left:'+x+'px;top:'+y+'px;color:#ffffff;background-color:#333333;">&nbsp;-&nbsp;</span>');
	 	//item.append('<span class="adder" style="margin-left:-10px;color:#ffffff;background-color:#333333;">&nbsp;-&nbsp;</span>');
	 	var href  = item.attr('href');
		item.find('.adder').each(function(k){
		 	$(this).mouseover(function(){item.css('cursor', 'pointer')}).click(function(event){
		     	event.preventDefault();
				$(this).html('<img src="'+base_url+'bttns/loading_flat.gif">');
				var that = $(this);
				$.postJSON(base_url+'in/rem/', { slug: href }, function(responseData){
					that.html('').attr('class','');
					that.mouseover(function(){item.css('cursor', '');});

					// alles entfernen und resetten
					$('#quicklist').html('');
					$('#quicklist_show').html('');
					$('#quicklist_weitere').html('');
					remFromQuickList(href);
					quicklistCount = 0;

			  		// falls noch items in quicklist sind => wieder f�llen
			  		if(responseData.empty === false){
			    		for(property in responseData.items) {
							img_small = responseData.items[property].img_small;
				  			addToQuickList(responseData.items[property]);
				  		}
			  		}
				});
			});
		});
	});
}

$.postJSON = function(url, data, callback) {
	$.post(url, data, callback, "json");
};
quicklistCount = 0;
quicklistSize = 3;
function addToQuickList(responseData){
	quicklistCount++;
	var quicklist = $('#quicklist');
	if(quicklist.find('a').size() === 0 ){
		// text entfernen um produkte zu speichern
		quicklist.html('');
		$('#quicklist_show').html('<a href="'+base_url+'in/show_quicklist/">alle anzeigen</a>');
	} else {
		// doppelte entfernen um neues vorne anzuh�ngen
		quicklist.find('a').each(function(i){
			link = base_url+'product/'+responseData.slug+'/';
			if($(this).attr('href') === link){
				$(this).remove();
				quicklistCount--;
			}
		});
	}
	//quicklist.prepend('<a href="'+base_url+'product/'+responseData.slug+'/"><img src="'+responseData.img_small+'"></a>');
	var newElem = $('<a href="'+base_url+'product/'+responseData.slug+'/"><img src="'+responseData.img_small+'"></a>');
	newElem.prependTo(quicklist);
	while(quicklist.find('a').size() > quicklistSize ){
		// �lteste produkt nicht mehr anzeigen
		quicklist.find('a:last').remove();
		$('#quicklist_weitere').html('... und '+(quicklistCount-quicklistSize)+' Weitere.')
	}
	//console.log(responseData.pid);
	//console.log(responseData.count);

	showQLRemover(newElem);

}

function remFromQuickList(slug){
	//console.log('remove From Quicklist '+slug)
	var quicklist = $('#quicklist');
	quicklistCount--;

	// produkt aus quicklist entfernen
	// wird nicht mehr gebraucht, da komplette quicklist refresht wird
	/*quicklist.find('a').each(function(i){
		//link = base_url+'product/'+slug+'/';
		if($(this).attr('href') === slug){
			$(this).remove();
		}
	});*/

	$('#quicklist_main a').each(function(i){
		//link = base_url+'product/'+slug+'/';
		if($(this).attr('href') === slug){
			$(this).remove();
		}
	});

	// TODO Produkte in quicklist wieder auff�llen, falls eins gel�scht wurde, da sichtbar war
	// TODO "weitere"-Anzeige anpassen

	if(quicklist.find('a').size() === 0 ){
		// text entfernen um produkte zu speichern
		quicklist.html('Hier kanst Du Deine Lieblingsartikel zwischenspeichern.');
		$('#quicklist_show').html('');
		$('#quicklist_weitere').html('');
	}
}


//Registrierung
function initRegistration() {
	$('#email').animate({ right: '-100'}, { duration: 2000, queue: false });
	$('.do_sign_up').hover(
		function(){
			$('#email').animate({ right: '10'}, { duration: 300, queue: false });
		},
		function(){
			$('#email').animate({ right: '-100'}, { duration: 300, queue: false });
		}
	).css('cursor', 'pointer').click(function() {
		$('#sign_up_status').html();
	    $('#sign_up').lightbox_me({
	    	background: 'black', 
	    	opacity: .6,
	        centered: true, 
	        onLoad: function() { 
	            $('#sign_up').find('input:first').focus()
	            }
	    });
	    return false;
	});
	$('#sign_up_form').submit(function(event){
		event.preventDefault();
		event.stopPropagation();

		$('#sign_up_status').html('Daten werden gesendet');
		data = {
			username: $('#register_username').attr('value'),
			password: $('#register_password').attr('value'),
			email:    $('#register_email').attr('value')
		}
		$.post(base_url + 'auth/register/', data, function(response) {
			if(response.status == '1') {
				// Registrierung okay
				$('.close').click();
				$('#success').lightbox_me({
			    	background: 'black', 
			    	opacity: .6,
			        centered: true, 
			        onLoad: function() {} 
			    });
			} else {
				// Registrierung fehlgeschlagen
				message = response.message
				if(message == false){
					message = 'Die eMail Adresse ist bereits vorhanden';
				}
				$('#sign_up_status').html('Registrierung fehlgeschlagen<br />'+message);
				
			}
		}, 'json');
	});
}

//Message anzeigen, falls gesetzt
function showMessage() {
	$('#message').lightbox_me({
		background: 'black', 
	   	opacity: .6,
	   	centered: true, 
	    onLoad: function() {}
    });
}

function brandSearch() {

	// alte Pagination entfernen
	$('#pagers').remove();
	
	// scroll to top
	$('html, body').animate({scrollTop:0}, 'slow');

	
	var data = $('#brand_search_form').serialize();
	var url  = $('#brand_search_form').attr('action');

	// Ajax Request ausführen
	$.ajax({
		type: 'POST',
		url: url,
		data: data+'&ajax=1',
		success: function(response) {
			// neue produkte einfügen
			$('#products').html(response);
			// ajax pagination
			$('#pagers a').click(function(e){
				e.preventDefault();

				var href= $(e.target).attr('href');
				var uri_segments = href.split('/');
				var offset = uri_segments[uri_segments.length-1];
				//offset = (isNaN(offset)) ? 0 : offset;
				//console.log(offset);
				$('#brand_search_offset').attr('value', offset);
				//$('#brand_search_form').submit();
				brandSearch();
			});
		},
		dataType: "text"
	});
	return false;
}

/**
 * Ajax-Funktionen initialisieren
 * @return void
 */
function initAjax() {
	$('body').delegate('.ajax', 'submit', function(e){
		e.preventDefault();

		// Fehlermeldung entfernen
		$('.error').remove();

		// Daten holen und zusammenfassen
		var data = $(this).serialize();
		var url = $(this).attr('action');

		// Ajax Request ausführen
		$.ajax({
			type: 'POST',
			url: url,
			data: data+'&ajax=1',
			success: function(response) {
				if(response.status === true){
					if( response.redirect === undefined ){
						// Seite neu laden um Daten zu aktualisieren und Flashdata anzuzeigen
						window.location.href=window.location.href;	
					} else {
						// Redirecten zu einer anderen Seite
						window.location.href=response.redirect;
					}
				} else {
					// Fehler anzeigen
					if(active_dialog === '') {
						// Message setzen und anzeigen
						$(document.body).append('<div id="message">'+response.message+'<a href="#" class="close">schlie&szlig;en</a></div>');
						showMessage();
					} else {
						$(active_dialog).prepend('<div class="error">'+response.message+'</div>');
					}
				}
			},
			dataType: "json"
		});
	});
}

/**
 *	Message anzeigen, falls gesetzt 
 */
function showMessage() {
	$('#message').lightbox_me({
		background: 'black',
		opacity:0.6,
		centered:true,
		onLoad:function() {}
    });
	setTimeout(function(){$('#message .close').click()}, 3000);
}


function highlightAndShowDescription() {
	
	//$('.desc').mouseenter(function(){
	//	$(this).css('display','none');
	//});
	
	// verdunklung
	//$('.shadow').css('display','inline').css('opacity','0');
	//$('.shadow').addClass('activeShadow');
	
	$('.gridItem').hover(
		function(e){
			$(this).find('.desc').css('display','block');
			$(this).find('.details').css('display','block');
			$(this).find('.gridItem-hover').css('display','block');
			
			/*$(this).find('.shadow').removeClass('activeShadow');
			
			$('.shadow.activeShadow').animate({
				opacity: 0.8
			}, { duration: 500, queue: false });
			
			$(this).find('.desc').css('opacity','0').animate({
				opacity: 1
			}, { duration: 500, queue: false });*/
		},
		function(){
			$(this).find('.desc').css('display','none');
			$(this).find('.details').css('display','none');
			$(this).find('.gridItem-hover').css('display','none');
		
			/*
			$('.shadow.activeShadow').animate({
				opacity: 0
			}, { duration: 500, queue: false });
			
			$(this).find('.shadow').addClass('activeShadow');*/
		}
	);
}