/* Add trim method to String type */
String.prototype.trim = function String_trim()
{
	return this.replace(/^ +| +$/g,'');
}

function trimString(strValue)
{
	return strValue.replace(/^ +| +$/g,'');
}

function checkEmail(strEmail)
{
	return (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(strEmail));
}

function checkPostCode(strPC)
{
  return typeof (strPC == 'string') ? (strPC.match(/[1-9][0-9]{3} ?[a-zA-Z]{2}/) == strPC) : false;
}

function checkTelefoon(strTel)
{
	return /(^\+[0-9]{2}|^\+[0-9]{2}\(0\)|^\(\+[0-9]{2}\)\(0\)|^00[0-9]{2}|^0)([0-9]{9}$|[0-9\-\s]{10}$)/.test(strTel);
}

function trMouseOver(row)
{
    row.style.cursor='pointer'
    row.style.backgroundColor = '#eaeff9'
}

function trMouseOut(row)
{
    row.style.cursor='default'
    row.style.backgroundColor = 'transparent'
}

function trClick(link)
{
    location.href = link
}

function openWindow(src, title, width, height)
{
	window.open(src, title, "width="+width+",height="+height+",left=20,top=20,status=no,toolbar=no");
}

function initProductHover() {
    $('.productrange_ul').each(function() {
        $(this).find('li:odd').addClass('odd');
    });
    $('.productrange_ul li').hover(function() {
    $(this).find('.imagetest').css('display', 'block');
    }, function() {
    $(this).find('.imagetest').css('display', 'none');
    });
}

function initBannerFlash(){

    $('#flash').flashembed({
            src: '/lib/flash/BannerSlideshow.swf'
            , version: [9, 115]
		    , height: 205
		    , width: 220
        },{
            xmlPath: '/lib/xml/banner.ashx'
        }
    );
}

function docScrollHeight() {
	return document.getElementsByTagName("html")[0].scrollHeight
}

function stickyHandle(oldScrollHeight) {

	var stickyJQElm			= $('#hoverimage')
	var initialPosition		= 325;
	var currScrollHeight	= docScrollHeight()
	var docHeight			= oldScrollHeight && oldScrollHeight < currScrollHeight ? oldScrollHeight : currScrollHeight
	var scrollPos			= $(window).scrollTop()
	var maxScrollTo			= docHeight - stickyJQElm.height() - initialPosition
    if (scrollPos > initialPosition)
		var scrollItTo = scrollPos + 10
	else if (parseInt(stickyJQElm.css('top')) > initialPosition)
		var scrollItTo = initialPosition	
	else
		return false
		
	stickyJQElm.stop().css({top: scrollItTo}, 100);
	return false
}

function initProductImageHover(){

    var strHTMLHoverImage = '<div id="hoverimage" style="display: none;"><div class="bovenkant"><h1></h1></div><div class="midden"></div><div class="onderkant"></div></div>';
    $('body.product_hover #rightcol .onder').append(strHTMLHoverImage);

    $('a.hoverimages').hover(
        function(){
            var strTekst = $(this).text();
            var strRel = $(this).attr('rel');
            
//            plaatjesArray = 
//            [
//            '/upload/images/products/accessories/Pico/freestanding/I_3305_pic_C_sdh.jpg',
//            '/upload/images/products/accessories/Pico/freestanding/I_3309_pic_C_shf.jpg',
//            '/upload/images/products/accessories/Pico/freestanding/I_3324_pic_C_tbh.jpg'
//            ]
//            
//            strRel = plaatjesArray[Math.floor(Math.random()*plaatjesArray.length)] 
            
            $('#hoverimage h1').text(strTekst);
            
            var objNewImage = new Image();
            objNewImage.src = strRel;
            $(objNewImage).load(function(){
                var intMaxHeight = 220;
                var intMaxWidth = 180;
                var intOrginialWidth = $(this).width(); 
                var intOrginialHeight = $(this).height();     
                
                //window.status = 'intOrginialWidth: ' +  intOrginialWidth + ' intOrginialHeight: ' + intOrginialHeight;
                            
                if(intOrginialHeight > intMaxHeight)
                {
                    var intNewWidth = Math.round(intOrginialWidth * (intMaxHeight / intOrginialHeight));
                    var intNewHeight = intMaxHeight;         
                    $(this).width(intNewWidth);
                    $(this).height(intNewHeight);    
                }
                
                if(intOrginialWidth > intMaxWidth)
                {
                    var intNewWidth = intMaxWidth
                    var intNewHeight = Math.round(intOrginialHeight * (intMaxWidth / intOrginialWidth));;         
                    $(this).width(intNewWidth);
                    $(this).height(intNewHeight);    
                }                
                else
                {
                    $(this).width(intOrginialWidth);
                    $(this).height(intOrginialHeight);                  
                }            
            });
            
            $('#hoverimage .midden').append(objNewImage);
            
            stickyHandle(docScrollHeight);

            $('#hoverimage').show();
            


        },
        function(){
            $('#hoverimage .midden').html('');
            $('#hoverimage').hide();
        }
    );
}

$(document).ready(function(){

    initBannerFlash();
    initProductHover();
    initProductImageHover();
    $(window).bind('scroll', stickyHandle)
    
    /**/
    $("#producten a.image, #producten a.titel").click(function() {
        $("#producten ul:first li").removeClass("active");
        $(this).parent().addClass("active");
        $(this).blur();
        return false;
        }).hover(function() {
            $(this).parent().addClass("hover");
        }, function() {
            $(this).parent().removeClass("hover");
    });   
    
});