var wopFP = 'http://webouts.com/Hosting/Samples/Presentations/Affinity/';



//Reusable Functions
function preloadimages(arr){
    var newimages=[], loadedimages=0
    var postaction=function(){}
    var randNum = Math.random().toString();
    var arr=(typeof arr!="object")? [arr] : arr
    function imageloadpost(){
        loadedimages++
        if (loadedimages==arr.length){
            postaction(newimages) //call postaction and pass in newimages array as parameter
        }
    }
    for (var i=0; i<arr.length; i++){
        newimages[i]=new Image()
        
        if(getInternetExplorerVersion() == 8)
        {

            newimages[i].src=arr[i] + '?updated=' + randNum;
        }
        else
        {
            newimages[i].src=arr[i]
        }
        
        newimages[i].onload=function(){
            imageloadpost()
        }
        newimages[i].onerror=function(){
            imageloadpost()
        }
    }
    return { //return blank object with done() method
        done:function(f){
            postaction=f || postaction //remember user defined callback functions to be called when images load
        }
    }
}

function getInternetExplorerVersion()
{
  var rv = -1; // Return value assumes failure.
  if (navigator.appName == 'Microsoft Internet Explorer')
  {
    var ua = navigator.userAgent;
    var re  = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
    if (re.exec(ua) != null)
      rv = parseFloat( RegExp.$1 );
  }
  return rv;
}

function preloadWOPImages()
{
    preloadimages([
        'images/HomeScroller/ScrollerBackground.png',
        'images/HomeScroller/SlideNumbers.jpg',
        'images/HomeScroller/NumberUnderline.png',
        'images/HomeScroller/NextArrow.png',
        'images/HomeScroller/PrevArrow.png',
        'images/HomeScroller/AffinityDocs.jpg',
        'images/HomeScroller/Daytona.jpg',
        'images/HomeScroller/HPandMicrosoft.jpg',
        'images/HomeScroller/Mayo.jpg',
        'images/HomeScroller/Pierce.jpg',
        'images/HomeScroller/St.Elizabeth.jpg',
        'images/HomeScroller/TeenSavers.jpg',
        'images/HomeScroller/UW-Manitowoc.jpg',
        'images/HomeScroller/Verity.jpg',
        'images/HomeScroller/KarateAmerica.jpg',
        'images/HomeScroller/logos1.jpg',
        'images/HomeScroller/logos2.jpg',
        'images/HomeScroller/logos3.jpg',
        'images/HomeScroller/logos4.jpg'
        ]).done(function(){
            $.getScript('Scripts/jquery.cycle.all.min', function(){
                setupSlider();
                detectDevice();
            });
    });
}

//SlideShow HTML
//var ssHTML = '<a href="javascript:alert(\'yo\');"><img src="images/HomeScroller/Slide1.jpg" width="907" height="336" /></a>';


preloadWOPImages();
var ssHTML = '';
var lrHTML = '';

function setupSlider()
{
    ssHTML += '<a onClick="wosLoad(\'0.5\', \'0.5\', \'#ffffff\', \'800\', \'995\', \'http://webouts.com/Hosting/Samples/360/Pierce360/\')"><img src="images/HomeScroller/Pierce.jpg" width="907" height="336" /></a>';
    ssHTML += '<a onClick="wosLoad(\'0.5\', \'0.5\', \'#ffffff\', \'800\', \'995\', \'http://webouts.com/Hosting/Samples/Presentations/Affinity/#autoload\')"><img src="images/HomeScroller/St.Elizabeth.jpg" width="907" height="336" /></a>';
    ssHTML += '<a onClick="wosLoad(\'0.5\', \'0.5\', \'#ffffff\', \'1000\', \'995\', \'http://www.verity-group.com/WebOuts/EWebOuts/IntroVerityGroup_EWO2.html\')"><img src="images/HomeScroller/Verity.jpg" width="907" height="336" /></a>';
    ssHTML += '<a onClick="wosLoad(\'0.5\', \'0.5\', \'#ffffff\', \'800\', \'995\', \'http://webouts.com/Hosting/Samples/WebOuts/Affinity/Test_McCormick.Joseph/SamplePage.htm\')"><img src="images/HomeScroller/AffinityDocs.jpg" width="907" height="336" /></a>';
    ssHTML += '<a onClick="wosLoad(\'0.5\', \'0.5\', \'#ffffff\', \'800\', \'995\', \'http://webouts.com/Hosting/Samples/Presentations/Daytona/\')"><img src="images/HomeScroller/Daytona.jpg" width="907" height="336" /></a>';
    ssHTML += '<a onClick="wosLoad(\'0.5\', \'0.5\', \'#ffffff\', \'800\', \'1010\', \'http://webouts.com/Hosting/Samples/WebOuts/Mayo/Intranet/\')"><img src="images/HomeScroller/Mayo.jpg" width="907" height="336" /></a>';
    ssHTML += '<a onClick="wosLoad(\'0.5\', \'0.5\', \'#ffffff\', \'800\', \'1300\', \'http://webouts.com/Hosting/Samples/360/TeenSavers/index.html\')"><img src="images/HomeScroller/TeenSavers.jpg" width="907" height="336" /></a>';
    ssHTML += '<a onClick="wosLoad(\'0.5\', \'0.5\', \'#ffffff\', \'600\', \'995\', \'http://webouts.com/WCF/HP/WebOuts/DataProtectionReseller/SamplePage.htm\')"><img src="images/HomeScroller/HPandMicrosoft.jpg" width="907" height="336" /></a>';
    ssHTML += '<a onClick="wosLoad(\'0.5\', \'0.5\', \'#ffffff\', \'1000\', \'995\', \'http://webouts.com/Hosting/Samples/Email/UWManitowoc/UWManitowoc_EWO2.html\')"><img src="images/HomeScroller/UW-Manitowoc.jpg" width="907" height="336" /></a>';
    ssHTML += '<a onClick="wosLoad(\'0.5\', \'0.5\', \'#ffffff\', \'620\', \'995\', \'http://webouts.com/Hosting/Samples/WebOuts/KarateAmerica/Test_HomeWO/SamplePage.htm\')"><img src="images/HomeScroller/KarateAmerica.jpg" width="907" height="336" /></a>';
    

    
    $('#scrollerbox').css({position: 'absolute', display: 'block', top: '168px', width: '907px', height: '336px'});
    
    $('#scrollerbox').mouseover(function(){
        $('#scroller_next_bt').css({display: 'block'});
        $('#scroller_prev_bt').css({display: 'block'});
    });
    $('#scrollerbox').mouseout(function(){
        $('#scroller_next_bt').css({display: 'none'});
        $('#scroller_prev_bt').css({display: 'none'});
    });
    
    $('<div>', {id: 'scroller_image'}).appendTo('#scrollerbox');
    $('#scroller_image').css({position: 'absolute', top: '0px', left: '0px', width: '907px', height: '336px', backgroundImage: 'url(images/HomeScroller/ScrollerBackground.png)', zIndex: '1'});
    $('#scroller_image').html('');
    $('#scroller_image').html(ssHTML);
    $('#scroller_image').click(function(){$('#WebOutContainer').remove();});
    
    $('#scroller_image').cycle({
        fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
        timeout: 0
    });
      
    $('<div>', {id: 'scroller_image_counter'}).appendTo('#scrollerbox');
    $('#scroller_image_counter').css({position: 'absolute', display: 'block', left: '23px', top: '267px', width: '244px', height: '38px', backgroundImage: 'url(images/HomeScroller/SlideNumbers.jpg)', zIndex: '2'});

    $('<div>', {id: 'scroller_image_counter_underline'}).appendTo('#scroller_image_counter');
    $('#scroller_image_counter_underline').css({position: 'absolute', display: 'block', left: '15px', top: '21px', width: '20px', height: '9px', backgroundImage: 'url(images/HomeScroller/NumberUnderline.png)', zIndex: '3'});
    
    $('<div>', {id: 'scroller_image_counter_1'}).appendTo('#scroller_image_counter');
    $('#scroller_image_counter_1').css({position: 'absolute', display: 'block', left: '16px', top: '0px', width: '18px', height: '31px', cursor: 'pointer', zIndex: '4'});
    $('#scroller_image_counter_1').click(function(){gotoSlide(0)});
    
    $('<div>', {id: 'scroller_image_counter_2'}).appendTo('#scroller_image_counter');
    $('#scroller_image_counter_2').css({position: 'absolute', display: 'block', left: '36px', top: '0px', width: '18px', height: '31px', cursor: 'pointer', zIndex: '4'});
    $('#scroller_image_counter_2').click(function(){gotoSlide(1)});
    
    $('<div>', {id: 'scroller_image_counter_3'}).appendTo('#scroller_image_counter');
    $('#scroller_image_counter_3').css({position: 'absolute', display: 'block', left: '56px', top: '0px', width: '18px', height: '31px', cursor: 'pointer', zIndex: '4'});
    $('#scroller_image_counter_3').click(function(){gotoSlide(2)});
    
    $('<div>', {id: 'scroller_image_counter_4'}).appendTo('#scroller_image_counter');
    $('#scroller_image_counter_4').css({position: 'absolute', display: 'block', left: '76px', top: '0px', width: '18px', height: '31px', cursor: 'pointer', zIndex: '4'});
    $('#scroller_image_counter_4').click(function(){gotoSlide(3)});
    
    $('<div>', {id: 'scroller_image_counter_5'}).appendTo('#scroller_image_counter');
    $('#scroller_image_counter_5').css({position: 'absolute', display: 'block', left: '96px', top: '0px', width: '18px', height: '31px', cursor: 'pointer', zIndex: '4'});
    $('#scroller_image_counter_5').click(function(){gotoSlide(4)});
    
    $('<div>', {id: 'scroller_image_counter_6'}).appendTo('#scroller_image_counter');
    $('#scroller_image_counter_6').css({position: 'absolute', display: 'block', left: '116px', top: '0px', width: '18px', height: '31px', cursor: 'pointer', zIndex: '4'});
    $('#scroller_image_counter_6').click(function(){gotoSlide(5)});
    
    $('<div>', {id: 'scroller_image_counter_7'}).appendTo('#scroller_image_counter');
    $('#scroller_image_counter_7').css({position: 'absolute', display: 'block', left: '137px', top: '0px', width: '18px', height: '31px', cursor: 'pointer', zIndex: '4'});
    $('#scroller_image_counter_7').click(function(){gotoSlide(6)});
    
    $('<div>', {id: 'scroller_image_counter_8'}).appendTo('#scroller_image_counter');
    $('#scroller_image_counter_8').css({position: 'absolute', display: 'block', left: '158px', top: '0px', width: '18px', height: '31px', cursor: 'pointer', zIndex: '4'});
    $('#scroller_image_counter_8').click(function(){gotoSlide(7)});
 
    $('<div>', {id: 'scroller_image_counter_9'}).appendTo('#scroller_image_counter');
    $('#scroller_image_counter_9').css({position: 'absolute', display: 'block', left: '178px', top: '0px', width: '18px', height: '31px', cursor: 'pointer', zIndex: '4'});
    $('#scroller_image_counter_9').click(function(){gotoSlide(8)});
 
    $('<div>', {id: 'scroller_image_counter_10'}).appendTo('#scroller_image_counter');
    $('#scroller_image_counter_10').css({position: 'absolute', display: 'block', left: '204px', top: '0px', width: '18px', height: '31px', cursor: 'pointer', zIndex: '4'});
    $('#scroller_image_counter_10').click(function(){gotoSlide(9)});
 
    
    $('<div>', {id: 'scroller_next_bt'}).appendTo('#scrollerbox');
    $('#scroller_next_bt').css({position: 'absolute', display: 'block', right: '10px', top: '140px', width: '52px', height: '54px', cursor: 'pointer', backgroundImage: 'url(images/HomeScroller/NextArrow.png)', zIndex: '2'});
    $('#scroller_next_bt').click(function(){nextSlide();clearInterval(scrollerInt);});
    
    $('<div>', {id: 'scroller_prev_bt'}).appendTo('#scrollerbox');
    $('#scroller_prev_bt').css({position: 'absolute', display: 'block', right: '573px', top: '140px', width: '52px', height: '54px', cursor: 'pointer', backgroundImage: 'url(images/HomeScroller/PrevArrow.png)', zIndex: '2'});
    $('#scroller_prev_bt').click(function(){previousSlide();clearInterval(scrollerInt);});
    
    

    lrHTML += '<div><img src="images/HomeScroller/logos1.jpg" width="907" height="84" border="0" usemap="#Map"/>';
    lrHTML += "<map name=\"Map\" id=\"Map\"><area shape=\"rect\" coords=\"72,1,177,87\" href=\"javascript:wosLoad('0.5', '0.5', '#ffffff', '600', '995', 'http:\/\/webouts.com\/WCF\/HP\/TotalCare\/')\" \/><area shape=\"rect\" coords=\"218,1,375,90\" href=\"javascript:wosLoad('0.5', '0.5', '#ffffff', '800', '995', 'http:\/\/webouts.com\/Hosting\/Samples\/Presentations\/Daytona\/');\" \/><area shape=\"rect\" coords=\"417,-2,576,95\" href=\"javascript:wosLoad('0.5', '0.5', '#ffffff', '800', '995', 'http:\/\/webouts.com\/Hosting\/Samples\/Presentations\/Affinity\/#autoload');\" \/><area shape=\"rect\" coords=\"612,-3,721,87\"  \/><area shape=\"rect\" coords=\"760,-2,844,90\" href=\"javascript:wosLoad('0.5', '0.5', '#ffffff', '800', '1010', 'http:\/\/webouts.com\/Hosting\/Samples\/WebOuts\/Mayo\/Intranet\/');\" \/><\/map></div>";
    
    lrHTML += '<div><img src="images/HomeScroller/logos2.jpg" width="907" height="84" border="0" usemap="#Map2"/>';
    lrHTML += "<map name=\"Map2\" id=\"Map2\"><area shape=\"rect\" coords=\"77,1,270,93\" href=\"javascript:wosLoad('0.5', '0.5', '#ffffff', '800', '995', 'http:\/\/webouts.com\/Hosting\/Samples\/360\/Pierce360\/');\" \/><area shape=\"rect\" coords=\"313,-1,432,100\" href=\"javascript:wosLoad('0.5', '0.5', '#ffffff', '1000', '995', 'http:\/\/webouts.com\/Hosting\/Samples\/Email\/Cisco\/Cisco_EWO2.html');\" \/><area shape=\"rect\" coords=\"478,0,712,111\" href=\"javascript:wosLoad('0.5', '0.5', '#ffffff', '800', '995', 'http:\/\/webouts.com\/Hosting\/Samples\/WebOuts\/StraitsTimes\/');\" \/><area shape=\"rect\" coords=\"756,0,840,97\" href=\"javascript:wosLoad('0.5', '0.5', '#ffffff', '620', '995', 'http:\/\/webouts.com\/Hosting\/Samples\/WebOuts\/KarateAmerica\/Test_HomeWO\/SamplePage.htm')\" \/></map></div>";
    
    lrHTML += '<div><img src="images/HomeScroller/logos3.jpg" width="907" height="84" border="0" usemap="#Map3"/>';
    lrHTML += "<map name=\"Map3\" id=\"Map3\"><area shape=\"rect\" coords=\"57,6,266,79\" href=\"javascript:wosLoad('0.5', '0.5', '#ffffff', '1000', '995', 'http:\/\/webouts.com\/Hosting\/Samples\/Email\/TimeWarnerCable\/VictoriaFollowUp_EWO2.html');\" \/><area shape=\"rect\" coords=\"301,3,450,84\" href=\"javascript:wosLoad('0.5', '0.5', '#ffffff', '1000', '995', 'http:\/\/www.verity-group.com\/WebOuts\/EWebOuts\/IntroVerityGroup_EWO2.html');\" \/><area shape=\"rect\" coords=\"476,3,684,87\"  \/><area shape=\"rect\" coords=\"713,1,842,88\" \/><\/map></div>"
    
    lrHTML +='<div><img src="images/HomeScroller/logos4.jpg" width="907" height="84" border="0" usemap="#Map4"/>';
    lrHTML += "<map name=\"Map4\" id=\"Map4\"><area shape=\"rect\" coords=\"51,-5,231,85\" href=\"javascript:wosLoad('0.5', '0.5', '#ffffff', '800', '995', 'http:\/\/webouts.com\/Hosting\/Samples\/WebOuts\/MilesKimball\/FlyingMonkey\/Home\/');\" \/><area shape=\"rect\" coords=\"260,-15,450,84\" href=\"javascript:wosLoad('0.5', '0.5', '#ffffff', '1000', '995', 'http:\/\/webouts.com\/Hosting\/Samples\/Email\/CCCP\/Expo11Client_EmailLanding.html');\" \/><area shape=\"rect\" coords=\"470,1,642,91\" href=\"javascript:wosLoad('0.5', '0.5', '#ffffff', '800', '1300', 'http:\/\/webouts.com\/Hosting\/Samples\/360\/TeenSavers_Refined\/360.html');\" \/><area shape=\"rect\" coords=\"658,-4,848,84\" href=\"javascript:wosLoad('0.5', '0.5', '#ffffff', '1000', '995', 'http:\/\/webouts.com\/Hosting\/Samples\/Email\/UWManitowoc\/UWManitowoc_EWO2.html');\" \/><\/map></div>";
    

    
    $('#logoRotator').html(lrHTML);
    $('#logoRotator').cycle({
        fx: 'scrollUp', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
        timeout: 6500
    });

    $('#logoRotator').css({position: 'absolute', display: 'block', top: '506px', width: '907px', height: '84px'});
    $('#logoRotator').click(function(){$('#WebOutContainer').remove();});
    
}


var currentSlide = 0;
var totalSlides = 10;
var underlineX = 15;

function nextSlide()
{
    if(currentSlide < (totalSlides-1))
    {
        currentSlide++;
    }
    else
    {
        currentSlide = 0;
    }
    
    getUnderlineX();
    $('#scroller_image').cycle(currentSlide);
}

function previousSlide()
{
    if(currentSlide < 1)
    {
        currentSlide = totalSlides - 1;
    }
    else
    {
        currentSlide--;
    }
    getUnderlineX();
    $('#scroller_image').cycle(currentSlide);
}

var scrollerInt = setInterval("nextSlide()", 5000);

function getUnderlineX()
{
    switch(currentSlide)
    {
        case 0:
            underlineX = 15
            break;
        case 1:
            underlineX = 35
            break;
        case 2:
            underlineX = 55
            break;
        case 3:
            underlineX = 76
            break;
        case 4:
            underlineX = 96
            break;
        case 5:
            underlineX = 116
            break;
        case 6:
            underlineX = 136
            break;
        case 7:
            underlineX = 157
            break;
        case 8:
            underlineX = 178
            break;
        case 9:
            underlineX = 204
            break;
    }
    
    $('#scroller_image_counter_underline').animate({left: underlineX + 'px'}, 500);
}

function gotoSlide(slide)
{
    clearInterval(scrollerInt);
    currentSlide = slide;
    getUnderlineX();
    $('#scroller_image').cycle(currentSlide);
    
}