// when the DOM is ready...
var TopMenuTimerFromStart = 1;
var TopMenuLastBtn = 5;
var SliderLastShowHide = 'Hide';
$(document).ready(function () {


    var $panels = $('#slider .scrollContainer > div');
    var $container = $('#slider .scrollContainer');

    // if false, we'll float all the panels left and fix the width 
    // of the container
    var horizontal = true;

    // float the panels left if we're going horizontal
    if (horizontal) {
        $panels.css({
            'float' : 'left',
            'position' : 'relative' // IE fix to ensure overflow is hidden
        });

        // calculate a new width for the container (so it holds all panels)
        $container.css('width', $panels[0].offsetWidth * $panels.length);
    }

    // collect the scroll object, at the same time apply the hidden overflow
    // to remove the default scrollbars that will appear
    var $scroll = $('#slider .scroll').css('overflow', 'hidden');

    // apply our left + right buttons
    $scroll
        .before('') //<img style="display:none;" id="scrollButtons_Left" class="scrollButtons left" src="images/scroll_left.png" />')
        .after(''); //<img style="display:none;"  id="scrollButtons_Right" class="scrollButtons right" src="images/scroll_right.png" />');

    // handle nav selection
    function selectNav() {
        $(this)
            .parents('ul:first')
                .find('a')
                    .removeClass('selected')
                .end()
            .end()
            .addClass('selected');
    }

    $('#slider .navigation').find('a').click(selectNav);

    // go find the navigation link that has this target and select the nav
    function trigger(data) {
        //var el = $('#slider .navigation').find('a[href$="' + data.id + '"]').get(0);
        var el = $('#slider .navigation').find('a[href$="sitebuilding.asp"]').get(0);
        selectNav.call(el);
    }

    if (window.location.hash) {
        trigger({ id : window.location.hash.substr(1) });
    } else {
      //  $('ul.navigation a:first').click();
    }

    // offset is used to move to *exactly* the right place, since I'm using
    // padding on my example, I need to subtract the amount of padding to
    // the offset.  Try removing this to get a good idea of the effect
    var offset = parseInt((horizontal ? 
        $container.css('paddingTop') : 
        $container.css('paddingLeft')) 
        || 0) * -1;


    var scrollOptions = {
        target: $scroll, // the element that has the overflow

        // can be a selector which will be relative to the target
        items: $panels,

        navigation: '.navigation a',

        // selectors are NOT relative to document, i.e. make sure they're unique
        prev: 'img.left', 
        next: 'img.right',

        // allow the scroll effect to run both directions
        axis: 'xy',

        onAfter: trigger, // our final callback

        offset: offset,

        // duration of the sliding effect
        duration: 300,

        // easing - can be used with the easing plugin: 
        // http://gsgd.co.uk/sandbox/jquery/easing/
        easing: 'swing'
    };

    // apply serialScroll to the slider - we chose this plugin because it 
    // supports// the indexed next and previous scroll along with hooking 
    // in to our navigation.
    $('#slider').serialScroll(scrollOptions);

    // now apply localScroll to hook any other arbitrary links to trigger 
    // the effect
    $.localScroll(scrollOptions);

    // finally, if the URL has a hash, move the slider in to position, 
    // setting the duration to 1 because I don't want it to scroll in the
    // very first page load.  We don't always need this, but it ensures
    // the positioning is absolutely spot on when the pages loads.
    scrollOptions.duration = 1;
    $.localScroll.hash(scrollOptions);
  
    // hide the Slider on page load
  // FuncSliderHide();
  $('#MenuScroll').slideUp(1);
  FuncStartTimer();
  
  // ******************************************************
  
 // hides the slickbox as soon as the DOM is ready
 // (a little sooner than page load)
  $('#slickbox').hide();
 // shows the slickbox on clicking the noted link  
  $('a#slick-show').click(function() {
    $('#slickbox').show('slow');
    return false;
  });
 // hides the slickbox on clicking the noted link  
  $('a#slick-hide').click(function() {
    $('#slickbox').hide('fast');
    return false;
  });
  
 // toggles the slickbox on clicking the noted link  
  $('a#slick-toggle').click(function() {
    $('#slickbox').toggle(400);
    return false;
  });


});



    

	function FuncLoginPannelOpen()
	{
		document.getElementById("TopMenuopen").style.display = 'none';
		document.getElementById("TopMenuclose").style.display = '';

		$('#TopLogin').slideDown('slow');
	}
	
	function FuncLoginPannelClose()
	{
		document.getElementById("TopMenuclose").style.display = 'none';
		document.getElementById("TopMenuopen").style.display = '';
		$('#TopLogin').slideUp('slow');
	}
	
	function FuncUserHide()
	{
	    $('#TopLogin').slideUp('slow');
	}
	
	function FuncSliderBeforeClick()
	{
	    document.getElementById("MenuScroll").style.display = 'none';
	   // alert('FuncSliderBeforeClick');
	}
	
	function FuncSliderShowOnLoad()
	{
        if (TopMenuTimerFromStart>2)
        {
			FuncSliderShow();
			
			//$('#MenuScroll').trigger('goto', TopMenuLastBtn);
			//alert(TopMenuLastBtn);
            //document.getElementById("MenuScroll").style.height = '200px';
		    //$('#MenuScroll').slideDown('slow');
		   // alert('FuncSliderShowOnLoad');
		    //return(0);
		}
	}	
	
	function FuncStartTimer()
	{
	    TopMenuTimerFromStart=TopMenuTimerFromStart+1;
	    if (TopMenuTimerFromStart>3)
        {
			//FuncSliderShow();
		    return;
		}
	    //TopMenuTimerFromStart=2;
	    //alert(TopMenuTimerFromStart);
	    return setTimeout('FuncStartTimer();',1000);
	}
	
	function FuncSliderShow()
	{
		document.getElementById("MenuScroll").style.height = '200px';
		//var elem = document.getElementById("MenuScroll") 
		//elem.style.height = 200;	
		$('#MenuScroll').slideDown('slow');
		SliderLastShowHide = 'Show';
	}

	function FuncSliderHide()
	{
		//document.getElementById("MenuScroll").style.height = '0px';
		//$('#scroll').hide();
		//FuncHideJquerySlider();
		$('#MenuScroll').slideUp('slow');
		SliderLastShowHide = 'Hide';
	}
 

   function FuncJQuerySliderShow() {
    $('#MenuScroll').show('slow');
    alert('FuncJQuerySliderShow')
    return false;
  }
  
   function FuncJQuerySliderHide() {
    $('#MenuScroll').hide('slow');
    alert('FuncJQuerySliderHide')
    return false;
  }

  function scrollContainer_mouseover()
  {
	var a = document.getElementById("MenuScroll").style.height
	var b
	b = parseFloat(a);
	//alert(a + ' ' + SliderLastShowHide);
	//alert(SliderLastShowHide=='Show');
	// alert(b<200);
	
	if(SliderLastShowHide=='Show' && b<200)
	{
		FuncSliderShow();
	}
  }


function FuncSlideUpdate(LastBtn)
{
	TopMenuLastBtn=LastBtn;
}

 function funcgoto()
 {
	$('#MenuScroll').trigger('goto', [4])
 }
 
 
 
function setIconsOnHeader(img,flag)
{
	var directory;
	var fnt;
	if (flag==0){
		directory='Design2010/IconsHeader/'
		fnt='normal'
	}
	else
	{
		directory='Design2010/IconsHeader/onmouse/'
		fnt='bold'
	}
	
	fnt_games
	directory=directory + img.replace('imgheader_','')
	document.getElementById(img).src=directory + '.png';
	directory=img.replace('imgheader_','fnt_')
	document.getElementById(directory).style.fontWeight=fnt
}