function showImageBox() {
    $j("#ImageBox").css("visibility","visible");
    $j("#pagerIndex").css("visibility","visible");

}

function hideImageBox() {
    $j("#ImageBox").css("visibility","hidden");
    $j("#pagerIndex").css("visibility","hidden");
}
   
function DelValue(id) {
    if (document.getElementById(id).value == "Name Betrieb") {
        document.getElementById(id).value = "";
    }
}
      
hs.graphicsDir = '/highslide/graphics/';
hs.align = 'center';
hs.showCredits = false;
hs.transitions = ['expand', 'crossfade'];
hs.wrapperClassName = 'wide-border';
hs.fadeInOut = true;
hs.dimmingOpacity = 0.5;

// Add the controlbar
hs.addSlideshow({
	slideshowGroup: 'gallery',
	interval: 5000,
	repeat: true,
	useControls: true,
	fixedControls: 'fit',
	overlayOptions: {
		opacity: .75,
		position: 'bottom center',
		hideOnMouseOut: true
	}

});
// Add the controlbar
hs.addSlideshow({
	slideshowGroup: 'CompanyGallery',
	interval: 5000,
	repeat: true,
	useControls: true,
	fixedControls: 'fit',
	overlayOptions: {
		opacity: .75,
		position: 'bottom center',
		hideOnMouseOut: true
	}

});

var defaultImage = "/images/bilder/gebiete/dolomiten-small.jpg";

function SetImage( id, _Image )
{
    var Image = _Image;
    var NewSrc = "/images/bilder/gebiete/" + Image + "-small.jpg";
    var NewTxt = id.title;

    if (Image == null)
    {
        NewSrc = defaultImage;
        NewTxt = document.getElementById('BigImage').title;
    }                
    
    document.getElementById('BigImage').src = NewSrc;
    document.getElementById('BigText').innerHTML = NewTxt;
}

function SetThema( id, _Image )
{
    var Image = _Image;
    var NewSrc = "/images/bilder/" + Image + ".jpg";
    var NewTxt = id.title;

    if (Image == null)
    {
        NewSrc = defaultImage;
        NewTxt = document.getElementById('BigThema').title;
    }                
    
    document.getElementById('BigThema').src = NewSrc;
}

var $j=jQuery.noConflict();

$j(document).ready(function() {

    if(navigator.platform == 'iPad' || navigator.platform == 'iPhone' || navigator.platform == 'iPod') {
        $j(document).scroll(function() {

          $j(".downfix").css("top",$j(document).scrollTop() + $j(window).height() - 40);
              });

    }


    $j('#slideshow').after('<div id="pager">').cycle({
        fx:     'scrollHorz',
        speed:   1000,
        timeout: 4500,
        pager:  '#pager',
        pauseOnPagerHover: true,
        before: function() { if (window.console) console.log(this.src); }
    });

    $j('#slideshowIndex').after('<div id="pagerIndex">').cycle({
        fx:     'fade',
        speed:   2000,
        timeout: 8000,
        pager:  '#pagerIndex',
        pauseOnPagerHover: true,
        before: function() { if (window.console) console.log(this.src); }
    });

     $j(".Content .link").click(function (event) {
        event.preventDefault();
        //var target = $j("#ImageBox a").attr("href");
        $j('html,body').animate({scrollTop: 1500}, 800);
    });
    
     $j("#ImageBox .mehr").click(function (event) {
        event.preventDefault();
        //var target = $j("#ImageBox a").attr("href");
        $j('html,body').animate({scrollTop: 500}, 800);
    });

    
    $j('#CityList').selectbox();
    $j('#CategoryList').selectbox();
    $j('#Stars').selectbox();

    var Result = "";


    $j('#gallery').after('<div id="pagerGallery"><table cellpadding="0" cellspacing="0"><tr><td>').cycle({
        fx:     'fade',
        speed:   2000,
        timeout: 8000,
        pager:  '#pagerGallery td',
        pauseOnPagerHover: true,
        //before: function() { if (window.console) console.log(this.src);
        
          // callback fn that creates a thumbnail to use as pager anchor 
        pagerAnchorBuilder: function(idx, slide) { 
            slideSrc = jQuery(slide).find('img').attr('src');
            bigImageSrc = slideSrc.replace('/small','');
            
            //if ((idx+1) % 6) {
                Result =  idx; 
                return '<a href="' + bigImageSrc + '"><img alt="" src="' + slideSrc + '" style="width: 66px; height:auto;" /></a>';
                
           // } else {
            //    return '<a href="' + bigImageSrc + '" style="margin-right: 0px;"><img alt="" src="' + slideSrc + '" style="width: 66px; height:auto;" /></a>'; 
            //}
        }
        
    });
    
        if (Result != "") {
            $j(".galleryContainer").append("<a id=\"nextImage\"></a>");    
            $j(".galleryContainer").append("<a id=\"prevImage\"></a>");
        } else {
            $j("#pagerGallery").css("height","5px");
        }

    


    ImageTableWidth = parseInt($j("#pagerGallery table").width());
    ImageContainerWidth =  parseInt($j("#pagerGallery").width());
    
    $j("#nextImage").bind("click",function() {
        if ((parseInt($j("#pagerGallery table").css("left")) + ImageTableWidth) > ImageContainerWidth) {
            $j("#pagerGallery table").animate({
                 left: '-=260'
            });
        }
    });

    $j("#prevImage").bind("click",function() {
        if (parseInt($j("#pagerGallery table").css("left")) < 0) {
            $j("#pagerGallery table").animate({
                 left: '+=260'
            });
        }
    });
});

!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");

  window.___gcfg = {lang: 'de'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();

(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/de_DE/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));