// JavaScript Document

// v 1.0 Copyright 2006, Thierry Koblentz - TJKDesign.com. All rights reserved.
// http://www.tjkdesign.com/articles/overlay/overlay_with_class.asp
// with some modifications
function TJK_SetOverlay(size){
    if(!document.getElementsByTagName)return;
    var arrImages = document.getElementsByTagName("img");
    var arrImgToFix = new Array();
    var zImages;
    var classCount = 0;
    for(var i=0; i<arrImages.length; i++){
        if($(arrImages[i]).hasClass("overlay_sold_"+size)){
            arrImgToFix[classCount]=arrImages[i];
            classCount++;
        }
    }
    var overlay_image = "/images/sold_"+size+".png" ;
    for(var x = 0, y = arrImages.length; x < y; x++){
        if(arrImgToFix[x]){
            arrImgToFix[x].style.background="url("+arrImgToFix[x].src+")";
            // we go two ways: non IE Win and IE Win
            if (!arrImgToFix.push || !document.all){
                arrImgToFix[x].src=overlay_image;
            }else{
                arrImgToFix[x].style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',src='"+overlay_image+"')";
                arrImgToFix[x].src="/images/sold_"+size+"_transparent.gif";
            }
        }
    }
}


var doQuestion = function() {

    $('#contact_error_msg').html("");

    // get the email
    var name = trim($('#q_name').val()) ;
    var email = trim($('#q_email').val()) ;
    var subject = trim($('#q_subject').val()) ;
    var message = trim($('#q_message').val()) ;
    var recaptcha_challenge_field = $('#recaptcha_challenge_field').val();
    var recaptcha_response_field = $('#recaptcha_response_field').val();


    var d = {
        'name' : name ,
        'email' : email ,
        'subject' : subject ,
        'message' : message ,
        'recaptcha_response_field' : recaptcha_response_field ,
        'recaptcha_challenge_field' : recaptcha_challenge_field
    } ;


    jQuery.ajax({
        cache : false ,
        data : d ,
        dataType : 'text' ,
        error :  function(XMLHttpRequest, textStatus, errorThrown) {
            Recaptcha.reload();
            $('#contact_error_msg').html("There was an error sending the message, please try again later.");
        },
        success :  function(str, textStatus, XMLHttpRequest) {
            if(str == "OK") {
                alert("Your message was sent successfully!\nWe'll reply as soon as possible.");
                history.go(-1) ;
            } else {
                Recaptcha.reload();
                $('#contact_error_msg').html(str);
            }
        },
        timeout:5000,
        type:'GET',
        url : '/dynamic/contact'
    }) ;

}


var trim = function(str) {
    return str.replace(/^\s+|\s+$/g, '') ;
}



function applyGallery() {
    $(".scrollable").scrollable();

    $(".items img").click(function() {

        // see if same thumb is being clicked
        if ($(this).hasClass("active")) {
            return;
        }

        // get handle to element that wraps the image and make it semi-transparent
        var wrap = $("#image_wrap");

        // calclulate large image's URL based on the thumbnail URL (flickr specific)
        var url = $(this).attr("src").replace("thumb", "full");

        // the large image from www.flickr.com
        var img = new Image();


        // call this function after it's loaded
        img.onload = function() {

            // change the image
            wrap.find("img").attr("src", url);

        // make wrapper fully visible
        //wrap.fadeTo("fast", 1);

        };

        // begin loading the image from www.flickr.com
        img.src = url;

        // activate item
        $(".items img").removeClass("active");
        $(this).addClass("active");

    // when page loads simulate a "click" on the first image
    }).filter(":first").click();

}

var menuenabled = true ;
var currmouseover = null ;
function applyMenu() {

    function show() {
        $(this).find("ul").show(500);
    }

    function hide() {
        $(this).find("ul").hide(500);
    }

    $(".category_menu  > li.menu_expand").hoverIntent({
        sensitivity: 1, // number = sensitivity threshold (must be 1 or higher)
        interval: 50,   // number = milliseconds for onMouseOver polling interval
        over: show,     // function = onMouseOver callback (required)
        timeout: 300,   // number = milliseconds delay before onMouseOut
        out: hide       // function = onMouseOut callback (required)
    });

    
}

$(document).ready(function(){

    TJK_SetOverlay("small") ;
    TJK_SetOverlay("large") ;

    $('.scroll-pane').jScrollPane({
        showArrows:true,
        scrollbarMargin:20
    });

    applyGallery() ;

    $('#searchbox').clickOnEnter('#gobutton');


    applyMenu() ;

}) ;


var changeCategory = function(id,text) {
    //console.log('I clicked on id ' + id + ', please display ' + text) ;
    $.ajax({
        async:true,
        cache:false,
        dataType:"json",
        success: function(data, textStatus, XMLHttpRequest) {
            //console.log('NNNN I clicked on id ' + id + ', please display ' + text) ;
            var html = new EJS({
                url: 'templates/itembox.ejs'
            }).render({
                products: data,
                title: text
            });
            $("#itembox").empty() ;
            $("#itembox").html(html);
        },
        url:"getitems?"+(new String(id))
    });
} ;