/************************************************************************
*   
*   J A V A S C R I P T
*   
* 
*************************************************************************/

/*-----------------------------------------------------------------------
Functions Call
------------------------------------------------------------------------*/

$(function() {
				 
	//Search
	showSearch();
	
	//Show Checkout
	showCheckout();
					 
	//General
	hoverElements();
					 
	//Properties				 
	showProperties();
	
	//More News
	showMoreNews();

	//Delete Basket Items
	deleteBasketItems();
	
	//Email a Friend
	emailFriend();
	
	//Social Links
	socialLinks();
	
	//Fades in Products
	fadeProducts();
	
	//Sub Navigation
	subNavigation();
	brandedHeader();
	subNavigationFE();
	
	PrepareEmailForm();
	PrepareEnquiryForm();
	PrepareUploadForm();
	
	$(document).ready(function () {
        HideATag();
        
        $('.StopClick').click(function() {	
           return false; 
        });
        PrepareUploadForm();
    });
	HideATag();
});

function PrepareEmailForm()
{
    var bMove = true;
    
    $(function() { 
        $("#contact").live('click', function(event) { 
            if (bMove)
            {                                          
                $(this).addClass("selected").parent().append('<div class="messagepop pop"><form method="post" id="new_message" action=""><p><center><h2>Recommend this product to a friend</h2></center><label for="email">Your friends email address:</label><input type="text" size="30" name="emailto" id="emailto" onchange=\"ValidateInput(\'validEmail\',this);\" /></p><p><label for="emailfrom">Your email address:</label><input type="text" size="30" name="emailfrom" id="emailfrom" onchange=\"ValidateInput(\'validEmail\',this);\" /></p><p><label for="Capatcha_number">Validation Number:</label><input type="text" size="30" name="capatcha" value="' + CreateCapatcha() + '" id="capatcha" readonly /></p><label for="capatcha_in">Please re-enter the Validation number:</label><input type="text" size="30" name="capatcha_user" id="capatcha_user" onchange=\"validCapatcha(this);\"/></p><p><input type="submit" value="Send" name="commit" id="message_submit" onclick="if(!RequiredElements(\'EmailLink\')) return false;"/> <a class="close" href="/">Cancel</a></p><input type=\"hidden\" name=\"hiddenemailpage\" id=\"hiddenemailpage\" value=\"y\" /></form></div>');
            }
            $(".pop").slideFadeToggle() 
            $("#email").focus(); 
            
            if (bMove)
            {
                $(".messagepop").css( { "left": ($(".messagepop").offset().left - $(".messagepop").width()) + 120 + "px" } );     
                $(".messagepop").css( { "top": ($(".messagepop").offset().top + 25) + "px" } );     
                bMove = false;
            }
            return false; 
        }); 
 
        $(".close").live('click', function() { 
            $(".pop").slideFadeToggle(); 
            $("#contact").removeClass("selected"); 
            $("#emailfrom").removeClass("Error");
            $("#emailto").removeClass("Error");
            $("#capatcha_user").removeClass("Error");
            $("#capatcha").removeClass("Error");
            $("#emailfrom").val("");
            $("#emailto").val("");
            $("#capatcha_user").val("");
            $("#capatcha").val(CreateCapatcha());
            return false; 
        }); 
    }); 
 
    $.fn.slideFadeToggle = function(easing, callback) { 
        return this.animate({ opacity: 'toggle', height: 'toggle' }, "fast", easing, callback); 
    };
}   

function PrepareEnquiryForm()
{
    var bMove = true;
    
    $(function() { 
        $("#enquiry").live('click', function(event) { 
            if (bMove)
                $(this).addClass("selected").parent().append('<div class="messagepop1 pop1"><form method="post" name="enq_message" id="enq_message" action=""><p><center><h2 id="enq_title" name="enq_title">I am interested in this product - please tell me more</h2></center><label for="email">Your email address: *</label><input type="text" size="30" name="email" id="email" onchange=\"ValidateInput(\'validEmail\',this);\" /></p><p><label for="telnum">Your telephone number: *</label><input type="text" size="30" name="telnum" id="telnum" onchange=\"ValidateInput(\'validTelephone\',this)\"; /></p><p><label for="msg">Your message: *</label><textarea rows="5" cols="50" name="msg" id="msg" onchange=\"ValidateInput(\'validRequiredVarchar\',this);\"></textarea></p><p><label for="Capatcha_number2">Validation Number:</label><input type="text" size="30" name="capatcha2" value="' + CreateCapatcha() + '" id="capatcha2" readonly /></p><label for="capatcha_in2">Please re-enter the Validation number:</label><input type="text" size="30" name="capatcha_user2" id="capatcha_user2" onchange=\"validCapatcha(this);\"/></p><p><input type="submit" value="Send" name="commit" id="message_submit1" onclick="if(!RequiredElements(\'Enquiry\')) return false;"/> <a class="close1" href="/">Cancel</a></p><input type=\"hidden\" name=\"hiddenenquiry\" id=\"hiddenenquiry\" value=\"y\" /></form></div>'); 
            
            $(".pop1").slideFadeToggle() 
            $("#email").focus(); 
            
            if (bMove)
            {
                $(".messagepop1").css( { "left": ($(".messagepop1").offset().left - $(".messagepop1").width()) + "px" } );     
                $(".messagepop1").css( { "top": ($(".messagepop1").offset().top + 25) + "px" } );     
                bMove = false;
            }
            return false; 
        }); 
 
        $(".close1").live('click', function() { 
            $(".pop1").slideFadeToggle(); 
            $("#enquiry").removeClass("selected"); 
            $("#email").removeClass("Error");
            $("#telnum").removeClass("Error");
            $("#msg").removeClass("Error");
            $("#capatcha_user2").removeClass("Error");
            $("#capatcha2").removeClass("Error");
            $("#email").val("");
            $("#telnum").val("");
            $("#msg").val("");
            $("#capatcha_user2").val("");
            $("#capatcha2").val(CreateCapatcha());
            return false; 
        }); 
    }); 
 
    $.fn.slideFadeToggle = function(easing, callback) { 
        return this.animate({ opacity: 'toggle', height: 'toggle' }, "fast", easing, callback); 
    };
} 

function PrepareUploadForm()
{
    var bMove = true;
    
    $(function() { 
        $("#webuy").live('click', function(event) { 
            if (bMove)
            {                                          
                //$(this).addClass("selected").parent().append('<div class="messagepop2 pop2"><form method="post" id="new_message" action=""><p><center><h2>Recommend this product to a friend</h2></center><label for="email">Your friends email address:</label><input type="text" size="30" name="emailto" id="emailto" onchange=\"ValidateInput(\'validEmail\',this);\" /></p><p><label for="emailfrom">Your email address:</label><input type="text" size="30" name="emailfrom" id="emailfrom" onchange=\"ValidateInput(\'validEmail\',this);\" /></p><p><label for="Capatcha_number">Validation Number:</label><input type="text" size="30" name="capatcha" value="' + CreateCapatcha() + '" id="capatcha" readonly /></p><label for="capatcha_in">Please re-enter the Validation number:</label><input type="text" size="30" name="capatcha_user" id="capatcha_user" onchange=\"validCapatcha(this);\"/></p><p><input type="submit" value="Send" name="commit" id="message_submit" onclick="if(!RequiredElements(\'EmailLink\')) return false;"/> <a class="close" href="/">Cancel</a></p><input type=\"hidden\" name=\"hiddenemailpage\" id=\"hiddenemailpage\" value=\"y\" /></form></div>');
                $(this).addClass("selected").parent().append('<div class="messagepop2 pop2"><form enctype="multipart/form-data" method="post" action=""><div class="SECBuy" id="divOnlineForm"><p>Please provide as much information as you can in our &quot;Furniture Sellers Form&quot;</p><div>* mandatory input field</div><div><div name=\"SECInputtxtName\" id=\"SECInputtxtName\" class="SECInput">Your Name *:<input id="txtName" name="txtName" type="text" onchange="if(!ValidateInput(\'validName\', this)) return false; else{removeError(\'SECInputtxtName\');}" /></div><div><div name=\"SECInputtxtLocation\" id=\"SECInputtxtLocation\" class="SECInput">Location *:<input id="txtLocation" name="txtLocation" type="text" onchange="if(!ValidateInput(\'validVarchar\', this)) return false; else{removeError(\'SECInputtxtLocation\');}" maxlength=\"255\" /></div><div name="SECInputtxtTelephone" id="SECInputtxtTelephone" class="SECInput">Telephone*:<input id="txtTelephone" name="txtTelephone" onchange="if(!ValidateInput(\'validTelephone\', this)) return false; else{removeError(\'SECInputtxtTelephone\');}" type="text" /></div><div id="SECInputtxtEmail" name="SECInputtxtEmail" class="SECInput">Email *:<input id="txtEmail" name="txtEmail"  onchange="if(!ValidateInput(\'validEmail\', this)) return false; else{validAgainstRepeatEmail(this, \'txtEmail2\'\,\'SECInputtxtEmail2\'); removeError(\'SECInputtxtEmail\');}" type="text" /></div><div id="SECInputtxtEmail2" name="SECInputtxtEmail2" class="SECInput">Repeat Email *:<input id="txtEmail2" name="txtEmail2" type="text" onchange="if(!validRepeatEmail(this,\'txtEmail\', \'SECInputtxtEmail2\')) return false; else{removeError(\'SECInputtxtEmail2\');}" /></div><div class="SECInput">Image 1:<input id="filetoupload1" name="filetoupload1" onchange="ValidateInput(\'validFileType\', this);" type="file" /></div><div class="SECTextarea">Description 1: <textarea id="txtDescription1" name="txtDescription1" onclick="this.value=\'\'">Write a brief description of the item here, please include things like quantity and age</textarea></div><div class="SECInput">Image 2:<input id="filetoupload2" name="filetoupload2" onchange="ValidateInput(\'validFileType\', this);" type="file" /></div><div class="SECTextarea">Description 2: <textarea id="txtDescription2" name="txtDescription2"></textarea></div><div class="SECInput">Image 3:<input id="filetoupload3" name="filetoupload3" onchange="ValidateInput(\'validFileType\', this);" type="file" /></div><div class="SECTextarea">Description 3: <textarea id="txtDescription3" name="txtDescription3"></textarea></div></div><div></div><p><input id="SellingSalonFurnitureForm" name="SellingSalonFurnitureForm" type="hidden" value="~~~" /><input id="txtValidInput" type="hidden" value="true" /></p></div><input type="submit" value="Send" name="commit" id="message_submit" onclick="if(!RequiredElements(\'SellingSalonFurniture\')) return false;" /> <a class="close2" href="/">Cancel</a></p><input type=\"hidden\" name=\"hiddenemailpage\" id=\"hiddenemailpage\" value=\"y\" /></form></div>');
            }
            $(".pop2").slideFadeToggle() 
            $("#txtName").focus(); 
            
            if (bMove)
            {
                $(".messagepop2").css( { "left": ($(".messagepop2").offset().left - $(".messagepop2").width()) + 420 + "px" } );     
                $(".messagepop2").css( { "top": ($(".messagepop2").offset().top - 225) + "px" } );     
                bMove = false;
            }
            return false; 
        }); 
 
        $(".close2").live('click', function() { 
            $(".pop2").slideFadeToggle(); 
            $("#contact").removeClass("selected"); 
            $("#txtName").removeClass("Error");
            $("#txtTelephone").removeClass("Error");
            $("#txtEmail").removeClass("Error");
            $("#txtEmail2").removeClass("Error");
            $("#filetoupload1").removeClass("Error");
            $("#txtDescription1").removeClass("Error");
            $("#filetoupload2").removeClass("Error");
            $("#txtDescription2").removeClass("Error");
            $("#filetoupload3").removeClass("Error");
            $("#txtDescription3").removeClass("Error");
            $("#SECInputtxtName").removeClass("Error");
            $("#SECInputtxtEmail").removeClass("Error");
            $("#SECInputtxtEmail2").removeClass("Error");
            $("#SECInputtxtTelephone").removeClass("Error");
            
            
            $("#txtName").val("");
            $("#txtTelephone").val("");
            $("#txtEmail").val("");
            $("#txtEmail2").val("");
            $("#filetoupload1").val("");
            $("#txtDescription1").val("");
            $("#filetoupload2").val("");
            $("#txtDescription2").val("");
            $("#filetoupload3").val("");
            $("#txtDescription3").val("");
            
            return false; 
        }); 
    }); 
 
    $.fn.slideFadeToggle = function(easing, callback) { 
        return this.animate({ opacity: 'toggle', height: 'toggle' }, "fast", easing, callback); 
    };
}   

/*-----------------------------------------------------------------------
Search
------------------------------------------------------------------------*/
													 
function showSearch() {
							 
	$("#searchList").hide();
	
	$("#frmSearch .search").click(function() {		
		
		$(this).toggleClass('active');
		$("#searchList").toggle();
		$("#txtSearch").hide();
		$("#iconSearch").hide();
		
		return false;	
	});
	
	$(".main-content-body-wrapper").mouseover(function() {		
		
		$("#searchList").hide();
		$("#txtSearch").show();
		$("#iconSearch").show();
		
		return false;	
	});
	
	$(".main-content-top").mouseover(function() {		
		
		$("#searchList").hide();
		$("#txtSearch").show();
		$("#iconSearch").show();
		
		return false;	
	});
	
};

/*-----------------------------------------------------------------------
General Function
------------------------------------------------------------------------*/

function hoverElements() {
	
	$('#properties ul li, #basket dl').hover(function() {	
		$(this).addClass('hover');	 
	}, function() {
		$(this).removeClass('hover');	
	});
			
};

/*-----------------------------------------------------------------------
Show Properties
------------------------------------------------------------------------*/

function showProperties() {
	
	$('#properties ul:not(:first)').hide();	
	
	$('#properties h4 a:first').addClass('active');

  //Toogle ul show state
	$('#properties h4 a').click(function() {	
																			 
		$(this).toggleClass('active');
		$(this).parent().next().slideToggle("fast");

		return false;
	
	});
	
};

/*-----------------------------------------------------------------------
Show More News
------------------------------------------------------------------------*/

function showMoreNews() {
	
	$('#morenews dl:not(:first)').hide();
	$('#morenews h4 a:first').addClass('active');

  //Toogle ul show state
	$('#morenews h4 a').click(function() {	
																	 
		$(this).toggleClass('active');
		$(this).parent().next().slideToggle("fast");
		
		return false;
	
	});	
			
};

/*-----------------------------------------------------------------------
Show Checkout
------------------------------------------------------------------------*/

function showCheckout() {
	
	$('#checkout h3 a:first').addClass('active');
	$('#checkout .wrapper div.content:not(:first)').hide();

  //Toogle ul show state
	$('#checkout h3 a').click(function() {

		$(this).toggleClass('active');
		$(this).parent().next().slideToggle("fast");
		
		return false;
	
	});	
			
};

/*-----------------------------------------------------------------------
Delete Basket Items
------------------------------------------------------------------------*/
													 
function deleteBasketItems() {
							 
	$("#basket dd.delete a").click(function() {		
		
		$(this).parents("dl").animate({ opacity: 'hide' }, "slow");

		return false;
	
	});
	
};

/*-----------------------------------------------------------------------
Add Item to Basket
------------------------------------------------------------------------*/

function addItemToBasket(Index)
    {
		alert(Index);
		
		//$(this).parents("dl").animate({ opacity: 'hide' }, "slow");

		return false;
	
	}
	
/*-----------------------------------------------------------------------
Email a Friend
------------------------------------------------------------------------*/

function emailFriend() {

	sToggle = 0;
	
	$("#calltoAction ul li a.email").click(function() {																									
		
		if (sToggle ==0) {
		
			$(this).addClass("active");		
			$("#emailFriend").animate({opacity: 'show',bottom: '50'}, "fast");
			sToggle = 1;		
		} else {
			
			$(this).removeClass("active");		
			$("#emailFriend").animate({opacity: 'hide',bottom: '30'}, "fast");			
			sToggle = 0;		
		}

		return false;
		
	});
																											
};

/*-----------------------------------------------------------------------
Social Links
------------------------------------------------------------------------*/

function socialLinks() {

	sToggle = 0;
	
	$("#calltoAction ul li a.social").click(function() {																									
		
		if (sToggle ==0) {
		
			$(this).addClass("active");		
			$("#socialLinks").animate({opacity: 'show',bottom: '50'}, "fast");
			sToggle = 1;		
		} else {
			
			$(this).removeClass("active");		
			$("#socialLinks").animate({opacity: 'hide',bottom: '30'}, "fast");			
			sToggle = 0;		
		}

		return false;
		
	});
																											
};

/*-----------------------------------------------------------------------
Fade in Products
------------------------------------------------------------------------*/

function fadeProducts() {
	
	var orderlist = '';
	var i=0;
	$("#products.main .widget").hide();
		
	var fade = function(speed,element) {
			element.fadeIn(speed,function() {
			//fade(element.next('.widget'));
			
		});
	}
	
	fade('fade1',$('.widget:eq(0)'));
	fade('fade2',$('.widget:eq(1)'));
	fade('fade3',$('.widget:eq(2)'));
	fade('fade4',$('.widget:eq(3)'));
	fade('fade5',$('.widget:eq(4)'));
	fade('fade6',$('.widget:eq(5)'));
	fade('fade7',$('.widget:eq(6)'));
	fade('fade8',$('.widget:eq(7)'));
	fade('fade9',$('.widget:eq(8)'));
	
	
};

/*-----------------------------------------------------------------------
Sub Navigation For front end
------------------------------------------------------------------------*/

function subNavigationFE() {

    //-----------collapse expand page edit items---------- 
	$('#left-menu ul li ul').hide();
	$('.NolinkSelected').next().slideDown('normal');
	$('.ChildlinkSelected').next().slideDown('normal');
	$('.linkSelected').next().slideDown('normal');
	
	$('.NolinkSelected').click(function() {	
		var checkElement = $(this).next();	
		var thisElement = $(this);
		
		//ul item clicked and item is not currently visible
		if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
			checkElement.slideUp('normal');
			return false;
	    }
	    else if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
			checkElement.slideDown('normal');
			return false;
	    }
	    
	});
}

/*-----------------------------------------------------------------------
Sub Navigation For Admin area
------------------------------------------------------------------------*/

function subNavigation() {
    
    //-----------collapse expand page edit items---------- 
	$('#divContent ul li ul').hide();
	$('#divContent ul li ul:first').show();
	
	$('#divContent ul li a').click(function() {	
		var checkElement = $(this).next();	
		var thisElement = $(this);
		
		//ul item clicked and item is not currently visible
		if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
			$('#divContent ul li ul:visible').slideUp('normal', function(){
			    checkElement.slideDown('normal');
			});
			
			return false;
	    }
	});
	
	//-----------collapse expand nav items---------- 
	$('#subNav ul li ul').hide();
	//$('#subNav ul li ul:first').show();
	
	$('#subNav ul li a').click(function() {	
		var checkElement = $(this).next();	
		var thisElement = $(this);
		var inputElement = $('#newcat_0');
		
		//delete a page
		if(thisElement.attr('name') == 'deletepage')
		{
		    if (confirm('Would you like to delete the page: ' + thisElement.attr('pagename')))
		    {
		        $.ajax({
                   type: "POST",
                   url: "pagecontent.aspx",
                   data: "action=d&pid="+thisElement.attr('pid'),
                   success: function(msg){
                        if (msg.indexOf('frmLogon') > 0)
                        {   
                            alert('your session has expired, please login again');
                            hideDialogAndLogin();
                        }
                        else
                        {
                            alert( msg );
                            //store current document.body.scrollTop in a cookie;
                            setCookie('Scroll_Pos',document.body.scrollTop,999);
                            document.location.href='pagecontent.aspx';
                        }
                   }
               });
		    }
		    return false;	    	
		}
		
		//move a page
		if(thisElement.attr('name') == 'movepageup' || thisElement.attr('name') == 'movepagedown')
		{
		    var strDir = '';
		    if(thisElement.attr('name') == 'movepageup')
		        strDir = 'mu';
		    else
		        strDir = 'md';
		    
		    $.ajax({
               type: "POST",
               url: "pagecontent.aspx",
               data: "action="+strDir+"&pid="+thisElement.attr('pid'),
               success: function(msg){
                    if (msg.indexOf('frmLogon') > 0)
                    {   
                        alert('your session has expired, please login again');
                        hideDialogAndLogin();
                    }
                    else
                    {
                        alert( msg );
                        //store current document.body.scrollTop in a cookie;
                        setCookie('Scroll_Pos',document.body.scrollTop,999);
                        document.location.href='pagecontent.aspx';
                    }
               }
            });
		    return false;	    	
		}
		
		//restore a page
		if(thisElement.attr('name') == 'restorepage')
		{
		    if (confirm('Would you like to restore the page: ' + thisElement.attr('pagename')))
		    {
		        $.ajax({
                   type: "POST",
                   url: "pagecontent.aspx",
                   data: "action=r&pid="+thisElement.attr('pid'),
                   success: function(msg){
                        if (msg.indexOf('frmLogon') > 0)
                        {   
                            alert('your session has expired, please login again');
                            hideDialogAndLogin();
                        }
                        else
                            alert( msg );
                   }
               });
		    }
		    else
		    {
		        $("#dialog").dialog();
            }
		    
		    return false;	    	
		}
		
		//ul item clicked and item is visible already
		if(thisElement.attr('id') == 'newcat' || (checkElement.is('ul')) && (checkElement.is(':visible'))) {
			if (!thisElement.attr('disabled') && thisElement.attr('restricted') != "1")
			{
			    if (thisElement.attr('id') == 'newcat')
			    {
		            inputElement.removeAttr('readonly');
	                inputElement.removeClass();
	                inputElement.addClass('NewCatInputON');
	                //inputElement.attr('value','Enter New Category Name Here');
	                $('#newcatimg_0').removeClass('hiddenImg');
    	        
	                $('.marker').removeClass('NewCatInputON');
	                $('.marker').addClass('NewCatInput');
	                $('.imgmarker').addClass('hiddenImg');
	            }
	            else if (thisElement.attr('id').indexOf('cat_') == 0)
			    {
			        //first reset the new cat element first
			        inputElement.attr('value','Click To Add New Top Level Category');
	                $('#newcatimg_0').addClass('hiddenImg');
	                inputElement.removeClass();
	                inputElement.addClass('NewCatInput');
	                inputElement.addClass('link');
    	            
	                $('.marker').removeClass('NewCatInputON');
	                $('.marker').addClass('NewCatInput');
	                $('.imgmarker').addClass('hiddenImg');
    	            
			        inputElement = $('#catinput_'+thisElement.attr('id').substr(4));
			        inputElement.removeAttr('readonly');
	                inputElement.removeClass('NewCatInput');
	                inputElement.addClass('NewCatInputON');
	                $('#catimg_'+thisElement.attr('id').substr(4)).removeClass('hiddenImg');
	                $('#catdelimg_'+thisElement.attr('id').substr(4)).removeClass('hiddenImg');
	            }
	            else
	            {
	                //alert(thisElement.attr('id'));
	                inputElement.attr('value','Click To Add New Top Level Category');
	                $('#newcatimg_0').addClass('hiddenImg');
	                inputElement.removeClass('NewCatInputON');
	                inputElement.addClass('NewCatInput');
	                inputElement.addClass('link');
	            }
	        }
	        return false;
		}
		
		//ul item clicked and item is not currently visible
		if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
			$('#subNav ul li ul:visible').slideUp('normal');
			
			checkElement.slideDown('normal');
			setCookie('Cat_selected',checkElement.attr('id'),999);
			
			if (!thisElement.attr('disabled') && thisElement.attr('restricted') != "1")
			{
			    if (thisElement.attr('id') == 'newcat')
			    {
			        inputElement.removeAttr('readonly');
	                inputElement.removeClass();
	                inputElement.addClass('NewCatInputON');
	                //inputElement.attr('value','Enter New Category Name Here');
	                $('#newcatimg_0').removeClass('hiddenImg');
    	        
	                $('.marker').removeClass('NewCatInputON');
	                $('.marker').addClass('NewCatInput');
	                $('.imgmarker').addClass('hiddenImg');
	            }
	            else if (thisElement.attr('id').indexOf('cat_') == 0)
			    {
			        //first reset the new cat element first
			        inputElement.attr('value','Click To Add New Top Level Category');
	                $('#newcatimg_0').addClass('hiddenImg');
	                inputElement.removeClass('NewCatInputON');
	                inputElement.addClass('NewCatInput');
	                inputElement.addClass('link');
    	            
	                $('.marker').removeClass('NewCatInputON');
	                $('.marker').addClass('NewCatInput');
	                $('.imgmarker').addClass('hiddenImg');
    	            
			        //alert(thisElement.attr('id').substr(4));
			        inputElement = $('#catinput_'+thisElement.attr('id').substr(4));
			        inputElement.removeAttr('readonly');
	                inputElement.removeClass('NewCatInput');
	                inputElement.addClass('NewCatInputON');
	                $('#catimg_'+thisElement.attr('id').substr(4)).removeClass('hiddenImg');
	                $('#catdelimg_'+thisElement.attr('id').substr(4)).removeClass('hiddenImg');
	            }
	            else
	            {
	                inputElement.attr('value','Click To Add New Top Level Category');
	                $('#newcatimg_0').addClass('hiddenImg');
	                inputElement.removeClass('NewCatInputON');
	                inputElement.addClass('NewCatInput');
	                inputElement.addClass('link');
	            }
			}
			
			return false;
	  }
	 
	});
	
	//image clicked
	$('#subNav ul li div img').click(function() {
	    var checkElement = $(this);
	    
	    //alert(checkElement.attr('id'));
	    
	    if (checkElement.attr('id').indexOf('newcatimg_0') == 0)
	    {
	        var inputElement = $('#newcat_0');
	        //alert(inputElement.attr('value'));
	        
	        $.ajax({
               type: "POST",
               url: "pagecontent.aspx",
               data: "action=c&catname="+inputElement.attr('value'),
               success: function(msg){
                    if (msg.indexOf('frmLogon') > 0)
                    {   
                        alert('your session has expired, please login again');
                        hideDialogAndLogin();
                    }
                    else
                    {
                        alert( msg );
                        //store current document.body.scrollTop in a cookie;
                        setCookie('Scroll_Pos',document.body.scrollTop,999);
                        document.location.href='pagecontent.aspx';
                    }
               }
           });
        } 
        else if (checkElement.attr('id').indexOf('catimg_') == 0)
	    {
	        var inputElement = $('#catinput_'+checkElement.attr('id').substr(7));
	        
	        $.ajax({
               type: "POST",
               url: "pagecontent.aspx",
               data: "action=uc&cid="+checkElement.attr('id').substr(7)+"&catname="+inputElement.attr('value'),
               success: function(msg){
                    if (msg.indexOf('frmLogon') > 0)
                    {   
                        alert('your session has expired, please login again');
                        hideDialogAndLogin();
                    }
                    else
                    {
                        alert( msg );
                        //store current document.body.scrollTop in a cookie;
                        setCookie('Scroll_Pos',document.body.scrollTop,999);
                        document.location.href='pagecontent.aspx';
                    }
               }
           });
        } 
        else if (checkElement.attr('id').indexOf('catdelimg_') == 0)
	    {
	        if (confirm('Would you like to delete the category: ' + checkElement.attr('catname') + ' (includes all pages in this category)'))
		    {
		        $.ajax({
                   type: "POST",
                   url: "pagecontent.aspx",
                   data: "action=dc&cid="+checkElement.attr('id').substr(10),
                   success: function(msg){
                        if (msg.indexOf('frmLogon') > 0)
                        {   
                            alert('your session has expired, please login again');
                            hideDialogAndLogin();
                        }
                        else
                        {
                            alert( msg );
                            //store current document.body.scrollTop in a cookie;
                            setCookie('Scroll_Pos',document.body.scrollTop,999);
                            document.location.href='pagecontent.aspx';
                        }
                   }
               });
		    }
        } 
	});
	
	//a tag clicked
	$('#subNav ul li div a').click(function() {	
																			
		var checkElement = $(this);	
		
	    if (checkElement.attr('id').indexOf('rename_') == 0)
	    {
	        var rowSelectedElement = $('#row_'+checkElement.attr('id').substr(7));
	        var pageSelectedElement = $('#page_'+checkElement.attr('id').substr(7));
	        var imgSelectedElement = $('#img_'+checkElement.attr('id').substr(7));
	        
	        //then reset the selected element
	        rowSelectedElement.removeClass();
	        rowSelectedElement.addClass('row-bg-selected');
	        pageSelectedElement.removeClass();
	        pageSelectedElement.addClass('inputReadOnlyON');
	        pageSelectedElement.removeAttr('readonly');
	        imgSelectedElement.removeClass('hiddenImg');
	        
	        //reset current row element back to std style and reset cookie
	        try{
	            if (getCookie('Row_selected') != '')
	            {
	                var rowCurrentElement = $('#'+getCookie('Row_selected'));
	                rowCurrentElement.removeClass();
	                rowCurrentElement.addClass('row-bg');
	            }
	            setCookie('Row_selected',rowSelectedElement.attr('id'),999);
	        }
	        catch(Ex){}
	        
	        try{
	            if (getCookie('Img_selected') != '')
	            {
	                var imgCurrentElement = $('#'+getCookie('Img_selected'));
	                imgCurrentElement.addClass('hiddenImg');
	            }
	            setCookie('Img_selected',imgSelectedElement.attr('id'),999);
	        }
	        catch(Ex){}
	        
	        try{
	            if (getCookie('Page_selected') != '')
	            {
	                var pageCurrentElement = $('#'+getCookie('Page_selected'));
	                
	                pageCurrentElement.removeClass();
	                pageCurrentElement.addClass('inputReadOnly');
	                
	                pageCurrentElement.attr('Readonly', 'true');
	                //if (getCookie('Page_selected_Value') != '')
	                    //pageCurrentElement.attr('value', getCookie('Page_selected_Value'));
	            }
	            setCookie('Page_selected',pageSelectedElement.attr('id'),999);
	            setCookie('Page_selected_Value',pageSelectedElement.attr('value'),999);
	        }
	        catch(Ex){}
	    }
	    else if (checkElement.attr('id').indexOf('save_') == 0)
	    {
	        var iID = checkElement.attr('id').substr(5);  
	        var pageSelectedElement = $('#page_'+iID);
	        
	        $.ajax({
               type: "POST",
               url: "pagecontent.aspx",
               data: "action=u&pid="+iID+"&pagename="+pageSelectedElement.attr('value'),
               success: function(msg){
                    if (msg.indexOf('frmLogon') > 0)
                    {   
                        alert('your session has expired, please login again');
                        hideDialogAndLogin();
                    }
                    else
                        alert( msg );
               }
           });
  
	    }
	    else if (checkElement.attr('id').indexOf('newpage_') == 0)
	    {
	        var iID = checkElement.attr('id').substr(8);  
	        //alert(iID);
	        
	        $('#newpage_'+iID).addClass('hiddenImg');
            
            var catimgSelectedElement = $('#catimg_'+iID);
            catimgSelectedElement.removeClass('hiddenImg');
            
            try{
	            if (getCookie('CatImg_selected') != '')
	            {
	                var catimgCurrentElement = $('#'+getCookie('CatImg_selected'));
	                catimgCurrentElement.addClass('hiddenImg');
	            }
	            setCookie('CatImg_selected',catimgCurrentElement.attr('id'),999);
	        }
	        catch(Ex){}
            
            var catpageSelectedElement = $('#catpage_'+iID);
            var catpageSelectedElement1 = $('#pageimg_'+iID);
            catpageSelectedElement.removeClass();
	        catpageSelectedElement1.removeClass();
	        catpageSelectedElement.addClass('inputReadOnlyON');
	    }
	    else if (checkElement.attr('id').indexOf('newsubcat_') == 0)
	    {
	        var iID = checkElement.attr('id').substr(10);  
	        //alert(iID);
	        
	        $('#newsubcat_'+iID).addClass('hiddenImg');
            
            var catimgSelectedElement = $('#subimg_'+iID);
            catimgSelectedElement.removeClass('hiddenImg');
            
            try{
	            if (getCookie('SubImg_selected') != '')
	            {
	                var catimgCurrentElement = $('#'+getCookie('SubImg_selected'));
	                catimgCurrentElement.addClass('hiddenImg');
	            }
	            setCookie('SubImg_selected',catimgCurrentElement.attr('id'),999);
	        }
	        catch(Ex){}
            
            var catpageSelectedElement = $('#catsub_'+iID);
            var catpageSelectedElement1 = $('#subimg_'+iID);
            catpageSelectedElement.removeClass();
	        catpageSelectedElement1.removeClass();
	        catpageSelectedElement.addClass('inputReadOnlyON');
	    }
	    else if (checkElement.attr('id').indexOf('new_') == 0)
	    {
	        var iID = checkElement.attr('id').substr(4);  
	        var catpageSelectedElement = $('#catpage_'+iID);
	        
	        $.ajax({
               type: "POST",
               url: "pagecontent.aspx",
               data: "action=i&cid="+iID+"&pagename="+catpageSelectedElement.attr('value'),
               success: function(msg){
                    if (msg.indexOf('frmLogon') > 0)
                    {   
                        alert('your session has expired, please login again');
                        hideDialogAndLogin();
                    }
                    else
                    {
                        alert( msg );
                        //store current document.body.scrollTop in a cookie;
                        setCookie('Scroll_Pos',document.body.scrollTop,999);
                        document.location.href='pagecontent.aspx';
                    }
               }
           });
  
	    }
	    else if (checkElement.attr('id').indexOf('newsub_') == 0)
	    {
	        var iID = checkElement.attr('id').substr(7);  
	        var catpageSelectedElement = $('#catsub_'+iID);
	        var strSeq1 = catpageSelectedElement.attr('seq1'); 
	        var strSeq2 = catpageSelectedElement.attr('seq2'); 
	        
	        $.ajax({
               type: "POST",
               url: "pagecontent.aspx",
               data: "action=i&cid="+iID+"&subname="+catpageSelectedElement.attr('value')+"&seq1="+strSeq1+"&seq2="+strSeq2,
               success: function(msg){
                    if (msg.indexOf('frmLogon') > 0)
                    {   
                        alert('your session has expired, please login again');
                        hideDialogAndLogin();
                    }
                    else
                    {
                        alert( msg );
                        //store current document.body.scrollTop in a cookie;
                        setCookie('Scroll_Pos',document.body.scrollTop,999);
                        document.location.href='pagecontent.aspx';
                    }
               }
           });
  
	    }
	    
        //alert(checkElement.attr('id'));
	});
	
	DisplayCat();
}

function brandedHeader() {

	$('#tdHeader a').click(function() {	
																			
		var checkElement = $('#brandedHeader');		
		
		if((checkElement.is('div')) && (checkElement.is(':visible'))) {
		    $('#brandedHeader').slideUp('normal');
		    
		    setCookie('Header','hide',999);
			
			return false;
		}
		
		if((checkElement.is('div')) && (!checkElement.is(':visible'))) {
		    $('#brandedHeader').slideDown('normal');
			
			setCookie('Header','',999);
			
			return false;
	  }
	 
	});
	
	DisplayHeader();
}


function DisplayCat()
{
	//preset the state of the header based on cookie
	if (getCookie('Cat_selected') != '')
	{
	    $('#'+getCookie('Cat_selected')).slideDown('normal',function() {
			//Finally check if we need to auto scroll to a specific position
	        if (getCookie('Scroll_Pos') != '')
	        {
	            //alert (document.body.scrollTop);
        	    
	            if (getCookie('Scroll_Pos') > document.body.scrollHeight)
	                document.body.scrollTop = document.body.scrollHeight;
	            else
	                document.body.scrollTop = getCookie('Scroll_Pos');
        	   
	            //alert (document.body.scrollTop);
	        }
			
		});
	 }   
}
function DisplayHeader()
{
	//preset the state of the open category based on cookie
	if (getCookie('Header') != '')
	    $('#brandedHeader').hide();
	else
	    $('#brandedHeader').show();
	
}

//manage cookies
function setCookie(c_name,value,expiredays)
{
    var exdate=new Date();
    exdate.setDate(exdate.getDate()+expiredays);
    document.cookie=c_name+ "=" +escape(value)+ ((expiredays==null) ? "" : ";expires="+exdate.toGMTString());
}
function getCookie(c_name)
{
    if (document.cookie.length>0)
    {
        c_start=document.cookie.indexOf(c_name + "=");
        if (c_start!=-1)
        {
            c_start=c_start + c_name.length+1;
            c_end=document.cookie.indexOf(";",c_start);
            if (c_end==-1) c_end=document.cookie.length;
            return unescape(document.cookie.substring(c_start,c_end));
        }
    }
    return "";
}

function ToggleActiveCat(cid, obj)
{
    if (confirm('Click OK to (De)Activate this Category'))
    {
        $.ajax({
               type: "POST",
               url: "pagecontent.aspx",
               data: "action=ta&cid="+cid,
               success: function(msg){
                    if (msg.indexOf('frmLogon') > 0)
                    {   
                        alert('your session has expired, please login again');
                        hideDialogAndLogin();
                    }
                    else
                    {
                         alert( msg );
                         if (obj.src.indexOf('icon-active.gif') > 0)
                            obj.src = obj.src.replace('icon-active.gif','icon-inactive.gif');
                         else
                            obj.src = obj.src.replace('icon-inactive.gif','icon-active.gif');
                         
                         //store current document.body.scrollTop in a cookie;
                         //worth refreshing because this may (de)activate sub pages
                         setCookie('Scroll_Pos',document.body.scrollTop,999);
                         document.location.href='pagecontent.aspx';
                    }
               }
           });
    }
}
function ToggleActivePage(pid, obj)
{
    if (confirm('Click OK to (De)Activate this Page'))
    {
        $.ajax({
               type: "POST",
               url: "pagecontent.aspx",
               data: "action=ta&pid="+pid,
               success: function(msg){
                    if (msg.indexOf('frmLogon') > 0)
                    {   
                        alert('your session has expired, please login again');
                        hideDialogAndLogin();
                    }
                    else
                    {
                         if (obj.src.indexOf('icon-active.gif') > 0)
                            obj.src = obj.src.replace('icon-active.gif','icon-inactive.gif');
                         else
                            obj.src = obj.src.replace('icon-inactive.gif','icon-active.gif');
                    }
               }
           });
    }
}


var ErrMsg = "Copyright Protected - This image is the property of Salon Equipment Centre and you do not have permission to copy it.";

function disableRightClick(btnClick)
{
    if (navigator.appName == "Netscape" && btnClick.which == 3) // check for netscape and right click
    { 
        alert(ErrMsg);
        return false;
    }
    else if (navigator.appName =="Microsoft Internet Explorer" && event.button == 2) // for IE and Right Click
    {
        alert(ErrMsg);
        return false;
    }
}
//document.onmousedown = disableRightClick;

function clickIE()
{
    if (document.all)
    {
        //alert(ErrMsg);
        return false;
    }
}

function clickNS(e) {
    if (document.layers||(document.getElementById&&!document.all))
    {
        if (e.which==2||e.which==3) {
            //alert(ErrMsg);
            return false;
        }
    }
}

if (document.layers)
{
    document.captureEvents(Event.MOUSEDOWN);
    document.onmousedown=clickNS;
}
else
{
    document.onmouseup=clickNS;
    document.oncontextmenu=clickIE;
}

document.oncontextmenu=new Function("alert(ErrMsg);return false")

function CreateCapatcha()
{
    return Math.floor(Math.random()*1000000);
}

function HideATag()
{
    try {var x = $("#scrollToHere").offset();}
    catch(ex) { $("#aRelProd").Style.Add("display", "none"); }
    try{
        if (isNaN(x.top))
            $("#aRelProd").Style.Add("display", "none");
    }
    catch(ex) { $("#aRelProd").text(" "); }
}

function scrollWin(){
    //alert('here');
    $('html, body').animate({
        scrollTop: $("#scrollToHere").offset().top
        }, 2000);
}

$(document).ready(function () {
	$('#ulNewList li:gt(4)').hide();
	$('#ulUsedList li:gt(4)').hide();
});