$(document).ready(function () {
    $('#sshow2_back').click(function () { start_sshow1(); return false; });
    $('#sshow1_slides3_1_link').click(function () { start_sshow2(); return false; });
    set_sshow2_controllers();
    set_sshow_buttons();
    set_sshow2_pagingbuttons();
    start_sshow1();
});

var sshow1_slides1_timeout=6000;
var sshow1_slides1_speed=2500;

var sshow1_slides2_timeout=10000;
var sshow1_slides2_speed=1000;

var sshow1_slides3_timeout=5000;
var sshow1_slides3_speed = 1000;

var sshow1_end_timeout = 4000;

function start_sshow1() {
    // stop slideshow 2
    $('#sshow2_slides1').cycle('stop');
    // hide loading
    $('#loading').hide();
    // hide sshow2
    $('#sshow2').hide();
    // show sshow 1
    $('#sshow1').show();
    // start the slideshow
    $('#sshow1_slides1').cycle({
		fx: 'fade',
		speed:  eval(sshow1_slides1_speed),
		timeout:  eval(sshow1_slides1_timeout),
		after:   onAfter_sshow1_slide1,
		cleartype: false 
	});
	
    $('#sshow1_slides2').cycle({
		fx: 'scrollRight',
		speed: eval(sshow1_slides2_speed),
		timeout: eval(sshow1_slides2_timeout),
		after: onAfter_sshow1_slide2,
        cleartype: false 
	});
	$('#sshow1_slides2').cycle('next');
	
    $('#sshow1_slides3').cycle({
		fx: 'fade',
		speed:  eval(sshow1_slides3_speed),
		timeout:  eval(sshow1_slides3_timeout),
		after:   onAfter_sshow1_slide3,
		cleartype: false 
	});
	$('#sshow1_slides3').cycle('next');
}

// after sshow1 slides1 4 has been displayed the stop the slideshow, delay and load sshow 2
function onAfter_sshow1_slide1(slide_out,slide_in,slide_options)
{
    if (slide_in.id=="sshow1_slides1_4")
    {
        $('#sshow1_slides1').cycle('pause');
        // then show sshow2 after a delay
        window.setTimeout(function () { start_sshow2(); }, eval(sshow1_end_timeout));        
    }
}

// stop sshow1 slides2 after slide 2 has been displayed
function  onAfter_sshow1_slide2(slide_out,slide_in,slide_options)
{
    if (slide_in.id=="sshow1_slides2_1")
    {
        $('#sshow1_slides2').cycle('pause');
    }
}

// stop sshow1 slides3 after slide 2 has been displayed
function  onAfter_sshow1_slide3(slide_out,slide_in,slide_options)
{
    if (slide_in.id=="sshow1_slides3_1")
    {
        $('#sshow1_slides3').cycle('pause');
    }
}

var sshow2_slides1_timeout=15000;
var sshow2_slides1_speed = 1000;
var sshow2_end_timeout = 15000;

function start_sshow2()
{
    // stop slideshow 1
    $('#sshow1_slides1').cycle('stop');
    $('#sshow1_slides2').cycle('stop');
    $('#sshow1_slides3').cycle('stop');
    // hide loading
    $('#loading').hide();
    // hide sshow1
    $('#sshow1').hide();
    // show sshow 2
    $('#sshow2').show();
    // start the slideshow
    $('#sshow2_slides1').cycle({
		fx: 'scrollHorz',
		speed:  eval(sshow2_slides1_speed),
		timeout:  eval(sshow2_slides1_timeout),
		before: onBefore_sshow2_slide1,
        after: onAfter_sshow2_slide1,
		next: '#sshow2_next',
		prev: '#sshow2_prev',
		nowrap: true,
        startingSlide:0 
	});
    $('#sshow2_heading_1').addClass('panel_blue_heading_selected');
    $('#sshow2_heading_2').removeClass('panel_blue_heading_selected');
    $('#sshow2_heading_3').removeClass('panel_blue_heading_selected');
    $('#sshow2_heading_4').removeClass('panel_blue_heading_selected');
    $('#sshow2_heading_5').removeClass('panel_blue_heading_selected');
}

//show the correct headig image for the slide
function  onBefore_sshow2_slide1(slide_out,slide_in,slide_options)
{
    // show the correct heading
    var newheading='#'+slide_in.id.replace("sshow2_slides1","sshow2_heading");
    var oldheading='#'+slide_out.id.replace("sshow2_slides1","sshow2_heading");
    $(newheading).addClass('panel_blue_heading_selected');
    if ($(oldheading)!=null)
    {
        $(oldheading).removeClass('panel_blue_heading_selected');
    }
    // show next/prev 
    if (slide_in.id=="sshow2_slides1_1")
    {
        $('#sshow2_prev').addClass('lolight');
        $('#sshow2_prev').removeClass('rollover');
        $('#sshow2_next').removeClass('lolight');
    }    
    else if (slide_in.id=="sshow2_slides1_5")
    {
        $('#sshow2_next').addClass('lolight');
        $('#sshow2_next').removeClass('rollover');
        $('#sshow2_prev').removeClass('lolight');
    }    
    else
    {
        $('#sshow2_next').removeClass('lolight');
        $('#sshow2_prev').removeClass('lolight');
    }
}

function onAfter_sshow2_slide1(slide_out, slide_in, slide_options) {
    if (slide_in.id == "sshow2_slides1_5") {
        // then show sshow2 after a delay
        window.setTimeout(function () { start_sshow1(); }, eval(sshow2_end_timeout));
    }
}

function goto_sshow2Slide(slide_index)
{
    $('#sshow2_slides1').cycle(slide_index);  
}

function setsshow2ControllerArea(id,slideid)    
{
    id='#'+id;
    $(id).hover( 
  function () { 
    $(this).addClass('panel_blue_heading_mouseover');
  },  
  function () { 
    $(this).removeClass('panel_blue_heading_mouseover');
  }   
    ); 
    $(id).click(function(){goto_sshow2Slide(eval(slideid));});
}

function set_sshow2_controllers() {
    setsshow2ControllerArea('sshow2_heading_1', 0);
    setsshow2ControllerArea('sshow2_heading_2', 1);
    setsshow2ControllerArea('sshow2_heading_3', 2);
    setsshow2ControllerArea('sshow2_heading_4', 3);
    setsshow2ControllerArea('sshow2_heading_5', 4);
}

function setButtonMouseOver(id) {
    id = '#' + id;
    $(id).addClass('sshow_button');
    $(id).hover(function () { $(this).addClass('sshow_button_hover'); }, function () { $(this).removeClass('sshow_button_hover'); $(this).removeClass('sshow_button_click'); });
    $(id).mouseup(function () { $(this).removeClass('sshow_button_click'); }).mousedown(function () { $(this).addClass('sshow_button_click'); });
}

function set_sshow_buttons() {
    setButtonMouseOver('sshow1_slides3_1_link');
    setButtonMouseOver('sshow2_slide_link_1');
    setButtonMouseOver('sshow2_slide_link_2');
    setButtonMouseOver('sshow2_slide_link_3');
    setButtonMouseOver('sshow2_slide_link_4');
    setButtonMouseOver('sshow2_slide_link_5');
}

function setsshow2Paging(id) {
    id = '#' + id;
    $(id).hover(
  function () {
      if ($(this).hasClass('lolight') == false) {
          $(this).addClass('rollover');
      }
  },
  function () {
      $(this).removeClass('rollover');
  }
    );
}

function set_sshow2_pagingbuttons() {
    setsshow2Paging('sshow2_prev');
    setsshow2Paging('sshow2_next');
}