jQuery(function() {
	
	(function($){ 		  
		$.fn.popupWindow = function(instanceSettings){

			return this.each(function(){

			$(this).click(function(){

			$.fn.popupWindow.defaultSettings = {
				centerBrowser:0, // center window over browser window? {1 (YES) or 0 (NO)}. overrides top and left
				centerScreen:0, // center window over entire screen? {1 (YES) or 0 (NO)}. overrides top and left
				height:500, // sets the height in pixels of the window.
				left:0, // left position when the window appears.
				location:0, // determines whether the address bar is displayed {1 (YES) or 0 (NO)}.
				menubar:0, // determines whether the menu bar is displayed {1 (YES) or 0 (NO)}.
				resizable:0, // whether the window can be resized {1 (YES) or 0 (NO)}. Can also be overloaded using resizable.
				scrollbars:1, // determines whether scrollbars appear on the window {1 (YES) or 0 (NO)}.
				status:0, // whether a status line appears at the bottom of the window {1 (YES) or 0 (NO)}.
				width:400, // sets the width in pixels of the window.
				windowName:null, // name of window set from the name attribute of the element that invokes the click
				windowURL:null, // url used for the popup
				top:0, // top position when the window appears.
				toolbar:0 // determines whether a toolbar (includes the forward and back buttons) is displayed {1 (YES) or 0 (NO)}.
			};

			settings = $.extend({}, $.fn.popupWindow.defaultSettings, instanceSettings || {});

			var windowFeatures =    'height=' + settings.height +
									',width=' + settings.width +
									',toolbar=' + settings.toolbar +
									',scrollbars=' + settings.scrollbars +
									',status=' + settings.status + 
									',resizable=' + settings.resizable +
									',location=' + settings.location +
									',menuBar=' + settings.menubar;

					settings.windowName = this.name || settings.windowName;
					settings.windowURL = this.href || settings.windowURL;
					var centeredY,centeredX;

					if(settings.centerBrowser){

						if ($.browser.msie) {//hacked together for IE browsers
							centeredY = (window.screenTop - 120) + ((((document.documentElement.clientHeight + 120)/2) - (settings.height/2)));
							centeredX = window.screenLeft + ((((document.body.offsetWidth + 20)/2) - (settings.width/2)));
						}else{
							centeredY = window.screenY + (((window.outerHeight/2) - (settings.height/2)));
							centeredX = window.screenX + (((window.outerWidth/2) - (settings.width/2)));
						}
						window.open(settings.windowURL, settings.windowName, windowFeatures+',left=' + centeredX +',top=' + centeredY).focus();
					}else if(settings.centerScreen){
						centeredY = (screen.height - settings.height)/2;
						centeredX = (screen.width - settings.width)/2;
						window.open(settings.windowURL, settings.windowName, windowFeatures+',left=' + centeredX +',top=' + centeredY).focus();
					}else{
						window.open(settings.windowURL, settings.windowName, windowFeatures+',left=' + settings.left +',top=' + settings.top).focus();	
					}
					return false;
				});

			});	
		};
		

	})(jQuery);
	
	jQuery('.complete-scroll').jScrollPane(
		{
			showArrows: true,
			horizontalGutter: 10,
			autoReinitialise: true,
			verticalDragMinHeight: 40,
			verticalDragMaxHeight: 40,
			hijackInternalLinks: true
		}
	);
	
	jQuery('.top-scroll').jScrollPane(
		{
			showArrows: true,
			horizontalGutter: 10,
			autoReinitialise: true,
			verticalDragMinHeight: 40,
			verticalDragMaxHeight: 40
		}
	);
	
	jQuery('.btm-scroll').jScrollPane(
		{
			showArrows: true,
			horizontalGutter: 10,
			autoReinitialise: true,
			verticalDragMinHeight: 40,
			verticalDragMaxHeight: 40
		}
	);
    

	jQuery('.pop').popupWindow({ 
	height:500, 
	width:600, 
	top:50, 
	left:50 
	});
	
	jQuery('#view-features').click(function(){
        jQuery('#hs-landing-specs').show();
        jQuery('#view-features').hide();
        jQuery('#hide-features').show();		
    return false;											  
    });
    
    jQuery('#hide-features').click(function(){
        jQuery('#hs-landing-specs').hide();
        jQuery('#view-features').show();
        jQuery('#hide-features').hide();		
    return false;											  
    });
    
    jQuery('#silver_btn').click(function(){
        jQuery('.current_color').hide();
        jQuery('img').removeClass('current_color');
        jQuery('#silver').addClass('current_color');
        jQuery('#silver').show();
    return false;											  
    });
    
    jQuery('#red_btn').click(function(){
        jQuery('.current_color').hide();
        jQuery('img').removeClass('current_color');
        jQuery('#red').addClass('current_color');
        jQuery('#red').show();
    return false;											  
    });
    
    jQuery('#blue_btn').click(function(){
        jQuery('.current_color').hide();
        jQuery('img').removeClass('current_color');
        jQuery('#blue').addClass('current_color');
        jQuery('#blue').show();
    return false;											  
    });
    
    jQuery('#purple_btn').click(function(){
        jQuery('.current_color').hide();
        jQuery('img').removeClass('current_color');
        jQuery('#purple').addClass('current_color');
        jQuery('#purple').show();
    return false;											  
    });
    
    jQuery('#black_btn').click(function(){
        jQuery('.current_color').hide();
        jQuery('img').removeClass('current_color');
        jQuery('#black').addClass('current_color');
        jQuery('#black').show();
    return false;											  
    });
    
    $(function() {
    $(".swap").hover(
    function () {
    $(this).attr("src", $(this).attr("src").replace(/_off.jpg/, "_on.jpg"));
    },
    function () {
    $(this).attr("src", $(this).attr("src").replace(/_on.jpg/, "_off.jpg"));
    } 
    );
    });
    
    
    jQuery('#calculator_reset').click(function(){
        jQuery('#calculator_form').get(0).reset();
    return false;											  
    });
    
});//end all

function imgSwap(oImgId)
{
   var oImg = document.getElementById(oImgId);
   var strOver  = "_on"    // image to be used with mouse over
   var strOff = "_off"     // normal image
   var strImg = oImg.src
   if (strImg.indexOf(strOver) != -1) 
      oImg.src = strImg.replace(strOver,strOff)
   else
      oImg.src = strImg.replace(strOff,strOver)
}



function imgSwitch(oImg)
{
   var strOver  = "_on"    // image to be used with mouse over
   var strOff = "_off"     // normal image
   var strImg = oImg.src
   if (strImg.indexOf(strOver) != -1) 
      oImg.src = strImg.replace(strOver,strOff)
   else
      oImg.src = strImg.replace(strOff,strOver)
}