$(document).ready(function() {

	/**
	 * Der Benutzer wird vor dem Löschen eines Artikels nochmal gefragt
	 * ob er das auch wirklich will
	 * @ticket 6560
	 * @author Fstrauss
	 * @since 28.07.2009
	 */
	$('table.com-basket-list').find('a').click(function() {
		if(!confirm("Wollen Sie den Artikel wirklich löschen?")) {
			return false;
		}
	})

	//////////////////////////////////////////////////////
	/**
	* Suche Input Feld (onblur/onFocus)
	* @author Fstrauss
	*/
	var search = $('#search-value').val();
	$('#search-value').focus(function() {
		$(this).val('');
	})
	$('#search-value').blur(function() {
		if($(this).val() == '' ) {
			$(this).val(search);
		}
	})

	/**
	 * Teaser Switcher
	 *
	 * @author Fstrauss
	 * @since 21.08.2009
	 */
	var teaserSwitcher = function() {
		var teasers		= $('div.ui-teaser-container').find('li'),
			container	= $('div.ui-teaser-container').find('ul'),
			active		= 0,
			timer;

		var switchTo = function(i) {
			$('div.ui-teaser-navigation').find('li').removeClass('active');

			var link = $('div.ui-teaser-navigation').find('li')[i];
			$(link).addClass('active');
			$('div.ui-teaser-navigation-arrow').animate({
				top: $(link).position().top + 8
			},300);

			container.animate({
				left: -(723*i)
			},500);
		}
		var switcher = function() {

			if(active == (teasers.length-1)) {
				active = 0;
			} else {
				active+=1;
			}
			switchTo(active);
			timer = setTimeout(switcher, 6000);
		}


		container.width(723 * teasers.length);
		teasers.each(function(i ,item) {

			$(item).width(723);
			var navigation	= $('div.ui-teaser-navigation ul'),
				list		= $('<li>'),
				link		= $('<a href="#"></a>');

			link.html($(item).attr('title'));

			link.click(function() {
				clearTimeout(timer);
				switchTo(i);
				return false;
			})
			list.append(link);

			navigation.append(list);
		});


		$('div.ui-teaser-navigation').find('li:first').addClass('active');

		timer = setTimeout(switcher, 6000);

	}();

	/**
	 *  Produkt Carousel
	 */
	var productCarousel = function() {

		var items	= $('div.ui-carousel').find('li'),
			clip	= $('div.ui-carousel-clip'),
			list	= $('div.ui-carousel-clip ul'),
			prev	= $('a.ui-carousel-prev'),
			next	= $('a.ui-carousel-next'),
			left	= 0,
			maxWth	= 229,
			maxNext = 0,
			visible = 4;

		maxNext = (visible * maxWth) - (items.length * maxWth);



		list.width(items.length * maxWth);

		next.click(function() {
			var temp = (left-maxWth);

			if(Math.abs(temp) <= Math.abs(maxNext)) {
				left = temp;
				list.animate({
					"left": left
				}, 200)
			}
			return false;
		});

		prev.click(function() {
			if(left !=  0) {
				left = (left+maxWth);

				list.animate({
					"left": left
				}, 200)
			}
			return false;
		});


		items.each(function(i, item) {
			$(item).hover(function() {
				$(this).addClass('hover');
			}, function() {
				$(this).removeClass('hover');
			})
		})

	}();


	/**
	 *  Produt Detailansicht
	 */
	$('div.tx-commerce-pi1 .product-download').appendTo('div.ui-content-container');
	$('span.product-price').html('ab '+ $('#articles').find('td.article-price:first').html());
	$('span.product-delivery').html($('#articles td.article-mwst:first').html());

	$("#products-variants-lightbox").click(function() {
		$('.product-images a:first').trigger('click');
		return false;
	});

	var productionDetail = function() {

		var zoom		= $('div.tx-commerce-pi1').find('a.zoom'),
			preview		= $('div.tx-commerce-pi1').find('a.preview'),
			video		= $('div.tx-commerce-pi1').find('a.video'),
			previewLink = $('div.tx-commerce-pi1').find('a.pageflip'),
			videoLink	= $('div.tx-commerce-pi1').find('a.video-link');

		if(zoom.length) {
			zoom
				.attr('href', $('.product-image').find('a').attr('href'))
				.attr('rel', 'lightbox')
				.show()
		}


		if(previewLink.length) {
			preview
				.attr('href', previewLink.attr('href'))
				.addClass('pageflip')
				.show();
		}
		if(videoLink.length) {
			video
				.attr('href', videoLink.attr('href'))
				.addClass('pageflip')
				.show();
		}



	}();

	$('a.pageflip')
		.addClass('iframe')
		.fancybox({
			frameWidth: 950,
			frameHeight: 650,
			hideOnContentClick: false
		})
		.parent().hide();


	var articles = $('#articles').find('li.product-variant');

	if(articles.length) {
		$('#products-variants-lightbox').css('display','block');
	}

	articles.each(function(i, item) {
		var container	= $('ul.product-images'),
			list		= $('<li></li>'),
			image		= $($(item).html()),
			title		= $(item).parents('tr').find('td.article-title').html(),
			uid			= $(item).parents('tr').attr('id');

		image
			.attr('href', '#teaser')
			.fancybox({
				frameWidth: 850,
				frameHeight: 500,
				hideOnContentClick: false,
				callbackOnShow : function() {

					var detailImage = $('#' + uid).find('li.product-variant-detail  img'),
						detailText	= $('#' + uid).find('td.article-description');


					$('#fancy_div .article-image').empty().append(detailImage.clone());
					$('#fancy_div .article-detail-description-detail').empty().append(detailText.html());

					$('.article-detail ul.product-images li').removeClass('active');
					$('.article-detail #' + uid + '-image').parents('li').addClass('active');

					$('.article-detail ul.product-images li').each(function() {
						$(this)
							.click(function() {
								var clicked = $(this).children('img')

								detailImage = $('#' + clicked.attr('rel')).find('li.product-variant-detail  img');
								detailText	= $('#' + clicked.attr('rel')).find('td.article-description');

								$('#fancy_div .article-image').empty().append(detailImage.clone());
								$('#fancy_div .article-detail-description-detail').empty().append(detailText.html());

								$('.article-detail ul.product-images li').removeClass('active');
								clicked.parents('li').addClass('active');
							})
							.hover(function() {
								$(this).addClass('hover');
							}, function() {
								$(this).removeClass('hover');
							})

					})

				}
			})
			.children('img')
				.attr('title',title)
				.addClass('tip south')
				.attr('id', uid + '-image')
				.attr('rel', uid)


		list.append('<span>' + title + '</span>');
		list.append(image);

		container.append(list);

		$('div.product-footer h4').show();
	});

	/**
	 * Qualitäts Lightbox
	 *
	 */
	var variantsWithinLightbox = $('div.product-footer ul.product-images ').clone();

	variantsWithinLightbox.find('li').each(function(i, item) {
		var link	= $(item).find('a'),
			image	= $(item).find('img'),
			item	= $(item);



		item.append(image);
		link.remove();
	})

	$('.article-detail').prepend(variantsWithinLightbox);


	/**
	 * Fancybox
	 */
	$("a[rel=lightbox]").fancybox();


	$("a.lightbox-inline").fancybox({
		frameWidth: 620,
		frameHeight: 500,
		hideOnContentClick: false

	});

	/**
	 * Tipbox
	 */
	$('.tip.south').tipsy({gravity: 's'});
	$('.tip.north').tipsy({gravity: 'n'});
	$('.tip.west').tipsy({gravity: 'w'});
	$('.tip.east').tipsy({gravity: 'e'});
	/**
	* Table Hack
	*/
	$('table tr:odd').addClass('odd');
	$('table tr:even').addClass('even');

	/**
	* Formular Hacks
	* Setzt input type="checkbox" auf class="checkbox"
	* Setzt input type="radio" auf class="radio"
	* usw :/
	*/
	$('input[type=checkbox]').addClass('checkbox');
	$('input[type=radio]').addClass('radio');
	$('input[type=text]').addClass('text');
	$('input[type=password]').addClass('password');
	$('input[type=submit]').addClass('submit');

	/**
	 * Umleitung auf die Downloadhilfe nachdem man auf den Download-Button geklickt hat
	 */
	$('#download').click(function() {
		var link;

		if($('#download-tmp').length) {
			link = $('#download-tmp');
			iframe = $('#download-frame')
		} else {
			link = $('<a>');
			iframe = $('<div>')
		}
	var browserpage;
    if(jQuery.browser.mozilla) {
		browserpage="http://www.everpixx.de/index.php?id=439&no_cache=1";
    }
    else if (jQuery.browser.safari) {
        browserpage="http://www.everpixx.de/index.php?id=441&no_cache=1";
    }
    else if (jQuery.browser.msie) {
        browserpage="http://www.everpixx.de/index.php?id=440&no_cache=1";
    }
    iframe.empty().append('<iframe width="750" height="450" src="'+ browserpage +'"></iframe>')
    iframe.hide();
    iframe.attr('id','download-frame');

    link.attr('id','download-tmp');
    link.html('test');
    link.attr('href',  '#download-frame');

    $('body').append(link);
    $('body').append(iframe);
    setTimeout(function() {
    $('#download-tmp').fancybox({
        'type' : 'iframe',
        frameWidth: 750,
        frameHeight: 450

    }).click();

    }, 2500)


    window.location.href =  $(this).find('a').attr('href');
    return false;

})

$('a[href=nc/software/downloaddaswirddeaktiviert.html]').unbind().click(function() {
    var link;

    if($('#download-tmp').length) {
	link = $('#download-tmp');
	iframe = $('#download-frame')
    }
    else {
	link = $('<a>');
	iframe = $('<div>')
    }

    var browserpage;

    if(jQuery.browser.mozilla) {
	browserpage="http://www.everpixx.de/index.php?id=439&no_cache=1";
    }
    else if (jQuery.browser.safari) {
        browserpage="http://www.everpixx.de/index.php?id=441&no_cache=1";
    }
    else if (jQuery.browser.msie) {
        browserpage="http://www.everpixx.de/index.php?id=440&no_cache=1";
    }

    iframe.empty().append('<iframe width="750" height="450" src="'+ browserpage +'"></iframe>')
    iframe.hide();
    iframe.attr('id','download-frame');

    link.attr('id','download-tmp');
    link.html('test');
    link.attr('href',  '#download-frame');

    $('body').append(link);
    $('body').append(link);
    $('body').append(iframe);



    setTimeout(function() {
        $('#download-tmp').fancybox({
            'type' : 'iframe',
            frameWidth: 750,
            frameHeight: 450
        }).click();
    }, 2500)


    window.location.href =  $(this).attr('href');
    return false;
})

	/**
	 * Staticbar
	 *
	 * @see everpixx.staticbar.js
	 * @author Fstrauss
	 */
	staticbar();


	/**
	 * Standard Seiten Menü
	 */
	var lists = $('div.csc-sitemap > ul > li');
	lists.parent('ul').addClass('col' + lists.length)

	/**
	 * Hauptnavigation
	 */
	$('#navigation > li > a').click(function() {
		return false;
	})

	/**
	 * Online Produkt gestalten
	 */
	if($('#onlineeditor').attr('href') == "#" || $('#onlineeditor').attr('href') == "###CJ_SERVERFARM_SERVERURL_PLAIN###") {
		$('#onlineeditor').hide();
	} else {
		$('#onlineeditor').show();
	}

	/**
	 * Kommentare
	 */

	if($('.comments-form').length == 1) {
		$($('.comments-form').get(1)).submit(function() {

			var parent = $($('.comments-form').get(1));
			var flag = true;
			if($(parent).find('#tx_comments_pi1_firstname').val() == "") {
				$(parent).parent().find('#comments-form-errors').show();
				$(parent).parent().find('#comments-form-name-error').show();
				flag = false;
			} else {
				$(parent).parent().find('#comments-form-name-error').hide();

			}

			if($(parent).find('#tx_comments_pi1_content').val() == "") {
				$(parent).parent().find('#comments-form-errors').show();
				$(parent).parent().find('#comments-form-comment-error').show();
				flag = false;
			} else {
				$(parent).parent().find('#comments-form-comment-error').hide();

			}

			if(flag) {
				$(parent).parent().find('#comments-form-errors').hide();
				alert('Ihr Kommentar wird nun geprüft und wird hier demnächst angezeigt.');
				return true;
			}
			return false;

		   alert('submit')
		})
	}

	/**
	 * Ratings
	 */
	$('.product-ratings').html($('#ratings').html())
	$('.tip.south').tipsy({gravity: 's'});

	/**
	 * NL PopUp
	var newsletterPopUp = (function() {


		var popup	= $('<div>'),
			form	= $('<form>'),
			input	= $('<input>'),
			close	= $('<div>'),
			submit	= $('<div>'),
			value	= "Tragen Sie Ihre E-Mail Adresse ein...";

		popup
			.attr('id','nl_popup')

		close
			.addClass('close')
			.click(function() {
				$.cookie('newsletterPopUp', 1);
				$('#nl_popup').fadeOut();
			})

		submit
			.addClass('submit')
			.click(function() {
				$.cookie('newsletterPopUp', 1);
				$('#nl_popup').fadeOut();
				window.location.href ="http://www.everpixx.de/index.php?id=204&tx_powermail_pi1[uid13]=" + input.val()
			})

		form
			.attr('action','index.php?id=204')
			.attr('methode','POST')

		form.submit(function() {
			$.cookie('newsletterPopUp', 1);
			$('#nl_popup').fadeOut();
			window.location.href ="http://www.everpixx.de/index.php?id=204&tx_powermail_pi1[uid13]=" + input.val()
			return false;
		});

		input
			.attr('name','tx_powermail_pi1[uid13]')
			.addClass('text')
			.val(value)

		input.focus(function() {
			$(this).val('')
		});
		input.blur(function() {
			if($(this).val() == "") {
				$(this).val(value);
			}
		});

		form.append(input);
		popup
			.append(form)
			.append(close)
			.append(submit);

		popup.appendTo('#wrapper');
	});

	if(!$.cookie('newsletterPopUp') && $('#preview-iframe').length == 0) {
		newsletterPopUp();
	}
*/
	if($("#quickOrderProducts").length>0) {
		$("#quickOrderProducts").change(function() {
			$(".quickOrderArticles").hide();
		        var articles = $("#articles_"+$("#quickOrderProducts option:selected").val());
		        articles.show();
	    	}) 
	    	$("#quickOrderProducts option:first").attr("selected",true);
	    	$("#quickOrderProducts").change();
	    	$(".quickOrderArticles:first li:first input").attr("checked","checked");

		$("#submitUpload").click(function() {
			var url = $("#onlineEditorServer").val();
                	url += "/project/create/?id="+$("#quickOrderForm input:radio:checked").val();
                	url += "&profile=everpixx";
			url += "&template="+$("#quickOrderForm input:radio:checked").attr("template");
                	$("#quickOrderForm").attr("action",url);

			var quickOrderIFrame = $("<iframe>");
			quickOrderIFrame.attr("src",url);
			quickOrderIFrame.attr("name","quickOrderIFrame");
			quickOrderIFrame.attr("id","quickOrderIFrame"); 
			$("#quickOrderIframeBox").append($(quickOrderIFrame));
		
			$("#quickOrderForm").submit();
			loader(1,"Ihre Bilder werden hochgeladen ...");
			$("#quickOrderIFrame").load(function() {
				window.location = $("#onlineEditorTypoPage").val();
			})
		});  
	}
})
function loader (display, title) {
        	$('#loaderBox > h3').html(title);
        	if(display == 1) {
        		$('div.overlay').show();
        	 	$('#loaderBox').show();
        	} else {
       			$('div.overlay').hide();
        		$('#loaderBox').hide();
        	}
  	}