//Main function to generate the drop down menu 



function ShowHide(ref){

		//alert(document.getElementById(ref).style.display);

		if (document.getElementById(ref).style.display=='none'){

			document.getElementById(ref).style.display='block';

			document.getElementById(ref+'show').style.display='none';

			document.getElementById(ref+'hide').style.display='block';

			

		}	

	else{

			document.getElementById(ref).style.display='none';

			document.getElementById(ref+'show').style.display='block';

			document.getElementById(ref+'hide').style.display='none';

	}

	   

}



function ShowDetails(showcart){

		//alert(document.getElementById(showcart).style.display);

		if (document.getElementById(showcart).style.display=='none'){

			document.getElementById(showcart).style.display='block';

			document.getElementById('showdetails').style.display='none';

			document.getElementById('hidedetails').style.display='block';

			

		}	

	else{

			document.getElementById(showcart).style.display='none';

			document.getElementById('showdetails').style.display='block';

			document.getElementById('hidedetails').style.display='none';

	}

}



function dropDown(targetEl, resultsEl, actionButton, callbackFunction)

{

	//assign the object

	objTarget = document.getElementById(targetEl);



	//hide the drop down by default

	hideDropDown(targetEl);



	//assign the button click to open/hide the dropdown

	assignButtonClick(objTarget, actionButton)



	//assign click functionality to each of individual child nodes

	assignChildNodeClick(objTarget, targetEl, resultsEl, callbackFunction)



	//create a hidden element on the document

	if(!document.getElementById('openDropDown'))

	{

		var hiddenElement = document.createElement('input');

		hiddenElement.setAttribute('type', 'hidden');

		hiddenElement.setAttribute('id', 'openDropDown');

		document.body.appendChild(hiddenElement);

	}

}



//function to hide the drop down menu.

function hideDropDown(target)

{

	objEL = document.getElementById(target);



	if(objEL)

	{

		if(objEL.style.display == 'block' || !objEL.style.display)    

		{

			objEL.style.display = 'none';

		}

	}

	else

	{

		alert('There is some problem with drop down with id : ' + target);

	}

}



//this function will bind the click event to show/hide the drop down

function assignButtonClick(target, actionButtonID)

{

	//if(document.getElementById(actionButtonID)){

	actionButton = document.getElementById(actionButtonID);

	actionButton.onclick = function() {

		currentOpenDD = document.getElementById('openDropDown').value

		if(currentOpenDD != '' && currentOpenDD == (target.id + ';;' + actionButtonID))

		{

			document.getElementById('openDropDown').value = '';

		}

		else if(currentOpenDD != '')

		{

			values = currentOpenDD.split(';;')

			hideDropDown(values[0])

			document.getElementById('openDropDown').value = target.id + ';;' + actionButtonID;

		}

		else

		{

			document.getElementById('openDropDown').value = target.id + ';;' + actionButtonID;

		}



		if(target.style.display == 'block' || !target.style.display)  

		{

			target.style.display = 'none';

		}

		else

		{

			target.style.display = 'block';

		}

	}

//	}//end IF

}



//function will bind each of the child nodes with the function to process clicks

function assignChildNodeClick(target, targetEl, resultsEl, callback)

{

	arrListElements = target.getElementsByTagName('LI');

	for(i=0;i<arrListElements.length;i++)

	{

		arrAnchorChild = arrListElements[i].getElementsByTagName('A');

		for(j=0; j<arrAnchorChild.length;j++)

		{

			currentNode = arrAnchorChild[j];

			currentNode.onclick = function() {

				if(callback)

				{

					callback.call(this, this, resultsEl)

				}

				else

				{

					processClick(this, resultsEl)

				}

				hideDropDown(targetEl)

			}

		}

	}

}



//function to select the current value and mark it as selected

function processClick(objAnchor, resultsEl)

{

	if(document.getElementById(resultsEl).tagName == 'INPUT')

		document.getElementById(resultsEl).value = objAnchor.innerHTML;

	else								  

		document.getElementById(resultsEl).innerHTML = objAnchor.innerHTML;

}



//bind the click function on the window and call callback function on each click

if (window.document.addEventListener){

  window.document.addEventListener('click', captureClick, false);

} else if (window.document.attachEvent){

  window.document.attachEvent('onclick', captureClick);

}



//callback function. called on each click on window

function captureClick(e)

{

	//capture the target element on which click action is performed

	if (window.event)

	{

		target = window.event.srcElement;

	}

	else

	{

		target = e.target ? e.target : e.srcElement;

	}

	showHide(target);

      //  alert(document.getElementById('openDropDown').value); return false;

	if(document.getElementById('openDropDown').value != '')

	{

		arrValues = document.getElementById('openDropDown').value.split(';;')



		if(!checkParent(target, arrValues[0]))

		{

			if(target.id != arrValues[1])

			{

				hideDropDown(arrValues[0])

				document.getElementById('openDropDown').value = '';

			}

		}

	}

}



function loadEvents()

{

	//Load the drop down function as the script loads

	//the syntax for calling drop down is dropDown(dropDownListBox, dropDownResultsBox, dropDownActionButton);

	//you can also pass additional callback function as the fourth parameter. This additional callback can process the action clicks for the list items.

	/*dropDown('deviceList', 'flexbox_results', 'flex_button');

	dropDown('flagList', 'flexbox_results1', 'flex_button1', extraCallback);

	dropDown('periodListOne', 'periodListOne_results', 'periodListOne_button');*/

	if(document.getElementById('state_show')){

		dropDown('state_show', 'state', 'state_button');}

	if(document.getElementById('state2_show')){

		dropDown('state2_show', 'state2', 'state2_button');}

	if(document.getElementById('country_show')){

		dropDown('country_show', 'country', 'country_button');}

	if(document.getElementById('country2_show')){

		dropDown('country2_show', 'country2', 'country2_button');}	

	if(document.getElementById('series_list')){

		dropDown('series_list', 'series_result', 'series_button');}	

	if(document.getElementById('purchased_list')){

		dropDown('purchased_list', 'purchased_show', 'purchased_button');}

	if(document.getElementById('Orchestra_list')){

		dropDown('Orchestra_list', 'Orchestra_show', 'Orchestra_button');}

	if(document.getElementById('art_list')){

		dropDown('art_list', 'art_show', 'art_button');}

	if(document.getElementById('delivery_list')){

		dropDown('delivery_list', 'delivery_result', 'delivery_button');}

	if(document.getElementById('month_list')){

		dropDown('month_list', 'month_result', 'month_button');}	

	if(document.getElementById('year_list')){

		dropDown('year_list', 'year_result', 'year_button');}	

	if(document.getElementById('periodList4')){

		dropDown('periodList4', 'periodList4_results', 'periodList4_button');}

	if(document.getElementById('periodList5')){

		dropDown('periodList5', 'periodList5_results', 'periodList5_button');}

	if(document.getElementById('age')){

		dropDown('age', 'age_result', 'age_button');}

	if(document.getElementById('ticket')){

		dropDown('ticket', 'ticket_result', 'ticket_button');}

	

}



function extraCallback()

{

	var objAnchor = arguments[0];

	var resultElement = arguments[1];

		

	arrListItems = objAnchor.parentNode.parentNode.getElementsByTagName('A');

	

	for(i=0; i<arrListItems.length;i++)

	{

		children = arrListItems[i].childNodes;

		if(children[0].nodeName == 'SPAN')

		{

			arrListItems[i].innerHTML = arrListItems[i].innerHTML.replace(/\<span\>/ig, '');

			arrListItems[i].innerHTML = arrListItems[i].innerHTML.replace(/\<\/span\>/ig, '')

		}

	}



	var originalHTML = objAnchor.innerHTML;

	objAnchor.innerHTML = '<span>' + originalHTML + '</span>';

	

	arrImgItems = document.getElementById(resultElement).getElementsByTagName('IMG');

	arrImgItems[0].src = arrImgItems[0].src.replace(/flag(.*).gif/ig, 'flag_' + objAnchor.className + '.gif');

}





function addMultipleLoadEvents(func)

{

	var oldonload = window.onload;

	if (typeof window.onload != 'function')

	{

		window.onload = func;

	}

	else

	{

		window.onload = function() {

			if (oldonload)

			{

				oldonload();

			}

			func();

		}

	}

}



function checkParent(objEl, parentID)

{

	//alert(objEl);

        //alert(parentID);return false;

        if(objEl.parentNode.id == parentID)

	{

		//alert('IF');

                return true;

	}

	else if(objEl.parentNode.nodeName == 'BODY')

	{

		//alert('ELSE IF');

                return false;

	}

	else

	{

		//alert('ELSE');

                return checkParent(objEl.parentNode, parentID);

	}

}



function showHide(target)

{

	if(target.className=='open'){

		if(target.rel!='')

			{

				id=target.rel;

				document.getElementById('mainPanel'+id).className='row_right light';

				document.getElementById('mainPanel'+id+'_image').className='active';

				document.getElementById('mainPanel'+id+'_sub').style.display='block';				

				document.getElementById('circle'+id+'_1').className='circle2';

				document.getElementById('circle'+id+'_2').className='circle2';

				

				var srcStr =document.getElementById('status'+id).src;

				if((srcStr.search('common/images/check_green.gif')>0))		

				{document.getElementById('status'+id).src='common/images/check_green_wight.gif';}

				else

				{document.getElementById('status'+id).src='common/images/check_red_wight.gif';}

			}

	}else if(target.className=='active'){

		if(target.rel!='')

			{

				id=target.rel;

				document.getElementById('mainPanel'+id).className='row_right dark';

				document.getElementById('mainPanel'+id+'_image').className='open';

				document.getElementById('mainPanel'+id+'_sub').style.display='none';

				document.getElementById('circle'+id+'_1').className='circle';

				document.getElementById('circle'+id+'_2').className='circle';

				

				var srcStr =document.getElementById('status'+id).src;

				if((srcStr.search('common/images/check_green_wight.gif')>0))		

				{document.getElementById('status'+id).src='common/images/check_green.gif';}

				else

				{document.getElementById('status'+id).src='common/images/check_red.gif';}

			}

	}

}



addMultipleLoadEvents(loadEvents)