// PEERMUSIC DIV SLIDER //
//
//    <script type="text/javascript" >
//        var peDoSlide = true;
//        var peSliderShowDivID = "" //e.g. slider
//        var peSlidingDivID = ""; //e.g. div1
//        var peSlidingCloneID = ""; //e.g. div1clone
//        var peSlidingDirection = ""; // up OR down
//    </script>
//
//
//    <div id="slider" style="width:120px; height:180px; left:0px; top:0px; position:absolute; background-color:Aqua; overflow:hidden">
//    <div id="content" onmouseover="peDoSlide=false" onmouseout="peDoSlide=true" style="width:100px; height:200px; left:0px; top:0px; position:absolute; background-color:Red;"></div>
//    <div id="clone" onmouseover="peDoSlide=false" onmouseout="peDoSlide=true" style="width:100px; height:200px; left:0px; top:0px; position:absolute; background-color:Green;"></div>
//
// *****************************************************

$(document).ready(function() {
    //SET HEIGHT
        $("#" + peSlidingDivID).css("height",$("#" + peSlidingDivID).height() + "px");
        $("#" + peSlidingCloneID).css("height",$("#" + peSlidingCloneID).height() + "px");
    //PRESET
    if (peSlidingDirection == "down") {
        //DOWN
        $("#" + peSlidingCloneID).css("top", "-" + (parseFloat($("#" + peSlidingCloneID).css("height"))) + "px");
    } else {
        //UP
        $("#" + peSlidingCloneID).css("top", (parseFloat($("#" + peSlidingCloneID).css("height"))) + "px");
    }
    //START
    $(document).everyTime(40, function(i) {
        try {
            if (peDoSlide == true) {
                if (peSlidingDirection == "down") {
                    //DOWN
                    $("#" + peSlidingDivID).css("top", (parseFloat($("#" + peSlidingDivID).css("top")) + 1) + "px");
                    $("#" + peSlidingCloneID).css("top", (parseFloat($("#" + peSlidingCloneID).css("top")) + 1) + "px");
                    if (parseFloat($("#" + peSlidingDivID).css("top")) == parseFloat($("#" + peSliderShowDivID).css("height"))) { $("#" + peSlidingDivID).css("top", "-" + (parseFloat($("#" + peSlidingDivID).css("height")) + (parseFloat($("#" + peSlidingDivID).css("height")) - parseFloat($("#" + peSliderShowDivID).css("height")))) + "px") }
                    if (parseFloat($("#" + peSlidingCloneID).css("top")) == parseFloat($("#" + peSliderShowDivID).css("height"))) { $("#" + peSlidingCloneID).css("top", "-" + (parseFloat($("#" + peSlidingCloneID).css("height")) + (parseFloat($("#" + peSlidingCloneID).css("height")) - parseFloat($("#" + peSliderShowDivID).css("height")))) + "px") }
                } else {
                    //UP
                    $("#" + peSlidingDivID).css("top", (parseFloat($("#" + peSlidingDivID).css("top")) - 1) + "px");
                    $("#" + peSlidingCloneID).css("top", (parseFloat($("#" + peSlidingCloneID).css("top")) - 1) + "px");
                    if (parseFloat($("#" + peSlidingDivID).css("top")) == (-1 * parseFloat($("#" + peSlidingDivID).css("height")))) { $("#" + peSlidingDivID).css("top", (parseFloat($("#" + peSlidingDivID).css("height"))) + "px") }
                    if (parseFloat($("#" + peSlidingCloneID).css("top")) == (-1 * parseFloat($("#" + peSlidingCloneID).css("height")))) { $("#" + peSlidingCloneID).css("top", (parseFloat($("#" + peSlidingCloneID).css("height"))) + "px") }                                
                }
            }
        } catch (o) { }
    });
})