var mycarouselMC_itemList = [
    // these are dummy values right now
    // all we need is the array to have 21
    {url: '', title: '0'},
    {url: '', title: '1'},
    {url: '', title: '2'},
    {url: '', title: '3'},
    {url: '', title: '4'},
    {url: '', title: '5'},
    {url: '', title: '6'},
    {url: '', title: '7'},
    {url: '', title: '8'},
    {url: '', title: '9'},
    {url: '', title: '10'},
    {url: '', title: '11'},
    {url: '', title: '12'},
    {url: '', title: '13'},
    {url: '', title: '14'},
    {url: '', title: '15'},
    {url: '', title: '16'},
    {url: '', title: '17'},
    {url: '', title: '18'},
    {url: '', title: '19'},
    {url: '', title: '20'}
];


function ponticlaro_handle_nav(){
    // modified from
    // http://www.atlantajones.com/2007/09/27/easy-reusable-image-rollovers-with-jquery/
    
    // Preload all rollovers
    $("#nav img").each(function() {
        // Set the original src
        rollsrc = $(this).attr("src");
        rollON = rollsrc.replace(/.gif$/ig,"_f2.gif");
        $("<img>").attr("src", rollON);
    });
    
    // Navigation rollovers
    $("#nav a").mouseover(function(){
        imgsrc = $(this).children("img").attr("src");
        matches = imgsrc.match(/_f2/);
        
        
        // don't do the rollover if state is already ON
        if (!matches) {
        imgsrcON = imgsrc.replace(/.gif$/ig,"_f2.gif"); // strip off extension
        $(this).children("img").attr("src", imgsrcON);
        }
        
    });
        
    $("#nav a").mouseout(function(){
        $(this).children("img").attr("src", imgsrc);
    });
}

function callJavascript(str) {
    alert(str);
    var myFlashMovie = document.getElementById("flashObject");
    myFlashMovie.myFunctionId();
    return "ExternalInterface is a new Flash Player 8 API."
};

function callMetCenterFlash(tab){
    var myFlashMovie = document.getElementById("flashObject");
    
    switch(tab){
        case 0:
          section = 'about';
          myFlashMovie.metcenterAbout();
          break;    
        case 1:
          section ='location';
          myFlashMovie.metcenterLocation();
          break;
        case 2:
          section = 'available-space';
          myFlashMovie.metcenterAvailableSpace();
          break;
        case 3:
          section = 'power-and-fiber';
          myFlashMovie.metcenterPowerAndFiber();
          break;
        case 4:
          section = 'data-center';
          myFlashMovie.metcenterDataCenter();
          break;
        case 5:
          section = 'amenities';
          myFlashMovie.metcenterAmenities();
          break;
        case 6:
          section = 'download';
          myFlashMovie.metcenterAbout();
          break;
        case 7:
          section = 'news';
          myFlashMovie.metcenterAbout();
          break;
        case 8:
          section = 'contact';
          myFlashMovie.metcenterAbout();
          break;
    }
    
    return 'this';
};


function handleMCjquery(){
    $("div#newscontainer").hide();
    $("div#adscontainer").hide();
    $("img#metcenter").hide();
    
    // nav rollovers
    ponticlaro_handle_nav();
    
    // TOUR
    jQuery('#mycarouselMC').jcarousel({
        wrap: 'circular',
        itemVisibleInCallback: {onBeforeAnimation: mycarouselMC_itemVisibleInCallback},
        itemVisibleOutCallback: {onAfterAnimation: mycarouselMC_itemVisibleOutCallback},
        scroll: 3,
        buttonPrevHTML: null,
        buttonNextHTML: '<div id="nextphotos"><img src="/site/i/mc-nav/mc-nav_r1_c8.gif" id="nextphotosimg" title="Click to view more photos." alt="Next Photos" border="0" onmouseover="document.images[\'nextphotosimg\'].src=\'/site/i/mc-nav/mc-nextphotos-f2.gif\';"  onmouseout="document.images[\'nextphotosimg\'].src=\'/site/i/mc-nav/mc-nav_r1_c8.gif\';" onmousedown="document.images[\'nextphotosimg\'].src=\'/site/i/mc-nav/mc-nextphotos-f2.gif\';" /></div>'
    });

    
    // TABS
    // handle the navigation
    $('#nav > ul').tabs({ 
        fx: { 
            opacity: 'toggle' 
        },
        selected: null
    }).bind('select.ui-tabs', function(e, ui){
        $("div#home").hide();
        $("#home").fadeTo("fast", 0);
        $("div#flash").fadeTo("fast", 1.0);
        $("div#flash").show();
		$("div#newscontainer").hide();
		$("div#adscontainer").hide();
		$("#footer-download").css("color","#000000");
        $("#footer-contact").css("color","#000000");
		$("#footer-news").css("color","#000000");
        $("#footer-contact").css("display","inline");
		$("#footer-download").css("display","inline");
		$("#footer-news").css("display","inline");
        $("#chosen-download").css("display","none");
		$("#chosen-download").css("visibility","hidden");
        $("#chosen-news").css("display","none");
		$("#chosen-news").css("visibility","hidden");
        $("#chosen-contact").css("display","none");
		$("#chosen-contact").css("visibility","hidden");
		$("#footer-news").css("display","inline");
		$("#footer-contact").css("display","inline");
    }).bind('show.ui-tabs', function(e, ui){
        var selected = $('#nav > ul').data('selected.ui-tabs');
        callMetCenterFlash(selected);
        handleLeaveHome();
        if (selected == 5){
            // Go to amenities
        };
    });

    // highslide parameters
    hs.graphicsDir = '/site/js/highslide/highslide/graphics/';
    hs.outlineType = 'rounded-white';
    hs.align = 'center';
    
    // flash file
    var so = new SWFObject("/site/metcenter-content.swf", "flashObject", "664", "470", "7", "#808080");
    so.addParam("quality", "high");
    so.addParam("wmode", "transparent");
    so.addParam("allowScriptAccess", "always");
    so.write("flash");  
    
    $("#home img").click(function(){
        // This sets the opacity to 100% on hover
		$("#home").fadeTo("slow", 0);
		$("div#home").hide();
		$('#nav > ul').tabs('select', 0);
		handleLeaveHome();
 	});
		
    $("#metcenter").click(function(){
        // This sets the opacity to 100% on hover
		$("#home").fadeTo("slow", 1.0); 
		$("div#home").show();
		$('#nav > ul').tabs({ selected : null});
		handleGoHome();
    });    
    
    $("#footer-download").click(function(){
		$('#nav > ul').tabs('select', 6);
		$(this).css("color","#CD0921");
		$("#footer-contact").css("color","#000000");
		$("#footer-news").css("color","#000000");
		$("#chosen-download").css("display","inline");
		$("#chosen-download").css("visibility","visible");
        $("#chosen-news").css("display","none");
		$("#chosen-news").css("visibility","hidden");
        $("#chosen-contact").css("display","none");
		$("#chosen-contact").css("visibility","hidden");
		$("#footer-news").css("display","inline");
		$("#footer-contact").css("display","inline");
		$(this).css("display","none");
    });    
    
    $('#footer-download').mouseover(function() { 
        $(this).css("color","#CD0921");
    });

    $('#footer-download').mouseout(function() { 
        $(this).css("color","#000000");
    });   
    
    $("#footer-contact").click(function(){
		$('#nav > ul').tabs('select', 7); 
        $(this).css("color","#CD0921");
		$("#footer-download").css("color","#000000");
		$("#footer-news").css("color","#000000");
        // handle the chosen form
        $("#chosen-download").css("display","none");
		$("#chosen-download").css("visibility","hidden");
        $("#chosen-news").css("display","none");
		$("#chosen-news").css("visibility","hidden");
        $("#chosen-contact").css("display","inline");
		$("#chosen-contact").css("visibility","visible");
		$("#footer-news").css("display","inline");
		$("#footer-download").css("display","inline");
		$(this).css("display","none");
    }); 

    $('#footer-contact').mouseover(function() { 
        $(this).css("color","#CD0921");
    });

    $('#footer-contact').mouseout(function() { 
        $(this).css("color","#000000");
    });
    
    $("#footer-news").click(function(){
		$('#nav > ul').tabs('select', 8); 
		$("div#flash").fadeTo("slow", 0.0);
		$("div#flash").hide();
		$("div#newscontainer").show();
        $(this).css("color","#CD0921");
		$("#footer-contact").css("color","#000000");
		$("#footer-download").css("color","#000000");
        // handle the chosen form
        $("#chosen-download").css("display","none");
		$("#chosen-download").css("visibility","hidden");
        $("#chosen-news").css("display","inline");
		$("#chosen-news").css("visibility","visible");
        $("#chosen-contact").css("display","none");
		$("#chosen-contact").css("visibility","hidden");
		$("#footer-contact").css("display","inline");
		$("#footer-download").css("display","inline");
		$(this).css("display","none");
    }); 
    
    $('#footer-news').mouseover(function() { 
        $(this).css("color","#CD0921");
    });

    $('#footer-news').mouseout(function() { 
        $(this).css("color","#000000");
    });
    
    $("#adslink").click(function(){
		$('#nav > ul').tabs('select', 9); 
		$("div#flash").fadeTo("slow", 0.0);
		$("div#flash").hide();
		$("div#newscontainer").hide();
		$("div#adscontainer").show();
		
        $("#footer-news").css("color","#CD0921");
		$("#footer-contact").css("color","#000000");
		$("#footer-download").css("color","#000000");
    });     

    $("#newslink").click(function(){
		$('#nav > ul').tabs('select', 8); 
		$("div#flash").fadeTo("slow", 0.0);
		$("div#flash").hide();
		$("div#adscontainer").hide();
		$("div#newscontainer").show();
        $("#footer-news").css("color","#CD0921");
		$("#footer-contact").css("color","#000000");
		$("#footer-download").css("color","#000000");
    });
};


function handleLeaveHome(){
    // change the jcarousel total widths to proper widths
    $(".jcarousel-skin-ie7 .jcarousel-clip-horizontal").css("width","798px");
    $(".jcarousel-skin-ie7.jcarousel-container-horizontal").css("width","798px");
    $(".jcarousel-container").css("width","798px");
    $(".jcarousel-list").css("left","0px");
    
    $("img#metcenter").show();
};

function handleGoHome(){
    $("img#metcenter").hide();
    
    // change the jcarousel total widths to proper widths
    $(".jcarousel-skin-ie7 .jcarousel-clip-horizontal").css("width","929px");
    $(".jcarousel-skin-ie7.jcarousel-container-horizontal").css("width","929px");
    $(".jcarousel-container").css("width","929px");
    $(".jcarousel-list").css("left","-2px");
};

function handleFooterRolloverLink(elem){
    this.style.color = "#CD0921";
};


/* Item html creation helper. */
function mycarouselMC_getItemHTML(url){
    caption = 'CAPTION';
    
    if (url == '0'){
        caption = 'BUILDING DETAIL';
    };

    if (url == '1'){
        caption = 'METCENTER SUBSTATION';
    };
    
    if (url == '2'){
        caption = 'HIKE &amp; BIKE TRAILS';
    };
    
    if (url == '3'){
        caption = 'ENTRANCE MARKERS';
    };
    
    if (url == '4'){
        caption = 'RETAIL BUILDING DETAIL';
    };

    if (url == '5'){
        caption = 'SPORTS COMPLEX';
    };
    
    if (url == '6'){
        caption = 'GREENBELT';
    };

    if (url == '7'){
        caption = 'STARBUCKS DETAIL';
    };

    if (url == '8'){
        caption = 'HIKE &amp; BIKE TRAILS';
    };

    if (url == '9'){
        caption = 'LA QUINTA INN &amp; SUITES';
    };

    if (url == '10'){
        caption = 'GREENBELT';
    };
        
    if (url == '11'){
        caption = 'BUILDING DETAIL';
    };
    
    if (url == '12'){
        caption = 'DESIGN DETAIL';
    };
    
    if (url == '13'){
        caption = 'TENANT IDENTITY';
    };

    if (url == '14'){
        caption = 'DESIGN DETAIL';
    };
    
    if (url == '15'){
        caption = 'ERCOT &amp; HOLIDAY INN';
    };

    if (url == '16'){
        caption = 'LANDSCAPE DETAIL';
    };

    if (url == '17'){
        caption = 'DESIGN DETAIL';
    };
    
    if (url == '18'){
        caption = 'TENANT IDENTITY';
    };

    if (url == '19'){
        caption = 'METROCENTER DRIVE';
    };
    
    if (url == '20'){
        caption = 'BUILDING DETAIL';
    };
    
    return '<div id="mc' + url + '"><a id="thumb' + url + '" href="/site/i/mc-tour/mc-tour-big-' + url + '.jpg" class="highslide" onclick="return hs.expand(this)"><img src="/site/i/mc-tour/mc-tour-' + url + '.jpg" width="131" height="131" alt="' + caption + '" /></a><div class="highslide-caption" id="caption-for-thumb' + url + '"><a href="#" onclick="return hs.close(this)" id="closecontrol"  class="control">CLOSE</a>' + caption + '</div></div>';
};


function mycarouselMC_itemVisibleInCallback(carousel, item, i, state, evt){
    // The index() method calculates the index from a
    // given index who is out of the actual item range.
    var idx = carousel.index(i, mycarouselMC_itemList.length);
    carousel.add(i, mycarouselMC_getItemHTML(idx - 1));

    // Auto scroll to Amenities
    //jQuery('li#amenitieslink').bind('click', function() {
    //    carousel.scroll(jQuery.jcarousel.intval(6));
    //    return false;
    //});
};

function mycarouselMC_itemVisibleOutCallback(carousel, item, i, state, evt){
    //carousel.remove(i);
};