function expose(elem){
	if (document.getElementById(elem).className == "visible") document.getElementById(elem).className = "hidden";
	else document.getElementById(elem).className = "visible";
}

function changeStep(step) {
    if (step == 0)
        step = parseInt(document.getElementById("txtStep").value) + 1;
    if (step > 4)
        step = 1;
    document.getElementById("txtStep").value = step;
    switch (step) {
        case 4:
            document.getElementById("step1").className = "hidden";
            document.getElementById("step2").className = "hidden";
            document.getElementById("step3").className = "hidden";
            document.getElementById("step4").className = "visible";
            break;
        case 3:
            document.getElementById("step1").className = "hidden";
            document.getElementById("step2").className = "hidden";
            document.getElementById("step3").className = "visible";
            document.getElementById("step4").className = "hidden";
            break;
        case 2:
            document.getElementById("step1").className = "hidden";
            document.getElementById("step2").className = "visible";
            document.getElementById("step3").className = "hidden";
            document.getElementById("step4").className = "hidden";
            break;
        case 1:
        default:
            document.getElementById("step1").className = "visible";
            document.getElementById("step2").className = "hidden";
            document.getElementById("step3").className = "hidden";
            document.getElementById("step4").className = "hidden";
            break;
    }
    if (step == 4) {
        //document.getElementById("instImage").src = "Images/Transparent.gif";
        document.getElementById("instNext").className = "hidden";
    }
    else {
        document.getElementById("instImage").src = "Images/Pages/Products/inst_step_" + step + ".jpg";
        document.getElementById("instNext").className = "visible";
    }
}

function getItem(itemID) {
    var service = new YarokHair.Services.BuzzService();
    service.GetItem(itemID, onMethodCompleted, null, null);
    //YarokHair.Services.BuzzService.GetItem(itemID, onMethodCompleted);
}

function onMethodCompleted(results) {
    var arrSplit = results.split("|");
    $get("lblMagazine").innerHTML = arrSplit[0];
    $get("lblPublished").innerHTML = arrSplit[1];
    $get("imgCover").src = "Images/Buzz/" + arrSplit[2] + ".jpg";
    $get("lblTitle").innerHTML = arrSplit[3];
    $get("lblText").innerHTML = arrSplit[4].trim();

    if ($get('gallery_popup').className == "visible") $get('gallery_popup').className = "hidden";
    else $get('gallery_popup').className = "visible";
}