this.screenshotPreview = function(){	
	/* CONFIG */
		
		xOffset = 30;
		yOffset = 30;
		
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result
		
	/* END CONFIG */
	jQuery("a.screenshot").hover(function(e){
		jQuery("body").append("<p id='screenshot'><img src='"+ this.rel +"' alt='Vergr&ouml;sserte Ansicht wird geladen...' />"+"</p>");								 
		jQuery("#screenshot")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");						
    },
	function(){
		jQuery("#screenshot").remove();
    });	
	jQuery("a.screenshot").mousemove(function(e){
		ttrelocate(e,'#screenshot');
	});
	
	function ttrelocate(e,ttid){
		var ttw = jQuery(ttid).width();
		var tth = jQuery(ttid).height();
		var wscrY = jQuery(window).scrollTop();
		var wscrX = jQuery(window).scrollLeft();
		var curX = (document.all) ? event.clientX + wscrX : e.pageX;
		var curY = (document.all) ? event.clientY + wscrY : e.pageY;
		var ttleft = ((curX - wscrX + xOffset*2 + ttw) > jQuery(window).width()) ? curX - ttw - xOffset : curX + xOffset;
		
		if (ttleft < wscrX + xOffset) ttleft = wscrX + xOffset;
			var tttop = ((curY - wscrY + yOffset*2 + tth) > jQuery(window).height()) ? curY - tth - yOffset : curY + yOffset;
		if (tttop < wscrY + yOffset) tttop = curY + yOffset;
			jQuery(ttid).css('top', tttop + 'px').css('left', ttleft + 'px');
	}
};


jQuery(document).ready(function(){
						   
	jQuery.noConflict();
						   
	if(typeof document.body.style.maxHeight === "undefined") { //Bloody IE6
		} else {
			jQuery(".select_price").selectbox();
		}
	
	screenshotPreview();
					   
	Cufon.replace('h1');
	Cufon.replace('h2');
	Cufon.replace('h4');
	Cufon.replace('h5');
	Cufon.replace('caption');
	Cufon.replace('.tabs li a');
	
	//Slider
	jQuery("#product_slider").easySlider({
		auto: true, // Automatischer Star True/False
		speed: 800, // Slide-Dauer
		pause: 5000, // Pause zwischen Slides
		continuous: true,
		prevText: 'Zur&uuml;ck',
		nextText: 'Weiter'	
		});
	
	//Software Links
	jQuery("a.software").fancybox({
		'frameWidth': 	380,
		'frameHeight': 	560
	});
	
	//Tabs	
	var currentTab = 0; // Starting Tab

	function openTab(clickedTab) {
		var thisTab = jQuery(".wrapper_tabs .tabs a").index(clickedTab);
		jQuery(".wrapper_tabs .tabs li a").removeClass("active");	
		jQuery(".wrapper_tabs .tabs li a:eq("+thisTab+")").addClass("active");
		jQuery(".wrapper_tabs .tabs_content").hide();
		jQuery(".wrapper_tabs .tabs_content:eq("+thisTab+")").show();
		currentTab = thisTab;
	}
		
	jQuery(".wrapper_tabs .tabs li a").click(function() { 
		openTab(jQuery(this)); return false; 
	});
	
	jQuery(".wrapper_tabs .tabs li a:eq("+currentTab+")").click()
	
		//Price
		var select = '.select_price';
		jQuery(select).attr('selectedIndex', '0');
		jQuery(select).change(function () {
			jQuery(select + ' option').each(function () {
				jQuery('.' + this.value).hide();
			});
			jQuery(select + ' option:selected').each(function () {
				jQuery('.' + this.value).show();
			});
		}).change(); 
	
//	//ProductNavigation Accordion
//	jQuery('#product_nav_list').accordion({
//			animated: 'slide',
//			header: '.group_head',
//			active: 1, //Which Menu should be opened on load
//			clearStyle: true
//	});
//	
//	//jQuery('#nav_loader').hide();
//	jQuery('#product_nav_list').css({'display' : 'block'});
	
	//IE6 Die allready please!
	jQuery('.group_head').hover(function() {
	  	jQuery(this).addClass('bloody_ie_group_head');
			}, function() {
	  	jQuery(this).removeClass('bloody_ie_group_head');
	});
	
	//Make Div Clickable
	jQuery('.group_head').click(function(){
	  window.location=jQuery(this).find("a").attr("href"); return false;
	});

}); 

