/*function initLibraryPage() {

    //alert('initPage');

    // default tab state for features/release notes
    vActiveTab="featuretab";
    document.getElementById(vActiveTab).style.cursor = "default";
    
}*/


function loadLibraryImages() {

    var tools_and_apparel_large = new Image;
    tools_and_apparel_large.src = "images/librarypage/screenshots/tools_and_apparel_BIG.png";
    var webpublishing_large = new Image;
    webpublishing_large.src = "images/librarypage/screenshots/webpublishing_BIG.png";
    var iphonepublishing_large = new Image;
    iphonepublishing_large.src = "images/librarypage/screenshots/iphonepublishing_BIG.png";
    var isight_large = new Image;
    isight_large.src = "images/librarypage/screenshots/isightscan_BIG.png";
    
    var flic_bg = new Image;
    flic_bg.src = "images/librarypage/scanners/flic.jpg";
    var keyboard_bg = new Image;
    keyboard_bg.src = "images/librarypage/scanners/keyboard.jpg";
    
    var isight_thumb = new Image;
    isight_thumb.src = "images/librarypage/scanners/iSight.gif";
    var flic_thumb = new Image;
    flic_thumb.src = "images/librarypage/scanners/flic_DOWN.gif";
    var keyboard_thumb = new Image;
    keyboard_thumb.src = "images/librarypage/scanners/keyboard_DOWN.gif";
    
    var feature_spotlight = new Image;
    feature_spotlight.src = "images/librarypage/featureicons/spotlight_over.gif";
    var feature_internation = new Image;
    feature_internation.src = "images/librarypage/featureicons/localized_over.gif";
    var feature_dashboard = new Image;
    feature_dashboard.src = "images/librarypage/featureicons/dashboard_over.gif";
    var feature_help = new Image;
    feature_help.src = "images/librarypage/featureicons/help_over.gif";
    
    
    var preloadImage = new Image;
    // column 1, top-to-bottom
    preloadImage.src = "images/librarypage/featureicons/WebIcons_WebPublishing-over.png";
    preloadImage.src = "images/librarypage/featureicons/WebIcons_Categories-over.png";
    preloadImage.src = "images/librarypage/featureicons/WebIcons_Library-over.png";
    preloadImage.src = "images/librarypage/featureicons/WebIcons_iPhone-over.png";
    preloadImage.src = "images/librarypage/featureicons/WebIcons_OSX-over.png";
    preloadImage.src = "images/librarypage/featureicons/WebIcons_AppleScript-over.png";
    preloadImage.src = "images/librarypage/featureicons/WebIcons_Bibliography-over.png";
    preloadImage.src = "images/librarypage/featureicons/WebIcons_Mic-over.png";
    preloadImage.src = "images/librarypage/featureicons/WebIcons_Sell-over.png";
    preloadImage.src = "images/librarypage/featureicons/WebIcons_Import-over.png";
    preloadImage.src = "images/librarypage/featureicons/WebIcons_iPod-over.png";
    preloadImage.src = "images/librarypage/featureicons/WebIcons_Print-over.png";
    // column 2, top-to-bottom
    preloadImage.src = "images/librarypage/featureicons/WebIcons_iTunes-over.png";
    preloadImage.src = "images/librarypage/featureicons/WebIcons_LinkBack-over.png";
    preloadImage.src = "images/librarypage/featureicons/WebIcons_CoreGraphics-over.png";
    preloadImage.src = "images/librarypage/featureicons/WebIcons_Bonjour-over.png";
    preloadImage.src = "images/librarypage/featureicons/WebIcons_iSight-over.png";
    preloadImage.src = "images/librarypage/featureicons/WebIcons_Bluetooth-over.png";
    preloadImage.src = "images/librarypage/featureicons/WebIcons_Remote-over.png";
    preloadImage.src = "images/librarypage/featureicons/WebIcons_Checkout-over.png";
    preloadImage.src = "images/librarypage/featureicons/WebIcons_Autocomplete-over.png";
    preloadImage.src = "images/librarypage/featureicons/WebIcons_Fun-over.png";
    preloadImage.src = "images/librarypage/featureicons/WebIcons_Localized-over.png";
    preloadImage.src = "images/librarypage/featureicons/WebIcons_Currency-over.png";
}


function preloadHelpImages() {

    var launchHelpOver = new Image;
    launchHelpOver.src = "images/help/launchHelp-over.gif";

}

/*function swapTabImages(vEvent, vCaller) {

    var vDefaultPath='images/librarypage/';
    
    switch(vEvent) {
        case 'over':
            if (vActiveTab != vCaller) { document.getElementById(vCaller).src = (vDefaultPath + vCaller + '-over.gif'); }
            break;
        case 'out':
            if (vActiveTab != vCaller) { document.getElementById(vCaller).src = (vDefaultPath + vCaller + '.gif'); }
            break;
        case 'click':
            if (vActiveTab != vCaller) {
                document.getElementById(vCaller).src = (vDefaultPath + vCaller + '-on.gif');
                document.getElementById(vCaller).style.cursor = "default";
                document.getElementById(vActiveTab).src = (vDefaultPath + vActiveTab + '.gif');
                document.getElementById(vActiveTab).style.cursor = "pointer";
                
                vFeatureColumn1 = document.getElementById('col2_1features');
                vFeatureColumn2 = document.getElementById('col2_2features');
                
                vReleaseNotesDiv = document.getElementById('releasenotescontent');
                
                vReleaseNotesFlowerBottomRight = document.getElementById('rnflowerbottomr');
                vReleaseNotesFlowerBottomLeft = document.getElementById('rnflowerbottoml');
                
                switch(vActiveTab) {
                    case 'featuretab':
                        vFeatureColumn1.style.display = "none";
                        vFeatureColumn2.style.display = "none";
                        vReleaseNotesDiv.style.display = "block";
                        vReleaseNotesFlowerBottomRight.style.background="url(images/corners/green/cbr.gif) no-repeat right bottom";
                        vReleaseNotesFlowerBottomLeft.style.background="url(images/corners/green/cbl.gif) no-repeat left bottom";
                        break;
                    case 'releasetab':
                        vFeatureColumn1.style.display = "block";
                        vFeatureColumn2.style.display = "block";
                        vReleaseNotesDiv.style.display = "none";
                        vReleaseNotesFlowerBottomRight.style.background="none";
                        vReleaseNotesFlowerBottomLeft.style.background="none";
                        break;
                }
                
                vActiveTab = vCaller;
            }
            
            break;
    }
    

}
*/

function swapLibraryImage(vName, vCaller)
{
    // reset state of buttons
    document.getElementById("macbook_ss").style.backgroundColor = "";
    document.getElementById("tools_and_apparel_ss").style.backgroundColor = "";
    document.getElementById("webpublishing_ss").style.backgroundColor = "";
    document.getElementById("iphonepublishing_ss").style.backgroundColor = "";
    document.getElementById("isight_ss").style.backgroundColor = "";

    // draw highlight around selected button
    vCaller.style.backgroundColor = "#cdcc00";
    vCaller.style.webkitBorderRadius = "8px";
    vCaller.style['-moz-border-radius'] = "8px";

    // put in correct large screenshot
    document.getElementById("largeimage").style.backgroundImage="url(images/librarypage/screenshots/" + vName + "_BIG.png)";
    
    // put in correct flavor text for screenshot
    document.getElementById("displaytext").innerHTML = document.getElementById(vName + "_text").innerHTML;
}


function openSetupShot()
{
    window.open("images/librarypage/screenshots/Delicious-Library.png","screenshot","width=1120,height=860,toolbars=0");

}

function pressScannerStyleButton(vName)
{
    // highlight pressed button
    document.getElementById("iMac_button").style.backgroundImage="url(images/librarypage/scanners/iSight.gif)";
    document.getElementById("flic_button").style.backgroundImage="url(images/librarypage/scanners/flic.gif)";
    document.getElementById("keyboard_button").style.backgroundImage="url(images/librarypage/scanners/keyboard.gif)";
    document.getElementById(vName + "_button").style.backgroundImage="url(images/librarypage/scanners/" + vName + "_DOWN.gif)";

    // change background image AND the upper-right corner to match
    backgroundDiv=document.getElementById("scannercorners");
    backgroundDiv.style.backgroundImage="url(images/librarypage/scanners/" + vName + ".jpg)";
    
    topRightCornerDiv=document.getElementById("scannertopright");
    if (vName=="iMac") {
        backgroundDiv.style.backgroundPosition="right bottom";
        topRightCornerDiv.style.backgroundImage="url(images/corners/yelgreen/crt.gif)";
    } else {
        backgroundDiv.style.backgroundPosition="right top";
        topRightCornerDiv.style.backgroundImage="none";
    }

    // change which text is showing
    document.getElementById("iMac_text").style.display = "none";
    document.getElementById("flic_text").style.display = "none";
    document.getElementById("keyboard_text").style.display = "none";
    document.getElementById(vName + "_text").style.display = "block";
}


function launchThankYou() {

    window.open("http://ak.imgag.com/imgag/product/preview/flash/3023080ag.swf","thankyou","width=640,height=480,toolbars=0");

}

function fadeFeedbackIn(id) {
    var timer = 0;
    
    // Set the opacity to zero
    document.getElementById(id).style.opacity = 0;
    document.getElementById(id).style.MozOpacity = 0;
    document.getElementById(id).style.KhtmlOpacity = 0;
    document.getElementById(id).style.filter = "alpha(opacity=0)";
    
    // Make sure the object is visible
    document.getElementById(id).style.visibility = "visible";
    
    // Start the fade timers
    var opacity;
    for (opacity = 0; opacity <= 100; opacity += 10)
        setTimeout("fade(" + opacity + ",'" + id + "')", (timer++ * 10));
    
    // Set a timer to focus when the bubble is done fading
    setTimeout("document.getElementById('feedbacktext').focus()", timer * 10);
}

function fadeFeedbackOut(id) {
    // Let it display for a few millisecs
    var timer = 50;
    
    // Set the opacity to opaque
    document.getElementById(id).style.opacity = 1.0;
    document.getElementById(id).style.MozOpacity = 1.0;
    document.getElementById(id).style.KhtmlOpacity = 1.0;
    document.getElementById(id).style.filter = "alpha(opacity=100)";
    
    document.getElementById('feedbackthanks').style.display = "block";
    document.getElementById('feedbackinput').style.display = "none";
    
    // Start the fade timers
    var opacity;
    for (opacity = 100; opacity > 0; opacity -= 5)
        setTimeout("fade(" + opacity + ",'" + id + "')", (timer++ * 10));
        
    // Make sure it's totally invisible
    setTimeout("endFadeFeedbackOut('" + id + "')", (timer * 10));
}

function fadeFeedbackOutCancel(id) {
    // Let it display for a few millisecs
    var timer = 0;
    
    // Set the opacity to opaque
    document.getElementById(id).style.opacity = 1.0;
    document.getElementById(id).style.MozOpacity = 1.0;
    document.getElementById(id).style.KhtmlOpacity = 1.0;
    document.getElementById(id).style.filter = "alpha(opacity=100)";
    
    // Start the fade timers
    var opacity;
    for (opacity = 100; opacity > 0; opacity -= 5)
        setTimeout("fade(" + opacity + ",'" + id + "')", (timer++ * 10));
        
    // Make sure it's totally invisible
    setTimeout("endFadeFeedbackOut('" + id + "')", (timer * 10));
}

function endFadeFeedbackOut(id) {
    document.getElementById(id).style.visibility = "hidden";
    document.getElementById('feedbacktext').value = "";
    document.getElementById('feedbackthanks').style.display = "none";
    document.getElementById('feedbackinput').style.display = "block";
}

function fade(opacity, id) { 
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")";
}

function setArticleRating(rating) {
	for (var starIndex = 1; starIndex <= 5; starIndex++) {
		document.getElementById('kbrate' + starIndex).innerHTML = ((starIndex <= rating) ? "&#9733;" : "&#9734;");
    }
}

function saveRating(article, rating) {
	setArticleRating(rating);
	
    var request = false;
	if (window.XMLHttpRequest) {
		try {
			request = new XMLHttpRequest();
		} catch(exception) {
			request = false;
		}
	}
	else if (window.ActiveXObject) {
		try {
			request = new ActiveXObject("Msxml2.XMLHTTP");
		} catch(exception) {
			try {
				request = new ActiveXObject("Microsoft.XMLHTTP");
			} catch(exception) {
				request = false;
			}
		}
	}
	
	if (request) {
		request.open("GET", "includes/kbase-rate.php?id=" + article + "&rating=" + rating, true);
		request.send("");
	}
    
    // Show the feedback bubble relative to the rating section
    var rightmostStar = 168;
    var starSize = 16;
    document.getElementById('feedbackbubble').style.top = (document.getElementById("kbrating").offsetTop + starSize) + "px";
    document.getElementById('feedbackbubble').style.right = (rightmostStar - (rating * starSize)) + "px";
    fadeFeedbackIn('feedbackbubble');
}

function sendFeedback(article) {
    var text = escape(document.getElementById("feedbacktext").value);
    if (text == "")
        fadeFeedbackOutCancel("feedbackbubble");
    else
        fadeFeedbackOut("feedbackbubble");
    
    var request = false;
	if (window.XMLHttpRequest) {
		try {
			request = new XMLHttpRequest();
		} catch(exception) {
			request = false;
		}
	}
	else if (window.ActiveXObject) {
		try {
			request = new ActiveXObject("Msxml2.XMLHTTP");
		} catch(exception) {
			try {
				request = new ActiveXObject("Microsoft.XMLHTTP");
			} catch(exception) {
				request = false;
			}
		}
	}
	
	if (request) {
		request.open("GET", "includes/kbase-rate.php?id=" + article + "&text=" + text, true);
		request.send("");
	}
}

function cancelFeedback() {
    fadeFeedbackOutCancel("feedbackbubble");
}