//Template preview functions (begin) --------------------------------------
var previewTimeout;
var hintTimeout;

function showPreview(wrapper,heading,image,title,src,width,height) {
    image.src=src;
    image.width=width;
    image.height=height;
    heading.innerHTML=title;
    previewTimeout = setTimeout(function (){wrapper.display='block'},250);
}

function showFLVPreview(wrapper,heading,title,src,width,height) {
	var flvBlock = '' +
		'<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" style="display:block" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="' + width + '" height="' + height + '">' +
		'<param name="allowScriptAccess" value="sameDomain" />' +
		'<param name="allowFullScreen" value="true" />' +
		'<param name="quality" value="high">' +
		'<param name="menu" value="false">' +
		'<param id="nameValueFLV" name="movie" value="/images/popup-player.swf?titleVideo=' + src + '" />' +
		'<param name="quality" value="high" />' +
		'<param name="bgcolor" value="#010101" />' +
		'<embed src="/images/popup-player.swf?titleVideo=' + src + '" quality="high" menu="false" bgcolor="#010101" width="' + width + '" height="' + height + '" name="video" align="middle" allowScriptAccess="sameDomain" allowFullScreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></embed>' +
		'</object>';
	$('#templatePreviewBody').prepend(flvBlock);
	$('#templatePreviewProgressBar').css('display', 'none');
    heading.innerHTML=title;
    previewTimeout = setTimeout(function (){wrapper.display='block'},250);
}

function hidePreview(wrapper,heading,image) {
    clearTimeout(previewTimeout);
    if ('undefined' != typeof image) {
	    image.src="";
	    image.width=0;
	    image.height=0;
    }
    heading.innerHTML="";
    wrapper.display='none'; 
}

function previewMouseFollow(event,wrapper,width,height,winWidth,winHeight,topOffset) {
    pageX=event.pageX;
    pageY=event.pageY;
    previewOffsetTop=(winHeight-height)/2;
    previewOffsetLeft=(winWidth-width)/2;
    correctedTopOffset=previewOffsetTop+topOffset;
    offset=30;
    centered=false;
    if (winHeight > height) {
        if (pageY<correctedTopOffset-offset) {pageY=pageY+offset;}
        else if (pageY>correctedTopOffset+height+offset) {pageY=pageY-offset-height;}
        else {pageY=correctedTopOffset; centered=true;}
    }
    else {
        pageY=topOffset;
        centered=true;
    }
    if (centered) {
        if (pageX<winWidth/2) {pageX+=offset;}
        else {pageX=pageX-width-offset;}
    }
    else {
        if (pageX<previewOffsetLeft-offset) {pageX=pageX+offset;}
        else if (pageX>previewOffsetLeft+width+offset) {pageX=pageX-width-offset;}
        else {pageX=previewOffsetLeft;}
    }
    wrapper.left=pageX+'px';
    wrapper.top=pageY+'px';
}

//Template preview functions (end) ----------------------------------------

//-----*    Events     *-----//

$(function() {
    var popUp=$('#networkBarPopup');
    var currentWindow = jQuery(window);
    var windowObj = new Object();
        windowObj.width = currentWindow.width();
        windowObj.height = currentWindow.height();
        windowObj.scrollTop = currentWindow.scrollTop();
	if (document.getElementById('templatePreviewWrapper'))	
	    var previewWrapper=document.getElementById('templatePreviewWrapper').style;
    var previewHeading=document.getElementById('templatePreviewHeading');
    var previewProgress;
    var previewImage;
    var priceHint=document.getElementById('altDiv');
    var hint = new Object();

//Template preview events (begin) ----------------------------------------

    currentWindow.resize(function(){windowObj.width=$(this).width();windowObj.height=$(this).height();}).scroll(function(){windowObj.scrollTop=$(this).scrollTop();});
//	if ($('templatesArray').length) 
    $.each(templatesArray, function(index,value) {
        var currentTemplate=$('#'+value.id);
        var widthOffset=32;
        var heightOffset=53;
        var display;
        currentTemplate.hover(
            function() {
            	var fileExt = value.src.substr(value.src.length-4, 4).toLowerCase();
            	switch (fileExt) {
            		case '.flv':
            			$('#templatePreviewBody').html('<div id="templatePreviewProgressBar">Loading template preview...</div>');
            		    previewProgress = document.getElementById('templatePreviewProgressBar');
            			break;
            		default:
            			$('#templatePreviewBody').html('<img id="templatePreviewImage" height="" width="" src="" alt=""/><div id="templatePreviewProgressBar">Loading template preview...</div>');
            			previewProgress = document.getElementById('templatePreviewProgressBar');
            			previewImage = document.getElementById('templatePreviewImage');
            			previewImage.onload=function() {previewProgress.style.display='none';}            		
            			break;
            	}
                previewProgress.style.display="block";
                previewWidth=value.width+widthOffset;
                previewHeight=value.height+heightOffset;
                if(windowObj.width > previewWidth) {display=true} else {display=false}
    			if (display) {
                	switch (fileExt) {
                		case '.flv':
                			showFLVPreview(previewWrapper,previewHeading,value.title,value.src,value.width,value.height);
                			break;
                		default:
                			showPreview(previewWrapper,previewHeading,previewImage,value.title,value.src,value.width,value.height);
                			break;
                	}
                }
            },
            function() {
            	var fileExt = value.src.substr(value.src.length-4, 4).toLowerCase();
            	hidePreview(previewWrapper,previewHeading,previewImage);
            }
        ).mousemove(function(event) {if(display){previewMouseFollow(event,previewWrapper,previewWidth,previewHeight,windowObj.width,windowObj.height,windowObj.scrollTop)}});
    });
    
//Template preview events (end) ------------------------------------------

//Price description popup events (begin) ---------------------------------
    
    $("span.price-label.altTitle, a.last.altTitle").each(function() {
        var currentElement=$(this);
        currentElement.data('id',currentElement.attr('title')).attr('title','');
    }).hover(function() {
        showPriceHint(priceHint,$(this),'price');
        hint.height=priceHint.clientHeight;
        hint.width=priceHint.clientWidth;
    },
    function() {
        hidePriceHint(priceHint);
    }).mousemove(function(event) {
        hintMouseFollow(event,priceHint,windowObj.height,windowObj.width,hint.height,hint.width,windowObj.scrollTop);
    });
    $("a.productType.altTitle").each(function() {
        currentElement=$(this);
        currentElement.data('alt',currentElement.attr('title')).attr('title','');
    }).hover(function() {
        if ($(this).data('alt')!='') {
            showPriceHint(priceHint,$(this),'type');
            hint.height=priceHint.clientHeight;
            hint.width=priceHint.clientWidth;
        }
    },
    function() {
        hidePriceHint(priceHint);
    }).mousemove(function(event) {
        hintMouseFollow(event,priceHint,windowObj.height,windowObj.width,hint.height,hint.width,windowObj.scrollTop);
    });

//Price description popup events (end) -----------------------------------

});