var texte = new Array();

jQuery.noConflict();

jQuery(document).ready(function () {	
	jQuery.ifixpng('../../images/pixel.gif'); 
	jQuery('img[src$=.png]').ifixpng(); 

	texte[0] = new Array();
  texte[0][0] = jQuery('#overviewSliderValue .val1 .val0').html();
  texte[0][1] = jQuery('#overviewSliderValue .val1 .val1').html(); 
  texte[0][2] = jQuery('#overviewSliderValue .val1 .val2').html();
   
  texte[1] = new Array();
  texte[1][0] = jQuery('#overviewSliderValue .val2 .val0').html(); 
  texte[1][1] = jQuery('#overviewSliderValue .val2 .val1').html(); 
  texte[1][2] = jQuery('#overviewSliderValue .val2 .val2').html(); 
  
  texte[2] = new Array();
  texte[2][0] = jQuery('#overviewSliderValue .val3 .val0').html(); 
  texte[2][1] = jQuery('#overviewSliderValue .val3 .val1').html(); 
  texte[2][2] = jQuery('#overviewSliderValue .val3 .val2').html(); 
   
  texte[3] = new Array();
  texte[3][0] = jQuery('#overviewSliderValue .val4 .val0').html();
  texte[3][1] = jQuery('#overviewSliderValue .val4 .val1').html();
  texte[3][2] = jQuery('#overviewSliderValue .val4 .val2').html(); 
  
  texte[4] = new Array();
  texte[4][0] = jQuery('#overviewSliderValue .val5 .val0').html();
  texte[4][1] = jQuery('#overviewSliderValue .val5 .val1').html(); 
  texte[4][2] = jQuery('#overviewSliderValue .val5 .val2').html(); 
   
  texte[5] = new Array();
  texte[5][0] = jQuery('#overviewSliderValue .val6 .val0').html();
  texte[5][1] = jQuery('#overviewSliderValue .val6 .val1').html(); 
  texte[5][2] = jQuery('#overviewSliderValue .val6 .val2').html(); 
	
	var firstLi = jQuery('#overviewSlider ul li.main:first');
	var offset = firstLi.find('span').offset();
	jQuery('.activeText').html(firstLi.html());
	jQuery('.activeText').css('top', offset.top - 172);	

    var bar = jQuery('#overviewSlider .activeLi');
	bar.css('width', '0px');			
	bar.delay(1500).animate({width:"153px"},2000);

	jQuery("#overviewSlider ul.mainSlider li.main").hover(
	  function () {
		jQuery(this).find('span').addClass("hover");
	  },
	  function () {
		jQuery(this).find('span').removeClass("hover");
	  }
	);
	
	jQuery('#overviewSlider ul.mainSlider li.main').click(function (e) {

		var index = jQuery("#overviewSlider ul.mainSlider li.main").index(this);
		jQuery('#overviewSlider').css("background-image", "url(/styles/bg_" + index + ".png)");  
		
		jQuery('.bottomText .headline').html(texte[index][0]);
		jQuery('.bottomText .text').html(texte[index][1]);
		//jQuery(".bottomText a").attr("href", texte[index][2])

	  offset = jQuery(this).find('span').offset();
	  jQuery('.activeText').html(jQuery(this).html());
	  jQuery('.activeText').css('top', offset.top - 172);	
	  bar.css('width', '0px');			
      e.stopPropagation();
	  bar.css('left', offset.right);	
	  bar.css('top', offset.top - 181);	
	  bar.stop().animate({width:"153px"},2000);
    });
});
/*
 * jQuery ifixpng plugin
 * (previously known as pngfix)
 * Version 2.1  (23/04/2008)
 * @requires jQuery v1.1.3 or above
 *
 * Examples at: http://jquery.khurshid.com
 * Copyright (c) 2007 Kush M.
 * Dual licensed under the MIT and GPL licenses:
 * http://www.opensource.org/licenses/mit-license.php
 * http://www.gnu.org/licenses/gpl.html
 */
 
 /**
  *
  * @example
  *
  * optional if location of pixel.gif if different to default which is images/pixel.gif
  * $.ifixpng('media/pixel.gif');
  *
  * $('img[@src$=.png], #panel').ifixpng();
  *
  * @apply hack to all png images and #panel which icluded png img in its css
  *
  * @name ifixpng
  * @type jQuery
  * @cat Plugins/Image
  * @return jQuery
  * @author jQuery Community
  */
 
(function($) {

	/**
	 * helper variables and function
	 */
	$.ifixpng = function(customPixel) {
		$.ifixpng.pixel = customPixel;
	};
	
	$.ifixpng.getPixel = function() {
		return $.ifixpng.pixel || 'images/pixel.gif';
	};
	
	var hack = {
		ltie7  : $.browser.msie && $.browser.version < 7,
		filter : function(src) {
			return "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='"+src+"')";
		}
	};

	/**
	 * Applies ie png hack to selected dom elements
	 *
	 * $('img[@src$=.png]').ifixpng();
	 * @desc apply hack to all images with png extensions
	 *
	 * $('#panel, img[@src$=.png]').ifixpng();
	 * @desc apply hack to element #panel and all images with png extensions
	 *
	 * @name ifixpng
	 */
	 
	$.fn.ifixpng = hack.ltie7 ? function() {
    	return this.each(function() {
			var $$ = $(this);
			// in case rewriting urls
			var base = $('base').attr('href');
			if (base) {
				// remove anything after the last '/'
				base = base.replace(/\/[^\/]+$/,'/');
			}
			if ($$.is('img') || $$.is('input')) { // hack image tags present in dom
				if ($$.attr('src')) {
					if ($$.attr('src').match(/.*\.png([?].*)?$/i)) { // make sure it is png image
						// use source tag value if set 
						var source = (base && $$.attr('src').search(/^(\/|http:)/i)) ? base + $$.attr('src') : $$.attr('src');
						// apply filter
						$$.css({filter:hack.filter(source), width:$$.width(), height:$$.height()})
						  .attr({src:$.ifixpng.getPixel()})
						  .positionFix();
					}
				}
			} else { // hack png css properties present inside css
				var image = $$.css('backgroundImage');
				if (image.match(/^url\(["']?(.*\.png([?].*)?)["']?\)$/i)) {
					image = RegExp.$1;
					image = (base && image.substring(0,1)!='/') ? base + image : image;
					$$.css({backgroundImage:'none', filter:hack.filter(image)})
					  .children().children().positionFix();
				}
			}
		});
	} : function() { return this; };
	
	/**
	 * Removes any png hack that may have been applied previously
	 *
	 * $('img[@src$=.png]').iunfixpng();
	 * @desc revert hack on all images with png extensions
	 *
	 * $('#panel, img[@src$=.png]').iunfixpng();
	 * @desc revert hack on element #panel and all images with png extensions
	 *
	 * @name iunfixpng
	 */
	 
	$.fn.iunfixpng = hack.ltie7 ? function() {
    	return this.each(function() {
			var $$ = $(this);
			var src = $$.css('filter');
			if (src.match(/src=["']?(.*\.png([?].*)?)["']?/i)) { // get img source from filter
				src = RegExp.$1;
				if ($$.is('img') || $$.is('input')) {
					$$.attr({src:src}).css({filter:''});
				} else {
					$$.css({filter:'', background:'url('+src+')'});
				}
			}
		});
	} : function() { return this; };
	
	/**
	 * positions selected item relatively
	 */
	 
	$.fn.positionFix = function() {
		return this.each(function() {
			var $$ = $(this);
			var position = $$.css('position');
			if (position != 'absolute' && position != 'relative') {
				$$.css({position:'relative'});
			}
		});
	};

})(jQuery);