function hidediv(id) {
    //safe function to hide an element with a specified id
    if (document.getElementById) { // DOM3 = IE5, NS6
        document.getElementById(id).style.display = 'none';
    }
    else {
        if (document.layers) { // Netscape 4
            document.id.display = 'none';
        }
        else { // IE 4
            document.all.id.style.display = 'none';
        }
    }
}

function showdiv(id) {
    //safe function to show an element with a specified id

    if (document.getElementById) { // DOM3 = IE5, NS6
        document.getElementById(id).style.display = 'block';
    }
    else {
        if (document.layers) { // Netscape 4
            document.id.display = 'block';
        }
        else { // IE 4
            document.all.id.style.display = 'block';
        }
    }
}

function getRadioCheckedValue(radio_name) {
var oRadio = document.forms[0].elements[radio_name];

for(var i = 0; i < oRadio.length; i++) {

if(oRadio[i].checked) {
return oRadio[i].value;
}

}

return '';
}

function getRadioValue(form, radio_name) {
var oRadio = form.elements[radio_name];

for(var i = 0; i < oRadio.length; i++) {

if(oRadio[i].checked) {
    return oRadio[i].value;
}

}

return false;
}


function check_discount(form, message)
{
  var messageElement = document.getElementById('social-shopping-message');
  var ratingElement  = document.getElementById('social-shopping-rating');
  var reviewElement  = document.getElementById('social-shopping-review');

  messageElement.innerHTML = '';
  ratingElement.innerHTML = '';
  reviewElement.innerHTML = '';

  if (getRadioValue(form, 'discount') == 'yes') {
     if (form.elements['review'].value.length < 5 ) {
        reviewElement.innerHTML = 'Please write Your review'
     } else if (form.elements['rating'].value < 1) {
        ratingElement.innerHTML = 'Please rate';
     } else {
        discountAdded(form, message);
     }
  } else if (getRadioValue(form, 'discount') == 'no') {
        form.action = "cart.php?mode=checkout";
        form.submit()

  } else {
        window.location.hash = '#social_shopping'
        messageElement.innerHTML = 'Please select Your choice:';
  }

}


/**
 * GWIAZDKI
 */

function drawStars(){
    document.write('<div id="rating"><div class="rateStars"><div class="scoreStars"></div>');
    for(i = 0; i < 10; i++) {
        document.write('<div class="divScore" value="'+(i+1)+'" style="left:'+(i*12)+'px"></div>');
    }
    document.write('</div><input type="hidden" name="rating" value="0"/><span></span></div>');

    $(".rateStars .divScore").bind("mouseover",function(e){
        var dw = $(".rateStars").width() / 10;
        var val = $(e.target).attr('value');
        $(".rateStars .scoreStars").width(val*dw);
        $("#rating span").text(val/2);
    }).bind("click",function(e){
        $("#rating input").val($(e.target).attr('value'));
    })
    $(".rateStars").bind("mouseout",function(e){
        var val = $("#rating input").val();
        var sw = ($(".rateStars").width() / 10)*val;
        $(".rateStars .scoreStars").width(sw);
        $("#rating span").text(val/2);
    });


}


this.imagePreview = function(){
    /* CONFIG */

        xOffset = 10;
        yOffset = 30;

        // these 2 variable determine popup's distance from the cursor
        // you might want to adjust to get the right result

    /* END CONFIG */
    $("a.preview").hover(function(e){

        this.t = this.title;
        this.title = "";
        var c = (this.t != "") ? "<br/>" + this.t : "";
        $("body").append("<p id='preview'><img src='"+ this.rel +"' alt='Image preview' />"+ c +"</p>");
        $("#preview")
            .css("top",(e.pageY - xOffset) + "px")
            .css("left",(e.pageX + yOffset) + "px")
            .fadeIn("slow");
    },
    function(){
        this.title = this.t;
        $("#preview").remove();
    });
    $("a.preview").mousemove(function(e){
        $("#preview")
            .css("top",(e.pageY - xOffset) + "px")
            .css("left",(e.pageX + yOffset) + "px");
    });
};


function discountAdded(form, message){

    $.prompt(message,{
        buttons:{OK:true},
        callback: function(){
                  form.action = "cart.php?mode=checkout";
                  form.submit();
       }
    });
}

this.reviewPaginate = function(){

                //Default Action
                $(".page_content").hide(); //Hide all content
                $(".page_content:first").show(); //Show first content

                var activePageNumber = 1; // first page
                $("a#pnext").attr("href", "#page" + (parseInt(activePageNumber)+1)); // link next button
                $("a#pnext").attr("rel", (parseInt(activePageNumber)+1)); // rel next button

                var lastPage = ($("ul.pagination li a.last").attr('rel'))
                             ? ($("ul.pagination li a.last").attr('rel'))
                             : 0; // get last page

                $("a#pprev").hide(); // hide prev button
                // if it's only 1 page
                if (lastPage == 0 || (lastPage == activePageNumber)) {
                    $("a#pnext").hide(); // hide next button
                }


                //On Click Event
                $("ul.pagination li").click(function() {
                        $("ul.pagination li").removeClass("active"); // Remove any "active" class
                        $(this).addClass("active"); // Add "active" class to selected tab

                        var activePageNumber = ($(this).find("a").attr('rel')); // current page
                        var nextPage = parseInt(activePageNumber)+1;
                        var prevPage = parseInt(activePageNumber)-1;

                        $("ul.pagination li:eq(" + activePageNumber + ")").addClass("active"); // link next button

                        //prev button
                        if (prevPage >= 1){
                            $("a#pprev").show(); // show prev button
                            $("a#pprev").attr("href", "#page" + prevPage); // link prev button
                            $("a#pprev").attr("rel", prevPage); // rel prev button
                        } else {
                            $("a#pprev").hide(); // hide prev button
                        }

                        // next button
                        if (nextPage <= lastPage){
                            $("a#pnext").show(); // show next button
                            $("a#pnext").attr("href", "#page" + nextPage); // link next button
                            $("a#pnext").attr("rel", nextPage); // rel next button
                        } else {
                            $("a#pnext").hide(); // show next button
                        }

                        $(".page_content").hide(); //Hide all tab content
                        var activePage = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
                        $(activePage).fadeIn(); //Fade in the active content
                        return false;
                });

}