﻿var webcam_index = 0;

jQuery(document).ready(function () {
    //webcam stuff in case there is more than one image
    if (/@/.test(webcams)) {
        jQuery('img.webcamimg').load(function () {
            var webcamObj = webcams.split('@');
            jQuery('#webcampreloader').remove();
            jQuery('div.webcam_title h6').html(webcamObj[webcam_index].split('|')[0]);
            jQuery('img.webcamimg').parent('a').attr('title', (webcamObj[webcam_index].split('|')[0]));
            jQuery('img.webcamimg').parent('a').colorbox({ title: jQuery(this).attr('title') });
        });

        jQuery('#webcam .webcam_title h6').addClass('full');
        jQuery('#webcam .webcam_title').prepend('<a href="JavaScript:previous_webcam();"><img style="float:left;margin-left:10px;border:none;" src="images/home_webcam_previous_btn.jpg" alt="previous" /></a>');
        jQuery('#webcam .webcam_title').prepend('<a href="JavaScript:next_webcam();"><img style="float:right;margin-right:10px;border:none;" src="images/home_webcam_next_btn.jpg" alt="previous" /></a>');
    }

    //colorbox for panoramic view
    jQuery('#panoramicView').colorbox({ title: 'Live panoramic view from the Snowgoose Restaurant at 650m', iframe: 'true', width: '842px', height: '620px' });
});

function showWebCamLoader() {
    var webheight = jQuery('img.webcamimg').height();
    var webwidth = jQuery('img.webcamimg').width();
    webheight = Math.round((webheight - 20) / 2);
    webwidth = Math.round((webwidth - 50) / 2);
    jQuery('#webcam').prepend('<div id="webcampreloader" style="px;position:relative;"><img style="position:absolute;top:' + webheight + 'px;left:' + webwidth + 'px;" alt="preloader" src="images/ajax-loader3.gif" /></div>');
}

function previous_webcam() {
    showWebCamLoader();
    var webcamObj = webcams.split('@');
    webcam_index--;
    if (webcam_index < 0) webcam_index = webcamObj.length - 1;

    jQuery('img.webcamimg').attr('src', webcamObj[webcam_index].split('|')[1]);
    jQuery('img.webcamimg').parent('a').attr('href', webcamObj[webcam_index].split('|')[1]);
    jQuery('div.webcam_title h6').html('Loading please wait...');
}
function next_webcam() {
    showWebCamLoader();
    var webcamObj = webcams.split('@');
    webcam_index++;
    if (webcam_index > (webcamObj.length - 1)) webcam_index = 0;

    jQuery('img.webcamimg').attr('src', webcamObj[webcam_index].split('|')[1]);
    jQuery('img.webcamimg').parent('a').attr('href', webcamObj[webcam_index].split('|')[1]);
    jQuery('div.webcam_title h6').html('Loading please wait...');
}

function changePic(val){
	document.getElementById('main_img').src = val;
	document.getElementById('img_src_lightbox').href = val;
}

function clear_webcam_tabs(obj,state){
	var webcams = document.links;
    var idoc_num = 1;
	for(idoc=0;idoc<webcams.length;idoc++){
		if(webcams[idoc].className=="webcam_links"){
            if((idoc_num-0)==(state-0)){
                webcams[idoc].id = "active_webcam0" + state;
            }else{
                webcams[idoc].id = "";
            }
            idoc_num++;
        }
    }
}

//tabs flicking
function toggletabs(obj,state){
	var webcams = document.links;
    var idoc_num = 1;
	for(idoc=0;idoc<webcams.length;idoc++){
		if(webcams[idoc].className=="tabs_links"){
            if((idoc_num-0)==(state-0)){
                webcams[idoc].id = "active_tab0" + state;
                switch(state){
                    case "1":
                        document.getElementById("home_page_tabs_announcements").style.display="block";
                        document.getElementById("home_page_tabs_news").style.display="none";
                        document.getElementById("home_page_tabs_events").style.display="none";
                        document.getElementById("home_page_tabs_blog").style.display="none";
                        break;
                    case "2":
                        document.getElementById("home_page_tabs_announcements").style.display="none";
                        document.getElementById("home_page_tabs_news").style.display="block";
                        document.getElementById("home_page_tabs_events").style.display="none";
                        document.getElementById("home_page_tabs_blog").style.display="none";
                        break;
                    case "3":
                        document.getElementById("home_page_tabs_announcements").style.display="none";
                        document.getElementById("home_page_tabs_news").style.display="none";
                        document.getElementById("home_page_tabs_events").style.display="block";
                        document.getElementById("home_page_tabs_blog").style.display="none";
                        break;
                    case "4":
                        document.getElementById("home_page_tabs_announcements").style.display="none";
                        document.getElementById("home_page_tabs_news").style.display="none";
                        document.getElementById("home_page_tabs_events").style.display="none";
                        document.getElementById("home_page_tabs_blog").style.display="block";
                        break;
                }
            }else{
                webcams[idoc].id = "";
            }
            idoc_num++;
        }
    }
}

//function to toggle home features
function changeFeature(state){
    var webcams = document.links;
    var idoc_num = 1;
	for(idoc=0;idoc<webcams.length;idoc++){
		if(webcams[idoc].className=="features_links"){
            if((idoc_num-0)==(state-0)){
                switch(idoc_num){
                    case 1:
                        webcams[idoc].id = "active_photo";
                        document.getElementById("feature_photo").style.display="block";
                        document.getElementById("feature_video").style.display="none";
                        break;
                    case 2:
                        webcams[idoc].id = "active_video";
                        document.getElementById("feature_photo").style.display="none";
                        document.getElementById("feature_video").style.display="block";
                        //load AJAX video
                        httpobj = createObject();
                        httpobj.open("GET", "getVideoEmbed.asp",true);
                        httpobj.onreadystatechange=function() {
                          if (httpobj.readyState==4) {
                            if(httpobj.responseText.length>0){
                                document.getElementById("feature_video").innerHTML = httpobj.responseText;
                                }
                            }
                          }
                         httpobj.send(null);
                        break;
                }
            }else{
                webcams[idoc].id = "";
            }
            idoc_num++;
        }
    } 
}

//toggle signup features
function changeSignup(state){
    var webcams = document.links;
    var idoc_num = 1;
	for(idoc=0;idoc<webcams.length;idoc++){
		if(webcams[idoc].className=="features_signup_links"){
            if((idoc_num-0)==(state-0)){
                switch(idoc_num){
                    case 1:
                        webcams[idoc].id = "active_email";
                        document.getElementById("feature_email").style.display="block";
                        document.getElementById("feature_text").style.display="none";
                        break;
                    case 2:
                        webcams[idoc].id = "active_text";
                        document.getElementById("feature_email").style.display="none";
                        document.getElementById("feature_text").style.display="block";
                        break;
                }
            }else{
                webcams[idoc].id = "";
            }
            idoc_num++;
        }
    } 
}

function showSnowReportAjax(){
    var obj = document.getElementById("SnowReportAjax");
    obj.innerHTML="<div align=\"center\">Please wait while loading...<br /><br /><img src=\"images/ajax-loader.gif\" /></div>";
    obj.style.display="block";
    //load AJAX Snow Report
    httpobj = createObject();
    httpobj.open("GET", "ski_summary_report3.asp",true);
    httpobj.onreadystatechange=function() {
      if (httpobj.readyState==4) {
        if(httpobj.responseText.length>0){
            obj.innerHTML = httpobj.responseText;
            }
        }
      }
     httpobj.send(null);
}
function hideSnowReportAjax(){
    var obj = document.getElementById("SnowReportAjax");
    obj.style.display="none";
    obj.innerHTML="";
}

function createObject(){
    var xmlhttp=false;
    /*@cc_on @*/
    /*@if (@_jscript_version >= 5)
    // JScript gives us Conditional compilation, we can cope with old IE versions.
    // and security blocked creation of the objects.
     try {
      xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
     } catch (e) {
      try {
       xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (E) {
       xmlhttp = false;
      }
     }
    @end @*/
    if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
        try {
            xmlhttp = new XMLHttpRequest();
        } catch (e) {
            xmlhttp=false;
        }
    }
    if (!xmlhttp && window.createRequest) {
        try {
            xmlhttp = window.createRequest();
        } catch (e) {
            xmlhttp=false;
        }
    }
    
    return xmlhttp;
}
