// JScript File
var timer;

var subfeatures = {
    "slot1" : [
        { "image": "images/subfeatures/bestofstate1.jpg", "text": "Del Sol Wins Best of State Award", "link": "/News/Default.aspx/del_sol_cariloha_best_of_state_utah", "rotated": 0 },
	{ "image": "images/subfeatures/bestofstate2.jpg", "text": "Del Sol Wins Best of State Award", "link": "/News/Default.aspx/del_sol_cariloha_best_of_state_utah" }
    ],
    "slot2" : [
        { "image": "images/subfeatures/utahbusiness1.jpg", "text": "Del Sol in Top 100 Private Companies", "link": "/News/Default.aspx/del_sol_utah_business_top_100", "rotated": 0 },
        { "image": "images/subfeatures/utahbusiness2.jpg", "text": "Del Sol in Top 100 Private Companies", "link": "/News/Default.aspx/del_sol_utah_business_top_100" }
    ],
    "slot3" : [
        { "image": "images/subfeatures/arubafilmfestival1.jpg", "text": "Del Sol at Aruba Film Festival", "link": "/News/Default.aspx/del_sol_aruba_film_festival", "rotated": 0 },
        { "image": "images/subfeatures/arubafilmfestival2.jpg", "text": "Del Sol at Aruba Film Festival", "link": "/News/Default.aspx/del_sol_aruba_film_festival" }
    ]
}


var mouseon = 0;
var loaded = false;

function scheduleRotate() {
    if(!loaded) {
        
        document.getElementById("subtext1").innerHTML = subfeatures.slot1[0].text;
        document.getElementById("subimage1").src = subfeatures.slot1[0].image;
        document.getElementById("sublink1").href = subfeatures.slot1[0].link;
        
        document.getElementById("subtext2").innerHTML = subfeatures.slot2[0].text;
        document.getElementById("subimage2").src = subfeatures.slot2[0].image;
        document.getElementById("sublink2").href = subfeatures.slot2[0].link;
        
        document.getElementById("subtext3").innerHTML = subfeatures.slot3[0].text;
        document.getElementById("subimage3").src = subfeatures.slot3[0].image;
        document.getElementById("sublink3").href = subfeatures.slot3[0].link;
        loaded = true;
    }
    rotate(1);
    setTimeout("rotate(2)", 1000);
    setTimeout("rotate(3)", 2000);
    timer = setTimeout("scheduleRotate()", 5*1000);
}

function rotate(id) {
    var subtext;
    var subimage;
    var subfeature;
    var sublink;
    
    if(mouseon == id) {
        return false;
    }
    
    switch (id) {
        case 1:
            subtext = document.getElementById("subtext1");
            subimage = document.getElementById("subimage1");
            subfeature = subfeatures.slot1;
            sublink = document.getElementById("sublink1");
            break;
        case 2:
            subtext = document.getElementById("subtext2");
            subimage = document.getElementById("subimage2");
            subfeature = subfeatures.slot2;
            sublink = document.getElementById("sublink2");
            break;
        case 3:
            subtext = document.getElementById("subtext3");
            subimage = document.getElementById("subimage3");
            subfeature = subfeatures.slot3;
            sublink = document.getElementById("sublink3");
            break;
        default:
            return false;
    }

    subtext.innerHTML = subfeature[subfeature[0].rotated % subfeature.length].text;
    subimage.src = subfeature[subfeature[0].rotated % subfeature.length].image;
    sublink.href = subfeature[subfeature[0].rotated % subfeature.length].link;
    subtext.style.visibility="hidden";
    subimage.style.visibility="visible";
    subfeature[0].rotated++;
}

function pauseRotate(id) {
    var subtext;
    var subimage;
    
    var hide = false;
    if(id==0) {
        id = mouseon;
        hide = true;
        mouseon = 0;
    }
    
    switch(id) {
        case 1:
            subtext = document.getElementById("subtext1");
            subimage = document.getElementById("subimage1");
            break;
        case 2:
            subtext = document.getElementById("subtext2");
            subimage = document.getElementById("subimage2");
            break;
        case 3:
            subtext = document.getElementById("subtext3");
            subimage = document.getElementById("subimage3");
            break
        default:
            return false;
    }
    if(hide) {
        subtext.style.visibility="hidden";
        subimage.style.opacity="1";
        subimage.style.filter="alpha(opacity=100)";
    } else {
        subtext.style.visibility="visible";
        subimage.style.opacity=".3";
        subimage.style.filter="alpha(opacity=30)";
        mouseon = id;
    }
}